.app{min-height:100vh;background:#121212;color:#d1d5db;font-family:system-ui,-apple-system,sans-serif;padding:2rem}.local-test-banner{position:sticky;top:0;z-index:100;padding:.5rem 1rem;background:#f59e0b;color:#1f2937;font-weight:600;font-size:.9rem;text-align:center;box-shadow:0 2px 8px #0000004d}.local-test-banner code{background:#0003;padding:.15rem .4rem;border-radius:4px;font-size:.85em}.lobby-option{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer;font-size:.95rem;color:#e5e7eb}.lobby-option input{cursor:pointer}.tutorial-instruction{margin-bottom:.75rem;padding:.75rem 1rem;background:#22c55e26;border:2px solid #22c55e;border-radius:10px;font-size:clamp(.85rem,2vw,1rem);color:#d1fae5;line-height:1.5;text-align:center;max-width:min(90vw,520px)}.tutorial-instruction strong{color:#86efac}.poker-view{min-height:100vh;background:#5c1a1a;background-image:radial-gradient(ellipse at center,#6b2222,#4a1515 70%,#3d1111);margin:-2rem;padding:1rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.poker-table-wrap{width:100%;max-width:min(90vw,720px);aspect-ratio:16 / 10;position:relative;flex-shrink:0}.poker-table{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d5c2e;background-image:radial-gradient(ellipse 80% 70% at 50% 50%,#117035,#0a4722);border-radius:50%;border:8px solid #0a3d1f;box-shadow:0 0 0 4px #1a7d44,inset 0 2px 20px #0003,0 8px 32px #0006;display:flex;align-items:center;justify-content:center}.table-center{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3;pointer-events:none}.table-center *{pointer-events:auto}.table-center .total-pot{font-size:clamp(.75rem,2vw,.95rem);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.table-center .community-cards{display:flex;gap:.35rem;margin-bottom:0;min-height:auto}.table-center .community-cards .card{width:clamp(36px,6vw,52px);height:clamp(50px,8vw,72px);font-size:.7rem}.table-center .community-cards .card-symbol{font-size:clamp(.65rem,2vw,1rem)}.table-center .community-cards .card-number{font-size:.55rem}.table-center .community-cards .card-name{display:none}.table-seats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.table-seats>*{pointer-events:auto}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2rem;transform:translate(-50%,-50%);z-index:1}.seat-content{display:flex;flex-direction:row;align-items:center;gap:.35rem;max-width:none;min-width:0}.seat-info-left .seat-content{flex-direction:row}.seat-info-left .seat-info{order:1}.seat-info-left .seat-cards{order:2}.seat-info-right .seat-content{flex-direction:row}.seat-info-right .seat-info{order:2}.seat-info-right .seat-cards{order:1}.seat-info{display:flex;flex-direction:column;align-items:center;gap:.2rem;position:relative;min-width:0;flex-shrink:0}.seat-cards{flex-shrink:0}.seat-you{z-index:2}.player-box{display:flex;align-items:center;gap:.3rem;background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:.25rem .4rem;min-width:0}.player-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#0e7490);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.seat:not(.seat-0) .player-avatar{background:linear-gradient(135deg,#6b7280,#374151)}.player-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.player-name{font-size:.65rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}.player-chips{font-size:.6rem;color:#fcd34d;font-weight:600}.dealer-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:#e68a00;color:#fff;border-radius:50%;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #fff;box-shadow:0 1px 2px #0006}.seat .player-cards{display:flex;gap:.15rem;justify-content:center}.seat .player-cards .card{width:clamp(24px,4vw,36px);height:clamp(32px,5.5vw,50px);flex-shrink:0}.seat .player-cards .card-symbol{font-size:clamp(.5rem,1.4vw,.7rem)}.seat .player-cards .card-number{font-size:.45rem}.seat .player-cards .card-name{display:none}.your-hand-bar{width:100%;max-width:min(90vw,720px);margin-top:1rem;padding:.75rem 1rem;background:#000000b3;border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;flex-shrink:0}.your-hand-label{font-size:.9rem;font-weight:600;color:#e5e7eb;flex-shrink:0}.your-hand-cards{display:flex;gap:.5rem;flex-wrap:wrap}.your-hand-cards .card{width:clamp(44px,8vw,64px);height:clamp(60px,11vw,88px)}.phase-transition-msg{margin-bottom:.75rem;padding:.6rem 1rem;background:#22d3ee40;border:2px solid #22d3ee;border-radius:10px;color:#67e8f9;font-size:1.1rem;font-weight:700;text-align:center;animation:phase-transition-pulse .6s ease-out 2}@keyframes phase-transition-pulse{0%,to{opacity:1;box-shadow:0 0 #22d3ee66}50%{opacity:.95;box-shadow:0 0 16px 2px #22d3ee80}}.current-turn-tracker{margin-bottom:.5rem;padding:.4rem .75rem;background:#22d3ee26;border:1px solid #22d3ee;border-radius:8px;color:#22d3ee;font-size:.95rem}.current-turn-tracker strong{color:#67e8f9}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-left:auto}.action-bar .btn-check{background:#1f2937;color:#fff;border:2px solid #4b5563;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}.action-bar .btn-check:hover{background:#374151;border-color:#6b7280}.action-bar .btn-primary{padding:.5rem 1rem;font-size:.9rem}.action-bar .btn-add-chips{background:#92400e;color:#fcd34d;border:1px solid #b45309;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.action-bar .btn-add-chips:hover{background:#b45309}.seat-folded .seat-content{opacity:.65}.player-folded-label{font-size:.6rem;color:#9ca3af;font-weight:600}.player-allin-label{font-size:.6rem;color:#fcd34d;font-weight:700}.seat-current-turn .seat-content{box-shadow:0 0 0 2px #22d3ee;border-radius:8px}.player-turn-label{font-size:.7rem;color:#22d3ee;font-weight:700;margin-top:.2rem}.btn-fold{background:#7f1d1d;color:#fca5a5;border:1px solid #991b1b;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.btn-fold:hover{background:#991b1b}.turn-countdown{color:#f59e0b;font-weight:700;font-size:.95rem;margin-right:.5rem}.allin-msg{color:#86efac;font-size:.9rem;font-weight:600}.action-bar .to-call{color:#fcd34d;font-size:.9rem;margin-right:.5rem}.last-action-msg{color:#9ca3af;font-size:.8rem;margin-right:.5rem}.waiting-msg{color:#9ca3af;font-style:italic}.sure-to-win-msg{padding:.4rem .75rem;background:#22c55e33;border:1px solid #22c55e;border-radius:8px;color:#86efac;font-size:clamp(.8rem,2vw,.95rem);margin-bottom:.5rem;width:100%}.btn-allin{background:#166534;color:#86efac;border:1px solid #22c55e;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.btn-allin:hover{background:#15803d}.player-scoreboard{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.chonp-yell-msg.poker-view-msg,.real-game-msg.poker-view-msg{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:10;margin:0}.real-game-msg.poker-view-msg{color:#fcd34d;font-weight:700;font-size:clamp(.9rem,2vw,1.1rem)}.resolving-showdown-msg{margin-bottom:.75rem;padding:.5rem 1rem;background:#f59e0b33;border:1px solid #f59e0b;border-radius:8px;color:#fcd34d;font-weight:600;text-align:center}.showdown-winner-block{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.showdown-next-hint{margin:0;font-size:.95rem;color:#ffffffd9}.showdown-cta{display:flex;justify-content:center}.btn-showdown-next{font-size:1.1rem;padding:.75rem 1.75rem;font-weight:700;box-shadow:0 0 12px #e68a0080}.winner-announce{margin-bottom:0;padding:.5rem 1rem;background:#22d3ee33;border:2px solid #22d3ee;border-radius:10px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:#22d3ee;text-align:center;animation:winner-announce-flash .8s ease-out 2}.winner-announce-chonp{background:#f59e0b40;border-color:#f59e0b;color:#fcd34d;animation:winner-announce-flash .6s ease-out 4}@keyframes winner-announce-flash{0%,to{opacity:1;box-shadow:0 0 #22d3ee66}50%{opacity:.9;box-shadow:0 0 20px 4px #22d3ee99}}.rules-panel{max-width:min(90vw,720px);width:100%;margin-bottom:.75rem;padding:.5rem .75rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:clamp(.7rem,1.8vw,.85rem);color:#e5e7eb;line-height:1.4;flex-shrink:0}.rules-panel strong{color:#fcd34d}.seat.winner-flash .seat-content{animation:winner-flash .6s ease-out 5}@keyframes winner-flash{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 14px #fcd34d) drop-shadow(0 0 24px #f59e0b)}}.poker-view .player-best-hand,.poker-view .player-hierarchy{font-size:.7rem;margin-top:.15rem;color:#ffffffe6}.poker-view .player-hierarchy{flex-direction:row;flex-wrap:wrap;gap:.35rem}.poker-view .player-hierarchy-input{max-width:100px;font-size:.7rem;padding:.25rem .4rem}.poker-view .btn-hierarchy{padding:.35rem .6rem;font-size:.7rem}@media (max-width: 640px){.poker-table-wrap{max-width:98vw;aspect-ratio:14 / 10}.your-hand-bar{flex-direction:column;align-items:stretch}.action-bar{margin-left:0;justify-content:center}}header h1{background:linear-gradient(to right,#f59e0b,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2rem}.tagline{color:#9ca3af;margin-top:.25rem}.btn-primary{background:#e68a00;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer}.btn-primary:hover{background:#d97d00}.game-board{margin-top:2rem}.chonp-yell-msg{text-align:center;font-size:1.25rem;font-weight:700;color:#22d3ee;margin-bottom:1rem;animation:chonp-pulse 1.5s ease-in-out infinite}@keyframes chonp-pulse{0%,to{opacity:1}50%{opacity:.6}}.community-cards{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;min-height:120px}.players{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.player{background:#1f2937;padding:1rem;border-radius:.5rem;position:relative}.player-flash{animation:molecule-flash .6s ease-out}@keyframes molecule-flash{0%,to{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 20px 4px #22d3eecc}50%{box-shadow:0 0 25px 6px #e68a00e6}75%{box-shadow:0 0 20px 4px #22d3eecc}}.seat-info .player-combo-badge{position:relative;top:0;right:0;background:linear-gradient(135deg,#22d3ee,#f59e0b);color:#121212;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:.25rem;align-self:center}.player-cards{display:flex;gap:.5rem}.player-best-hand{margin-top:.15rem;font-size:.75rem;color:#22d3ee}.seat-info .player-best-hand{margin-top:.1rem;font-size:.65rem}.player-hierarchy{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.player-hierarchy-input{padding:.5rem;border-radius:.25rem;border:1px solid #374151;background:#111827;color:#d1d5db;font-size:.875rem}.player-hierarchy-input::placeholder{color:#6b7280}.btn-hierarchy{display:inline-block;padding:.5rem 1rem;background:#22d3ee;color:#121212;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;text-align:center}.btn-hierarchy:hover{opacity:.9}.player-chips{margin-top:.25rem;font-size:.875rem;color:#9ca3af}.card{width:80px;height:110px;background:var(--card-color, #1f2937);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d}.card.card-light{color:#111}.card-symbol{font-size:1.5rem}.card-number{font-size:.75rem;opacity:.8}.card-name{font-size:.6rem;opacity:.9;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card-facedown{background:#374151}.card-back{font-size:2rem}.game-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.game-actions button{background:#22d3ee;color:#121212;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}@media (max-width: 768px){.game-actions{position:fixed;top:50%;right:.5rem;transform:translateY(-50%);margin-top:0;flex-direction:column;gap:.5rem}.game-actions button{white-space:nowrap}.game-board{padding-right:7rem}}