body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center}.screen{width:100%;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative}.app{text-align:center;padding:20px;max-width:600px;width:100%}.app h1{font-size:2.5rem;margin:0 0 1rem;font-weight:700}.app .welcome{font-size:1.2rem;margin:1rem 0;color:#4fc3f7}.app .status{font-size:.9rem;color:#999;margin-top:2rem}.app .loading{font-size:1.1rem;color:#4fc3f7;margin:2rem 0}.app .error{font-size:1rem;color:#f44336;margin:2rem 0}.app .profile-section{margin:2rem 0}.app .player-name{font-size:1.5rem;color:#4fc3f7;margin:.5rem 0;font-weight:600}.app .player-stats{font-size:1.1rem;color:#ccc;margin:.5rem 0}.app .stats-summary{margin-top:1rem;font-size:.95rem;color:#999}.app .stats-summary p{margin:.3rem 0}.app .button{font-size:1.2rem;padding:1rem 2.5rem;margin:2rem 0;background:#4fc3f7;color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.app .button:hover{background:#29b6f6;transform:scale(1.05)}.app .button:active{transform:scale(.98)}.app .button.retry{background:#f44336;color:#fff}.app .button.retry:hover{background:#e53935}.app .dev-notice{font-size:.8rem;color:#666;margin-top:3rem;font-style:italic}.app.game-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100dvh;height:calc(var(--vh, 1vh) * 100);padding-top:2rem}.app.game-screen .profile-info{margin:1rem 0}.app.game-screen .game-ready{font-size:1.3rem;color:#4fc3f7;margin:2rem 0 1rem;font-weight:600}.app.game-screen .placeholder{font-size:.9rem;color:#666;margin-top:1rem}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2rem auto;max-width:320px}.app .button.shape-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;padding:16px;margin:0;background:#1a1a2e;border:3px solid #4fc3f7;border-radius:12px}.app .button.shape-button:hover{background:#16213e;border-color:#29b6f6}.app .button.shape-button:active{transform:scale(.95)}.shape-symbol{font-size:2.5rem;line-height:1;margin-bottom:8px;color:#4fc3f7}.shape-label{font-size:1rem;color:#fff;font-weight:600}.app .button.back-button{background:transparent;border:2px solid #666;color:#999;padding:.6rem 1.5rem;font-size:1rem;margin-top:1rem}.app .button.back-button:hover{border-color:#999;color:#fff;background:transparent}.lobby-status{font-size:1.1rem;color:#4fc3f7;margin:1rem 0}.player-list{list-style:none;padding:0;margin:1rem auto;max-width:400px;text-align:left;max-height:50vh;overflow-y:auto}.player-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:4px;border-radius:8px;background:#1a1a2e;border:2px solid #333;transition:all .3s ease}.player-item.player-highlight{background:#1a2a3e;border-color:#4fc3f7;border-width:3px}.player-item .player-rank{font-size:.85rem;color:#666;min-width:24px}.player-item .player-info{flex:1;margin-left:8px}.player-item .player-info .name{font-size:1rem;font-weight:600;color:#fff}.player-item .player-info .high-score{font-size:.8rem;color:#999}.countdown-text{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#ccc}.countdown-number{font-size:4rem;font-weight:700;color:#4fc3f7;line-height:1}.leaderboard-screen{display:flex;flex-direction:column;height:100dvh;height:calc(var(--vh, 1vh) * 100);padding:16px;overflow:hidden}.leaderboard-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}.leaderboard-screen .back-button{background:transparent;border:2px solid #666;color:#999;font-size:1.2rem;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.leaderboard-screen .back-button:hover{border-color:#999;color:#fff}.leaderboard-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.shape-tabs{display:flex;gap:6px;margin-bottom:12px;flex-shrink:0}.shape-tab{flex:1;padding:8px 4px;border:2px solid #333;border-radius:8px;background:#1a1a2e;color:#999;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.shape-tab.active{background:#4fc3f7;color:#000;border-color:#4fc3f7}.shape-tab:hover:not(.active){border-color:#666;color:#ccc}.rank-banner{background:#1a2a3e;border:2px solid #4fc3f7;border-radius:12px;padding:12px 16px;margin-bottom:12px;text-align:center;flex-shrink:0}.rank-label{font-size:.85rem;color:#999;margin-bottom:2px}.rank-value{font-size:2rem;font-weight:700;color:#4fc3f7;line-height:1.2}.rank-score{font-size:.9rem;color:#ccc;margin-top:2px}.leaderboard-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.leaderboard-screen .player-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:4px;border-radius:8px;background:#1a1a2e;border:2px solid #333;transition:all .3s ease}.leaderboard-screen .player-item.player-highlight{background:#1a2a3e;border-color:#4fc3f7;border-width:3px}.leaderboard-screen .player-item.top-three{background:#1a2a1a;border-color:#666}.player-item-left{display:flex;align-items:center;gap:10px;overflow:hidden}.leaderboard-screen .player-rank{font-size:.85rem;color:#999;min-width:36px;text-align:right;flex-shrink:0}.player-name-text{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-size:.9rem;font-weight:600;color:#4fc3f7;flex-shrink:0;margin-left:8px}.leaderboard-footer{text-align:center;padding:8px 0;flex-shrink:0}.showing-count{font-size:.8rem;color:#666;margin:4px 0}.leaderboard-screen .button.load-more{font-size:.95rem;padding:8px 24px;margin:4px 0}.leaderboard-screen .button.load-more:disabled{opacity:.5;cursor:not-allowed;transform:none}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:#999}.leaderboard-empty p{margin:4px 0;font-size:1rem}:root{--color-black: #000000;--color-white: #FFFFFF;--color-primary: #FF1B7B;--color-danger: #f44336;--color-warning: #F97316;--color-success: #4CAF50;--color-highlight: #FFF3CD;--color-bg-light: #FFFFFF;--color-text-muted: #666;--color-border: #000000;--border-width: 3px;--border-radius: 12px;--border-radius-sm: 8px}.game-frame{border:var(--border-width) solid var(--color-black);border-radius:var(--border-radius);max-width:480px;width:100%;margin:0 auto;overflow:hidden;position:relative;background:var(--color-bg-light);color:var(--color-black)}.screen-header{text-align:center;padding:20px 16px}.screen-header h1,.screen-header h2{margin:0;color:var(--color-black)}.screen-header h1{font-size:28px;font-weight:700}.screen-header h2{font-size:20px;font-weight:600}.player-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:4px;border-radius:var(--border-radius-sm);background:var(--color-white);border:2px solid var(--color-black);transition:all .3s ease}.player-item .player-rank{font-weight:700;min-width:28px;text-align:center;color:var(--color-black)}.player-item .player-name{flex:1;margin:0 8px;font-weight:500;color:var(--color-black)}.player-item .player-score{font-weight:700;color:var(--color-black)}.player-item.eliminated{opacity:.4;text-decoration:line-through}.player-item.player-highlight{background:var(--color-highlight);border-color:var(--color-warning);border-width:3px}.player-item.winner{background:var(--color-primary);color:var(--color-white)}.player-item.winner .player-rank,.player-item.winner .player-name,.player-item.winner .player-score{color:var(--color-white)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.stat-card{background:var(--color-white);border:var(--border-width) solid var(--color-black);border-radius:var(--border-radius-sm);padding:16px;text-align:center}.stat-label{font-size:14px;color:var(--color-text-muted);margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--color-black)}.countdown-container{text-align:center;margin:20px 0}.countdown-text{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--color-black)}.countdown-number{font-size:48px;font-weight:700;color:var(--color-primary)}.elimination-line{display:flex;align-items:center;margin:8px 0;gap:8px}.elimination-line:before,.elimination-line:after{content:"";flex:1;border-top:2px dashed var(--color-danger)}.elimination-line .elimination-text{font-size:12px;font-weight:700;color:var(--color-danger);text-transform:uppercase;white-space:nowrap;padding:2px 8px}.game-button{border:var(--border-width) solid var(--color-black);border-radius:var(--border-radius-sm);background:var(--color-white);color:var(--color-black);font-weight:700;font-size:16px;padding:10px 20px;cursor:pointer;transition:all .2s ease}.game-button:hover{background:var(--color-bg-light)}.game-button:active{transform:scale(.97)}.game-button.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.game-button.primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-size:18px;padding:14px 32px}.game-button.primary:hover{background:#e0165e;border-color:#e0165e}.game-button.danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.player-count-selector{display:flex;gap:12px;justify-content:center;margin:16px 0}.player-count-selector .count-button{width:56px;height:56px;border:var(--border-width) solid var(--color-black);border-radius:var(--border-radius-sm);background:var(--color-white);color:var(--color-black);font-weight:700;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.player-count-selector .count-button:active{transform:scale(.95)}.player-count-selector .count-button.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.player-list{padding:0 16px;max-height:400px;overflow-y:auto}.section-label{font-size:14px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;text-align:center}.background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.game-frame-content{position:relative;z-index:1;padding:16px}.home-title{font-size:32px;font-weight:700;color:var(--color-black);margin:16px 0 4px;text-align:center}.home-player-info{text-align:center;margin-bottom:8px}.home-player-name{font-size:20px;font-weight:600;color:var(--color-primary);margin:0}.home-player-level{font-size:14px;color:var(--color-text-muted);margin:4px 0 0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;touch-action:none}#root{position:fixed;width:100%;height:100%}