code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lobby-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.lobby-container h1{color:#7289da;font-size:36px;margin-bottom:30px}.table-container{background-color:#2c2f33;border-radius:12px;box-shadow:0 4px 20px #0006;margin-bottom:30px;max-width:600px;padding:20px;width:100%}.table-container h2{color:#fff;margin-bottom:20px;text-align:center}.seats-container{grid-gap:20px;aspect-ratio:1;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.seat{align-items:center;background-color:#36393f;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:15px;transition:all .3s ease}.seat:hover{background-color:#4f545c;transform:scale(1.05)}.seat-0{grid-column:1/3;grid-row:1}.seat-1{grid-column:1;grid-row:2}.seat-2{grid-column:2;grid-row:2}.seat-3{grid-column:1/3;grid-row:3;margin-top:20px}.player-info{text-align:center}.player-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:5px}.player-indicator{color:#43b581;font-size:14px;font-weight:700}.empty-seat{color:#8e9297;font-style:italic}.player-list{background-color:#2c2f33;border-radius:8px;box-shadow:0 2px 10px #0000004d;margin-bottom:20px;max-width:600px;padding:20px;width:100%}.player-list h3{color:#fff;margin-bottom:15px;margin-top:0}.player-list ul{list-style:none;margin:0;padding:0}.player-list li{background-color:#36393f;border-radius:4px;color:#dcddde;margin:5px 0;padding:8px 12px}.player-list li.current-player{background-color:#43b581;color:#fff;font-weight:700}.lobby-actions{display:flex;gap:15px;margin-top:20px}.game-status{color:#8e9297;margin-top:20px;text-align:center}.game-status .status-waiting{color:#7289da;font-weight:700}@media (max-width:768px){.lobby-container h1{font-size:28px}.table-container{padding:15px}.seats-container{gap:15px}.lobby-actions{align-items:center;flex-direction:column;max-width:300px;width:100%}.action-button{width:100%}}.game-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.game-header{margin-bottom:20px;max-width:1200px;text-align:center;width:100%}.game-header h1{color:#7289da;font-size:32px;margin-bottom:10px}.game-info{background-color:#2c2f33;border-radius:8px;flex-wrap:wrap;gap:10px;justify-content:space-around;margin-bottom:20px;padding:15px}.game-info,.turn-info{align-items:center;display:flex}.turn-info{gap:15px}.current-player-name{color:#fff;font-size:18px;font-weight:700}.turn-timer{animation:pulse 1s infinite;background-color:#43b581;border-radius:4px;color:#fff;font-weight:700;padding:5px 10px}.game-status .status-playing{color:#43b581;font-weight:700}.wall-info{color:#fff;font-weight:700}.game-table{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 2fr 1fr;height:70vh;margin-bottom:20px;max-width:1000px;width:100%}.player-top{align-items:center;display:flex;flex-direction:column;grid-column:2;grid-row:1;justify-content:center}.player-left{grid-column:1}.player-left,.player-right{align-items:center;display:flex;flex-direction:column;grid-row:2;justify-content:center}.player-right{grid-column:3}.player-bottom{align-items:center;display:flex;flex-direction:column;grid-column:2;grid-row:3;justify-content:center}.player-info-bottom,.player-info-left,.player-info-right,.player-info-top{margin-bottom:10px;text-align:center}.player-info-bottom .player-name,.player-info-top .player-name{color:#fff;font-size:18px;font-weight:700}.player-info-left .player-name,.player-info-right .player-name{color:#fff;font-size:16px;font-weight:700;text-orientation:mixed;writing-mode:vertical-rl}.turn-indicator{background-color:#7289da;border-radius:4px;color:#fff;font-size:14px;font-weight:700;margin-top:5px;padding:5px 10px}.table-center{align-items:center;background-color:#8b4513;border-radius:50%;box-shadow:0 4px 20px #00000080,inset 0 0 30px #00000080;color:#fff;display:flex;flex-direction:column;grid-column:2;grid-row:2;justify-content:center;overflow:hidden;position:relative;text-align:center}.discard-pile{background-color:#0000004d;border-radius:8px;margin:10px;padding:15px}.discard-pile h4,.discard-pile h5{color:#fff;margin:5px 0}.discarded-tiles{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}.last-discarded{background-color:#fff3;border-radius:6px;margin-top:10px;padding:10px}.wall-count{background-color:#0006;padding:8px 15px}.tile,.wall-count{border-radius:4px;font-weight:700}.tile{align-items:center;background-color:#fff;box-shadow:0 2px 6px #0000004d;color:#333;cursor:pointer;display:flex;flex-direction:column;height:84px;justify-content:center;transition:all .2s ease;width:60px}.tile:hover{box-shadow:0 4px 12px #00000080;transform:translateY(-3px)}.tile.selected{border:3px solid #7289da;box-shadow:0 4px 15px #7289da80;transform:scale(1.1)}.tile.discarded{opacity:.8}.tile.face-down{background-color:#8b0000;border:2px solid red}.tile-dot{background-color:#fffacd}.tile-bamboo{background-color:#98fb98}.tile-character{background-color:#ffb6c1}.tile-wind{background-color:#add8e6}.tile-dragon{background-color:gold}.tile-value{font-size:24px;margin-bottom:2px}.tile-type{font-size:28px}.hand-tiles{gap:8px;max-width:100%;overflow-x:auto;padding:10px}.hand-tiles,.opponent-hand{display:flex;flex-wrap:wrap;justify-content:center}.opponent-hand{gap:2px}.melds-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.meld{background-color:#0003;border-radius:6px;display:flex;gap:2px;padding:5px}.meld-chi{border-left:3px solid gold}.meld-peng{border-left:3px solid #ff4500}.meld-gang{border-left:3px solid #00bfff}.meld-concealed_gang{border-left:3px solid #9370db}.game-actions{align-items:center;display:flex;flex-direction:column;max-width:800px;width:100%}.discard-button{background-color:#7289da;border-radius:8px;color:#fff;font-size:18px;margin-bottom:20px;padding:12px 24px;transition:all .3s ease}.discard-button:hover{background-color:#5b6eae;transform:scale(1.05)}.action-buttons-container{background-color:#2c2f33;border-radius:12px;box-shadow:0 4px 20px #0006;padding:20px}.action-timer{color:#ff4500;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.action-button.hu-button{background-color:gold;color:#333}.action-button.gang-button{background-color:#00bfff;color:#fff}.action-button.peng-button{background-color:#ff4500;color:#fff}.action-button.chi-button{background-color:#90ee90;color:#333}.action-button.pass-button{background-color:#4f545c;color:#fff}@media (max-width:768px){.game-header h1{font-size:24px}.game-info{flex-direction:column;gap:10px}.game-table{height:60vh}.tile{height:63px;width:45px}.tile-value{font-size:18px}.tile-type{font-size:22px}.discarded-tiles{max-height:100px;overflow-y:auto}.action-buttons{align-items:center;flex-direction:column}.action-button{width:150px}}@media (max-width:480px){.tile{height:49px;width:35px}.tile-value{font-size:14px}.tile-type{font-size:16px}.hand-tiles{gap:3px}}.error-notification{align-items:center;animation:slideIn .3s ease;background-color:#f04747;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;gap:15px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.error-notification span{font-weight:700}.error-notification button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:transform .2s ease;width:24px}.error-notification button:hover{transform:scale(1.2)}.win-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.win-content{animation:slideIn .5s ease-out;background-color:#2c2f33f2;border:3px solid gold;border-radius:20px;box-shadow:0 20px 60px #0009;max-width:800px;padding:50px;position:relative;text-align:center;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti{animation:fall 3s linear infinite;font-size:48px;opacity:.8;position:absolute}.confetti:first-child{animation-delay:0s;animation-duration:2.5s;left:10%}.confetti:nth-child(2){animation-delay:.5s;animation-duration:3s;left:30%}.confetti:nth-child(3){animation-delay:1s;animation-duration:2.8s;left:50%}.confetti:nth-child(4){animation-delay:.3s;animation-duration:3.2s;left:70%}.confetti:nth-child(5){animation-delay:.8s;animation-duration:2.7s;left:85%}.confetti:nth-child(6){animation-delay:1.2s;animation-duration:3.5s;left:95%}@keyframes fall{0%{top:-10%;transform:rotate(0deg)}to{top:110%;transform:rotate(1turn)}}.winner-announcement{margin-bottom:40px;position:relative;z-index:1}.win-title{animation:glow 2s ease-in-out infinite;color:gold;font-size:48px;margin-bottom:15px;text-shadow:0 0 20px #ffd70080}@keyframes glow{0%,to{text-shadow:0 0 20px #ffd70080}50%{text-shadow:0 0 40px #ffd700cc,0 0 60px #ffd70099}}.win-subtitle{color:#dcddde;font-size:24px;margin-top:10px}.winning-hand-section{background-color:#0000004d;border-radius:12px;margin:30px 0;padding:20px;position:relative;z-index:1}.winning-hand-section h2{color:#fff;font-size:28px;margin-bottom:20px}.winning-hand{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.winning-tile{animation:tileReveal .5s ease-out}.winning-tile:first-child{animation-delay:.1s}.winning-tile:nth-child(2){animation-delay:.15s}.winning-tile:nth-child(3){animation-delay:.2s}.winning-tile:nth-child(4){animation-delay:.25s}.winning-tile:nth-child(5){animation-delay:.3s}.winning-tile:nth-child(6){animation-delay:.35s}.winning-tile:nth-child(7){animation-delay:.4s}.winning-tile:nth-child(8){animation-delay:.45s}.winning-tile:nth-child(9){animation-delay:.5s}.winning-tile:nth-child(10){animation-delay:.55s}.winning-tile:nth-child(11){animation-delay:.6s}.winning-tile:nth-child(12){animation-delay:.65s}.winning-tile:nth-child(13){animation-delay:.7s}.winning-tile:nth-child(14){animation-delay:.75s}@keyframes tileReveal{0%{opacity:0;transform:rotateY(90deg) scale(.5)}to{opacity:1;transform:rotateY(0deg) scale(1)}}.winning-hand .tile{align-items:center;background-color:#fff;border:2px solid gold;border-radius:4px;box-shadow:0 4px 12px #ffd70066;color:#333;display:flex;flex-direction:column;font-weight:700;height:84px;justify-content:center;width:60px}.winning-hand .tile-value{font-size:24px;margin-bottom:2px}.winning-hand .tile-type{font-size:28px}.game-stats{background-color:#0003;border-radius:8px;display:flex;gap:40px;justify-content:center;margin:30px 0;padding:20px;position:relative;z-index:1}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-label{color:#8e9297;font-size:16px;margin-bottom:5px}.stat-value{color:gold;font-size:32px;font-weight:700}.win-actions{display:flex;gap:20px;justify-content:center;margin-top:30px;position:relative;z-index:1}.win-actions .action-button{font-size:18px;min-width:180px;padding:15px 30px;transition:all .3s ease}.win-actions .action-button:hover{box-shadow:0 6px 20px #0006;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.win-content{padding:30px 20px}.win-title{font-size:36px}.win-subtitle{font-size:18px}.winning-hand-section h2{font-size:24px}.winning-hand .tile{height:63px;width:45px}.winning-hand .tile-value{font-size:18px}.winning-hand .tile-type{font-size:22px}.game-stats{flex-direction:column;gap:20px}.stat-value{font-size:24px}.win-actions{align-items:center;flex-direction:column}.win-actions .action-button{max-width:250px;width:100%}.confetti{font-size:32px}}@media (max-width:480px){.win-title{font-size:28px}.win-subtitle{font-size:16px}.winning-hand .tile{height:49px;width:35px}.winning-hand .tile-value{font-size:14px}.winning-hand .tile-type{font-size:16px}.winning-hand{gap:5px}}.error-container{align-items:center;background-color:#000000b3;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.error-content{background-color:#2c2f33;border:2px solid #f04747;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:40px;text-align:center;width:90%}.error-icon{font-size:64px;margin-bottom:20px}.error-content h1{color:#f04747;font-size:28px;margin-bottom:15px}.error-message{color:#dcddde;font-size:18px;line-height:1.5;margin-bottom:15px}.error-code{color:#99aab5;font-family:Courier New,monospace;font-size:14px;margin-bottom:30px}.error-actions{display:flex;gap:15px;justify-content:center}@media (max-width:480px){.error-content{padding:20px}.error-icon{font-size:48px}.error-content h1{font-size:24px}.error-message{font-size:16px}.error-actions{flex-direction:column}.action-button{width:100%}}.reconnect-container{align-items:center;background-color:#000000b3;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.reconnect-content{background-color:#2c2f33;border:2px solid #7289da;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:40px;text-align:center;width:90%}.reconnect-icon{font-size:64px;margin-bottom:20px}.reconnect-icon.spinning{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reconnect-content h1{color:#7289da;font-size:28px;margin-bottom:15px}.reconnect-message{color:#dcddde;font-size:18px;margin-bottom:20px}.reconnect-progress{margin:20px 0}.progress-bar{background-color:#40444b;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#7289da,#5b6eae);border-radius:4px;height:100%;transition:width .3s ease}.attempt-info{color:#8e9297;font-size:14px;margin:0}.reconnect-delay{color:#dcddde;font-size:16px;margin:20px 0}.countdown{color:#7289da;font-size:20px;font-weight:700}.reconnect-actions{margin:20px 0}.reconnect-info{background-color:#faa61a1a;border-left:3px solid #faa61a;border-radius:6px;color:#faa61a;font-size:14px;margin-top:20px;padding:10px}@media (max-width:480px){.reconnect-content{padding:20px}.reconnect-icon{font-size:48px}.reconnect-content h1{font-size:24px}.reconnect-message{font-size:16px}.reconnect-delay{font-size:14px}.countdown{font-size:18px}.reconnect-info{font-size:12px}}.not-in-discord-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-in-discord-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center}.warning-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.not-in-discord-card h1{color:#2c3e50;font-size:24px;line-height:1.4;margin-bottom:30px}.instructions{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.instructions ol{margin:0;padding-left:20px}.instructions li{color:#34495e;font-size:16px;line-height:1.8;margin-bottom:10px}.instructions strong{color:#667eea;font-weight:600}.alternative{background:#e8f4f8;border-radius:8px;margin:30px 0;padding:20px}.alternative p{color:#34495e;font-size:14px;margin-bottom:10px}.alternative code{background:#2c3e50;border-radius:6px;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:16px;font-weight:700;padding:8px 16px}.footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.footer p{color:#7f8c8d;font-size:12px;margin:0}@media (max-width:600px){.not-in-discord-card{padding:30px 20px}.not-in-discord-card h1{font-size:20px}.instructions li{font-size:14px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}*{box-sizing:border-box}.app-container{padding:20px;width:100vw}.app-container,.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading{font-size:24px}.action-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;margin:5px;min-width:120px;padding:10px 20px;transition:all .2s ease}.action-button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-button.primary{background-color:#7289da;color:#fff}.action-button.secondary{background-color:#4f545c;color:#fff}.action-button.success{background-color:#43b581;color:#fff}.action-button.danger{background-color:#f04747;color:#fff}.card{background-color:#2c2f33;border-radius:8px;box-shadow:0 2px 10px #0000004d;margin:10px;padding:20px}
/*# sourceMappingURL=main.099d3fe6.css.map*/