:root{color:#101318;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5efe2;background-image:linear-gradient(90deg,#24272e0d 1px,#0000 1px),linear-gradient(#24272e0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button:focus-visible{outline-offset:3px;outline:3px solid #4059ad}button:active{transform:translateY(2px)}.lobby-shell{color:#1f2328;grid-template-columns:minmax(320px,520px) minmax(320px,460px);place-content:center;gap:22px;min-height:100svh;padding:22px;display:grid}.lobby-panel{background:#ffffffc7;border:1px solid #24272e;border-radius:8px;gap:18px;width:100%;padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 8px #24272e33,0 24px 52px #1f232829}.lobby-panel h1{margin-bottom:4px}.live-rooms-panel{background:#ffffffb3;align-content:start;align-self:stretch}.live-rooms-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.live-rooms-header h2{letter-spacing:0;font-size:clamp(1.5rem,4vw,2.15rem);font-weight:950}.icon-action{color:#101318;cursor:pointer;background:#fff;border:1px solid #24272e;border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 3px #24272e}.icon-action:disabled{cursor:wait;opacity:.65}.live-room-list{gap:12px;display:grid}.live-room-row{background:#ffffffe6;border:1px solid #d8dde6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px;display:grid}.live-room-main{align-items:center;gap:8px;min-width:0;display:flex}.live-room-main strong{color:#101318;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.98rem;overflow:hidden}.room-code{color:#101318;background:#fff6df;border:1px solid #24272e;border-radius:6px;flex:none;padding:4px 7px;font-size:.78rem;font-weight:950;box-shadow:0 2px #24272e}.room-state{color:#fff;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 7px;font-size:.68rem;font-weight:950}.room-state.waiting{background:#1c7f78}.room-state.playing{background:#c07312}.live-room-meta{color:#4b5563;grid-column:1;gap:12px;font-size:.78rem;font-weight:850;display:flex}.live-room-meta span{align-items:center;gap:5px;display:inline-flex}.live-join-action{grid-area:1/2/span 2;justify-content:center;align-items:center;gap:7px;display:inline-flex}.live-room-empty{color:#4b5563;background:#ffffffa6;border:1px dashed #b9c1ce;border-radius:8px;gap:5px;padding:16px;display:grid}.live-room-empty p{color:#101318;font-weight:950}.live-room-empty span{font-size:.9rem;font-weight:750;line-height:1.35}.lobby-account-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-4px;display:flex}.lobby-account-row span{color:#6b7280;text-transform:uppercase;font-size:.78rem;font-weight:900}.lobby-fields{gap:14px;display:grid}.lobby-fields label{color:#4b5563;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:900;display:grid}.lobby-fields input{color:#101318;min-height:42px;font:inherit;text-transform:none;background:#fff;border:1px solid #24272e;border-radius:8px;padding:0 12px;font-weight:850;box-shadow:0 3px #24272e}.join-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.solo-action{color:#101318;cursor:pointer;background:#fff6df;border:1px solid #24272e;border-radius:8px;min-height:42px;font-weight:950;box-shadow:0 3px #24272e}.lobby-status,.lobby-error,.connection-error{font-size:.9rem;font-weight:850}.lobby-status{color:#1c7f78}.lobby-error,.connection-error{color:#b42318}.connection-error{max-width:1500px;margin:-8px auto 8px}.auth-shell{color:#1f2328;place-items:center;min-height:100svh;padding:22px;display:grid}.auth-panel{background:#ffffffd1;border:1px solid #24272e;border-radius:8px;gap:16px;width:min(480px,100%);padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 8px #24272e33,0 24px 52px #1f232829}.auth-copy{color:#4b5563;font-weight:750;line-height:1.45}.auth-panel code{color:#101318;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dde1e8;border-radius:8px;padding:10px 12px;font-weight:850;display:block}.auth-form{gap:14px;display:grid}.auth-form label{color:#4b5563;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:900;display:grid}.auth-form input{color:#101318;min-height:42px;font:inherit;background:#fff;border:1px solid #24272e;border-radius:8px;padding:0 12px;font-weight:850;box-shadow:0 3px #24272e}.auth-link-button{color:#1c7f78;cursor:pointer;background:0 0;border:0;justify-self:center;font-weight:950}.profile-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1013186b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-dialog{background:#fffffff5;border:1px solid #24272e;border-radius:8px;gap:18px;width:min(500px,100vw - 32px);padding:clamp(20px,4vw,28px);display:grid;box-shadow:0 8px #24272e57,0 28px 60px #10131857}.profile-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.profile-header h2{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.35rem,4vw,2rem);font-weight:950;overflow:hidden}.profile-avatar{color:#fff;background:#1c7f78;border:1px solid #24272e;border-radius:50%;place-items:center;width:62px;height:62px;font-size:1.4rem;font-weight:950;display:grid;overflow:hidden;box-shadow:0 4px #24272e}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-form{gap:14px;display:grid}.profile-form label{color:#4b5563;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:900;display:grid}.profile-form input{color:#101318;min-height:42px;font:inherit;background:#fff;border:1px solid #24272e;border-radius:8px;padding:0 12px;font-weight:850;box-shadow:0 3px #24272e}.profile-form input:disabled{color:#6b7280;background:#f8fafc}.profile-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.profile-actions .primary-action,.profile-actions .secondary-action{justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (width<=940px){.lobby-shell{grid-template-columns:minmax(0,560px);align-content:start}}@media (width<=560px){.lobby-account-row,.profile-actions{grid-template-columns:1fr}.lobby-account-row{flex-direction:column;align-items:stretch}.live-room-row{grid-template-columns:1fr}.live-room-main,.live-room-meta{flex-wrap:wrap}.live-join-action{grid-area:auto/1}}.game-shell{color:#1f2328;height:100svh;padding:clamp(10px,1.5svh,18px) 22px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1500px;margin:0 auto clamp(8px,1.4svh,14px);display:flex}.eyebrow{color:#6b7280;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4.8vw,3.65rem);font-weight:950;line-height:.95}h2{font-size:1rem;line-height:1.2}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.55}.room-actions,.panel-heading,.hand-title,.command-row{align-items:center;gap:10px;display:flex}.room-code,.icon-button,.primary-action,.secondary-action,.account-pill,.connection-pill,.start-room-button{color:#101318;background:#fff;border:1px solid #24272e;box-shadow:0 3px #24272e}.room-code,.icon-button,.primary-action,.secondary-action,.account-pill,.start-room-button{cursor:pointer}.room-code{border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.start-room-button{color:#fff;background:#101318;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:950;display:inline-flex}.icon-button{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.connection-pill{color:#fff;text-transform:uppercase;background:#1c7f78;border-radius:999px;place-items:center;min-height:34px;padding:0 10px;font-size:.76rem;font-weight:950;display:inline-grid}.connection-pill.connecting{color:#101318;background:#f3b23f}.connection-pill.error{background:#e35544}.account-pill{color:#101318;text-overflow:ellipsis;white-space:nowrap;background:#fff6df;border-radius:999px;place-items:center;max-width:190px;min-height:34px;padding:0 10px;font-size:.76rem;font-weight:950;display:inline-grid;overflow:hidden}.mobile-rail-actions,.mobile-panel-backdrop{display:none}.blast-banner{z-index:42;color:#fff9e8;pointer-events:none;text-align:center;text-transform:uppercase;background:radial-gradient(circle at 18% 20%,#ffffff57,#0000 28%),linear-gradient(135deg,#7f1d1d,#ef4444 46%,#f59e0b);border:2px solid #24272e;border-radius:8px;justify-items:center;gap:3px;min-width:min(420px,100vw - 32px);padding:14px 22px 16px;animation:2.4s cubic-bezier(.18,.8,.2,1) both blast-banner-pop;display:grid;position:fixed;top:clamp(70px,11svh,96px);left:50%;transform:translate(-50%,-18px)scale(.96);box-shadow:0 6px #24272e,0 18px 36px #1f232842}.blast-banner.defused{color:#f7fee7;background:radial-gradient(circle at 18% 20%,#ffffff57,#0000 28%),linear-gradient(135deg,#14532d,#168a65 48%,#eab308)}.blast-banner.exploded{color:#fff9e8}.blast-banner span{letter-spacing:.08em;font-size:.72rem;font-weight:950}.blast-banner strong{letter-spacing:0;text-shadow:0 2px #24272e5c;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:950;line-height:1}.victory-backdrop{z-index:58;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1013186b;place-items:center;padding:18px;animation:.36s both victory-backdrop-in;display:grid;position:fixed;inset:0}.victory-popup{color:#101318;text-align:center;background:radial-gradient(circle at 18% 16%,#ffffffe6,#0000 28%),linear-gradient(135deg,#fef3c7,#facc15 48%,#14b8a6);border:2px solid #24272e;border-radius:8px;justify-items:center;gap:12px;width:min(430px,100vw - 36px);padding:clamp(22px,4vw,34px);animation:.62s cubic-bezier(.18,.8,.2,1) both victory-popup-in;display:grid;box-shadow:0 8px #24272e,0 26px 54px #10131859}.victory-popup span{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:950}.victory-popup strong{overflow-wrap:anywhere;letter-spacing:0;max-width:100%;font-size:clamp(2rem,7vw,3.4rem);font-weight:950;line-height:.95}.victory-popup button{color:#fff;cursor:pointer;background:#101318;border:1px solid #24272e;border-radius:8px;min-height:42px;padding:0 18px;font-weight:950;box-shadow:0 3px #24272e}.table-grid{grid-template-columns:minmax(190px,250px) minmax(760px,1fr) minmax(200px,260px);align-items:start;gap:16px;max-width:1500px;margin:0 auto;display:grid}.players-panel,.activity-panel{background:#ffffffb8;border:1px solid #24272e;border-radius:8px;height:clamp(340px,50svh,430px);padding:16px;box-shadow:0 8px 24px #1f232814}.activity-panel{grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.panel-heading{margin-bottom:14px}.target-hint{color:#4b5563;margin:-4px 0 10px;font-size:.78rem;font-weight:800}.players-list{gap:10px;display:grid}.player-row{background:#fff;border:1px solid #dde1e8;border-radius:8px;grid-template-columns:40px minmax(0,1fr) 12px;align-items:center;gap:10px;min-height:56px;padding:8px;display:grid}.player-row.target-mode{grid-template-columns:52px 40px minmax(0,1fr) 10px;gap:8px}.player-row.targetable:hover{background:#fffdf1;border-color:#f3b23f}.player-row.target-selected{border-color:#f3b23f;box-shadow:0 0 0 3px #f3b23f52}.target-rail{display:none}.player-row.target-mode .target-rail{color:#6b7280;text-transform:uppercase;background:#f3f4f6;border:1px solid #0000;border-radius:6px;place-items:center;width:48px;min-height:44px;font-size:.68rem;font-weight:950;line-height:1;display:grid;overflow:hidden}.player-row>span:not(.avatar):not(.status-dot):not(.target-rail){min-width:0}.target-rail-label{white-space:nowrap;display:block}.player-row.targetable .target-rail{color:#101318;cursor:pointer;background:#fff0c7;border-color:#24272e;box-shadow:0 2px #24272e}.player-row.targetable .target-rail:hover{background:#f3b23f;transform:translateY(-1px)}.player-row.targetable .target-rail:active{transform:translateY(1px);box-shadow:0 1px #24272e}.player-row.target-selected .target-rail{color:#101318;background:#f3b23f}.player-row.thinking{border-color:#e35544}.player-row.out{opacity:.52}.player-row.out .avatar{background:#6b7280}.avatar{color:#fff;background:#1c7f78;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.player-row strong,.player-row small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.player-row small{color:#6b7280;font-size:.78rem}.status-dot{background:#6b7280;border-radius:50%;width:10px;height:10px}.player-row.ready .status-dot{background:#1c7f78}.player-row.safe .status-dot{background:#e3a72f}.player-row.thinking .status-dot{background:#e35544}.player-row.out .status-dot{background:#24272e}.table-surface{background:radial-gradient(circle at 35% 18%,#ffffff57,#0000 30%),linear-gradient(135deg,#215c57,#2f856f 48%,#d6b04d);border:1px solid #24272e;border-radius:8px;grid-template-rows:auto 1fr auto;height:clamp(340px,50svh,430px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff29,0 14px 30px #1f232821}.table-surface:after{z-index:3;pointer-events:none;content:"";opacity:0;background:radial-gradient(circle at 31% 58%,#fffae1eb,#0000 0),radial-gradient(circle at 31% 58%,#fb923ca3,#0000 0),radial-gradient(circle at 31% 58%,#ef444457,#0000 0);position:absolute;inset:0}.table-surface.blast-defused,.table-surface.blast-exploded{animation:.76s cubic-bezier(.2,.72,.2,1) both table-blast-shake}.table-surface.blast-exploded{animation-duration:.94s}.table-surface.blast-defused:after{animation:.82s ease-out both blast-glow-defused}.table-surface.blast-exploded:after{animation:.98s ease-out both blast-glow-exploded}.opponent-zone{color:#fff;justify-content:center;align-items:center;gap:16px;min-height:clamp(58px,9svh,76px);font-weight:800;display:flex}.mini-hand{width:118px;height:54px;position:relative}.mini-hand span{background:#fff6df;border:1px solid #22252c;border-radius:6px;width:36px;height:50px;position:absolute;bottom:0;box-shadow:0 4px #0000002e}.mini-hand span:first-child{left:0;transform:rotate(-12deg)}.mini-hand span:nth-child(2){left:26px;transform:rotate(-3deg)}.mini-hand span:nth-child(3){left:52px;transform:rotate(6deg)}.mini-hand span:nth-child(4){left:78px;transform:rotate(14deg)}.pile-zone{grid-template-columns:190px 170px;place-content:center;align-items:center;gap:22px;transition:transform .16s;display:grid}.table-surface:has(.table-future) .pile-zone{transform:translate(-160px)}.blast-burst{z-index:7;pointer-events:none;opacity:0;width:16px;height:16px;position:absolute;top:54%;left:31%;transform:translate(-50%,-50%)}.blast-burst:before,.blast-burst:after{content:"";opacity:0;border:4px solid #fff4bfe6;border-radius:50%;position:absolute;inset:-18px}.blast-burst:after{border-width:7px;border-color:#ef444470;inset:-30px}.blast-burst span{width:9px;height:24px;transform:translate(-50%, -50%) rotate(var(--spark-rotate));transform-origin:50% 58px;background:linear-gradient(#fff7ad,#fb923c 54%,#ef4444);border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #fff7adb3}.blast-burst span:first-child{--spark-rotate:0deg}.blast-burst span:nth-child(2){--spark-rotate:60deg}.blast-burst span:nth-child(3){--spark-rotate:120deg}.blast-burst span:nth-child(4){--spark-rotate:180deg}.blast-burst span:nth-child(5){--spark-rotate:240deg}.blast-burst span:nth-child(6){--spark-rotate:300deg}.table-surface.blast-defused .blast-burst,.table-surface.blast-exploded .blast-burst{opacity:1}.table-surface.blast-defused .blast-burst:before{animation:.76s ease-out both blast-ring}.table-surface.blast-exploded .blast-burst:before{animation:.9s ease-out both blast-ring}.table-surface.blast-exploded .blast-burst:after{animation:.98s ease-out both blast-ring-wide}.table-surface.blast-defused .blast-burst span{animation:.72s ease-out both blast-spark-defused}.table-surface.blast-exploded .blast-burst span{animation:.9s ease-out both blast-spark-exploded}.table-surface.blast-defused .deck-stack{animation:.82s cubic-bezier(.2,.72,.2,1) both deck-blast-defused}.table-surface.blast-exploded .deck-stack{animation:.98s cubic-bezier(.2,.72,.2,1) both deck-blast-exploded}.deck-pile,.discard-pile{border:2px solid #24272e;border-radius:8px;place-items:center;min-height:194px;display:grid;box-shadow:0 10px #24272e47}.deck-pile{color:#fff;min-width:190px;box-shadow:none;cursor:pointer;background:radial-gradient(circle at 50% 58%,#1013182e,#0000 46%),0 0;border-color:#0000;position:relative;overflow:visible}.deck-pile:hover .deck-stack{filter:brightness(1.05);transform:translateY(-6px)rotate(-1deg)}.deck-pile.deck-shuffling .deck-stack{animation:.68s both deck-riffle}.deck-pile.deck-shuffling .deck-card-shadow{animation:.68s both shuffle-shadow-card}.deck-pile.deck-shuffling .deck-card-left{animation:.68s both shuffle-left-card}.deck-pile.deck-shuffling .deck-card-right{animation:.68s both shuffle-right-card}.deck-pile.deck-shuffling .deck-card-top{animation:.68s both shuffle-top-card}.deck-pile strong{z-index:8;text-transform:uppercase;background:#101318b8;border:1px solid #1013188c;border-radius:999px;padding:5px 11px;font-size:.82rem;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pile-count{z-index:10;color:#101318;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:950;display:grid;position:absolute;top:32px;right:14px}.deck-stack{place-items:center;width:152px;height:172px;transition:transform .16s,filter .16s;display:grid;position:relative}.deck-card{background:linear-gradient(135deg,#ffffff24 0 8px,#0000 8px 16px),repeating-linear-gradient(45deg,#ffffff1a 0 8px,#0000 8px 16px),#e35544;border:2px solid #24272e;border-radius:8px;place-items:center;width:118px;height:158px;display:grid;position:absolute;box-shadow:0 9px #24272e59}.deck-card-shadow{opacity:.55;transform:translateY(10px)rotate(0)}.deck-card-left{transform:translate(-15px,4px)rotate(-10deg)}.deck-card-right{transform:translate(15px,4px)rotate(10deg)}.deck-card-top{z-index:4;overflow:hidden;transform:translateY(-3px)rotate(-2deg)}.deck-card-top:before{content:"";border:2px solid #ffffff85;border-radius:6px;position:absolute;inset:10px}.deck-card-top:after{content:"";background:#10131829;border-radius:50%;width:86px;height:86px;position:absolute;bottom:-34px;right:-24px}@keyframes deck-riffle{0%,to{filter:brightness();transform:translateY(0)rotate(0)}18%{filter:brightness(1.12);transform:translateY(-7px)rotate(-2deg)}42%{transform:translateY(3px)rotate(2deg)}66%{filter:brightness(1.06);transform:translateY(-4px)rotate(-1deg)}}@keyframes shuffle-shadow-card{0%,to{transform:translateY(10px)rotate(0)}30%{transform:translate(-10px,16px)rotate(-6deg)}58%{transform:translate(12px,8px)rotate(7deg)}}@keyframes shuffle-left-card{0%,to{transform:translate(-15px,4px)rotate(-10deg)}24%{transform:translate(-46px)rotate(-18deg)}52%{transform:translate(6px,-8px)rotate(6deg)}76%{transform:translate(-24px,4px)rotate(-12deg)}}@keyframes shuffle-right-card{0%,to{transform:translate(15px,4px)rotate(10deg)}20%{transform:translate(44px,-2px)rotate(19deg)}50%{transform:translate(-8px,-6px)rotate(-6deg)}78%{transform:translate(25px,5px)rotate(12deg)}}@keyframes shuffle-top-card{0%,to{transform:translateY(-3px)rotate(-2deg)}22%{transform:translate(-10px,-16px)rotate(-9deg)}48%{transform:translate(14px,-10px)rotate(9deg)}72%{transform:translate(-4px,-7px)rotate(-3deg)}}@keyframes table-blast-shake{0%,to{transform:translate(0,0)}12%{transform:translate(-5px,3px)}24%{transform:translate(7px,-4px)}38%{transform:translate(-6px,-2px)}54%{transform:translate(4px,3px)}72%{transform:translate(-2px,1px)}}@keyframes blast-glow-defused{0%{opacity:0;background-size:0 0,0 0,0 0}18%{opacity:1;background-size:130px 130px,230px 230px,340px 340px}to{opacity:0;background-size:190px 190px,320px 320px,460px 460px}}@keyframes blast-glow-exploded{0%{opacity:0;background-size:0 0,0 0,0 0}16%{opacity:1;background-size:180px 180px,340px 340px,560px 560px}to{opacity:0;background-size:260px 260px,520px 520px,760px 760px}}@keyframes blast-ring{0%{opacity:.95;transform:scale(.18)}to{opacity:0;transform:scale(2.8)}}@keyframes blast-ring-wide{0%{opacity:.75;transform:scale(.12)}to{opacity:0;transform:scale(3.6)}}@keyframes blast-spark-defused{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-rotate)) scaleY(.3)}26%{opacity:1}to{opacity:0;transform:translate(-50%, -92px) rotate(var(--spark-rotate)) scaleY(.18)}}@keyframes blast-spark-exploded{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-rotate)) scaleY(.35)}20%{opacity:1}to{opacity:0;transform:translate(-50%, -132px) rotate(var(--spark-rotate)) scaleY(.2)}}@keyframes deck-blast-defused{0%,to{filter:brightness();transform:translateY(0)rotate(0)scale(1)}18%{filter:brightness(1.18);transform:translateY(-16px)rotate(-5deg)scale(1.05)}48%{transform:translateY(5px)rotate(3deg)scale(.99)}}@keyframes deck-blast-exploded{0%,to{filter:brightness();transform:translateY(0)rotate(0)scale(1)}16%{filter:brightness(1.28)saturate(1.25);transform:translate(-22px,-22px)rotate(-12deg)scale(1.12)}36%{transform:translate(14px,8px)rotate(8deg)scale(1.03)}62%{transform:translate(-6px,-5px)rotate(-3deg)scale(1.01)}}@keyframes blast-banner-pop{0%{opacity:0;transform:translate(-50%,-28px)scale(.88)rotate(-1deg)}11%{opacity:1;transform:translate(-50%)scale(1.04)rotate(1deg)}18%{transform:translate(-50%,-4px)scale(1)rotate(0)}82%{opacity:1;transform:translate(-50%,-4px)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-22px)scale(.96)rotate(0)}}@keyframes prompt-attention{0%,to{transform:translateY(0);box-shadow:0 0 0 3px #e3a72f38,0 10px 18px #10131833}50%{transform:translateY(-1px);box-shadow:0 0 0 5px #e3a72f57,0 12px 22px #1013183d}}@keyframes played-card-fly{0%{opacity:1;transform:translate(0,0)rotate(-4deg)scale(1)}45%{opacity:1;transform:translate3d(calc(var(--flight-to-x) * .48), calc(var(--flight-to-y) * .48 - 132px), 0) rotate(9deg) scale(1.12)}to{opacity:0;transform:translate3d(var(--flight-to-x), var(--flight-to-y), 0) rotate(18deg) scale(.42)}}@keyframes victory-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes victory-popup-in{0%{opacity:0;transform:translateY(28px)scale(.9)rotate(-1deg)}55%{opacity:1;transform:translateY(-8px)scale(1.04)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.deck-pile.deck-shuffling .deck-stack,.deck-pile.deck-shuffling .deck-card,.table-surface.blast-defused,.table-surface.blast-exploded,.table-surface.blast-defused .deck-stack,.table-surface.blast-exploded .deck-stack,.table-surface.blast-defused:after,.table-surface.blast-exploded:after,.table-surface.blast-defused .blast-burst:before,.table-surface.blast-exploded .blast-burst:before,.table-surface.blast-exploded .blast-burst:after,.table-surface.blast-defused .blast-burst span,.table-surface.blast-exploded .blast-burst span,.blast-banner,.turn-strip-action .turn-prompt,.played-card-flight,.victory-backdrop,.victory-popup{animation:none}}.deck-mark{color:#fff;text-transform:uppercase;font-size:.82rem;font-weight:950;position:absolute;top:20px;left:16px}.deck-flame{color:#fff;border:3px solid #fff;border-radius:52% 52% 52% 8px;place-items:center;width:52px;height:52px;font-size:2rem;font-weight:950;display:grid;transform:rotate(-45deg)}.deck-flame:first-letter{transform:rotate(45deg)}.discard-pile{text-align:center;background:#ffffffc2;padding:14px}.discard-pile span{color:#6b7280;text-transform:uppercase;font-size:.78rem;font-weight:900}.discard-pile strong{overflow-wrap:anywhere;max-width:100%}.discard-pile .card-art{aspect-ratio:5/7;object-fit:cover;border:1px solid #24272e;border-radius:6px;width:96px;max-width:100%;box-shadow:0 4px #24272e38}.table-future{z-index:5;color:#fff;background:linear-gradient(#fff3,#1013182e),#1013182e;border:1px solid #ffffff70;border-radius:8px;align-content:center;gap:10px;width:370px;min-width:0;padding:12px 10px 14px;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-46%);box-shadow:inset 0 0 0 1px #1013182e,0 12px 24px #10131833}.table-future>span{letter-spacing:0;text-align:center;text-transform:uppercase;font-size:.78rem;font-weight:950}.table-future-row{justify-content:center;align-items:flex-end;min-width:0;min-height:clamp(174px,28svh,204px);padding:8px 6px 12px;display:flex}.turn-strip{color:#fff;background:#10131870;justify-content:space-between;align-items:center;gap:12px;min-height:clamp(48px,8svh,58px);padding:7px 18px;display:flex}.turn-status{flex:none;font-weight:950}.turn-prompt{overflow-wrap:anywhere;color:#fff;text-align:left;background:#ffffff29;border:1px solid #ffffff8a;border-radius:8px;justify-content:flex-end;align-items:center;gap:8px;max-width:min(70%,620px);min-height:36px;padding:7px 12px;line-height:1.15;display:inline-flex;box-shadow:0 8px 18px #1013182e}.turn-prompt span{color:#24272e;letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #24272e33;border-radius:999px;flex:none;padding:4px 7px;font-size:.68rem;font-weight:950}.turn-strip-action .turn-prompt{color:#15181d;background:#fff0c7;border-color:#24272e;animation:1.5s ease-in-out infinite prompt-attention;box-shadow:0 0 0 3px #e3a72f42,0 10px 18px #10131833}.turn-strip-action .turn-prompt span{color:#15181d;background:#e3a72f}.turn-strip-waiting .turn-prompt{background:#215c57db;border-color:#ffffffb8}.turn-strip-waiting .turn-prompt span{color:#13423f;background:#d8f2e6}.activity-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:-4px 0 10px;display:grid}.activity-tabs button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dde1e8;border-radius:7px;min-height:32px;font-size:.78rem;font-weight:950}.activity-tabs button.active{color:#101318;background:#fff0c7;border-color:#24272e;box-shadow:0 2px #24272e}.activity-list,.chat-list{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.activity-list li{color:#4b5563;background:#fff;border-left:4px solid #1c7f78;border-radius:6px;padding:10px;font-size:.88rem}.chat-panel{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.chat-message,.chat-empty{color:#4b5563;background:#fff;border-radius:6px;padding:9px 10px;font-size:.86rem}.chat-message strong,.chat-message span{display:block}.chat-message strong{color:#101318;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:950;overflow:hidden}.chat-message span{overflow-wrap:anywhere;margin-top:2px;line-height:1.35}.chat-empty{color:#6b7280;font-weight:850}.chat-form{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.chat-form input{color:#101318;min-height:38px;font:inherit;background:#fff;border:1px solid #24272e;border-radius:8px;padding:0 10px;font-size:.86rem;font-weight:800;box-shadow:0 2px #24272e}.chat-form button{color:#fff;cursor:pointer;background:#101318;border:1px solid #24272e;border-radius:8px;place-items:center;min-height:38px;display:grid;box-shadow:0 2px #24272e}.hand-section{max-width:1500px;margin:clamp(8px,1.6svh,16px) auto 0;padding-bottom:0;position:relative}.future-card{color:#101318;width:132px;transform:rotate(var(--future-tilt,0deg));transform-origin:50% 110%;background:#fff9e8;border:1px solid #24272e;border-radius:8px;flex:0 0 132px;gap:6px;margin-left:-28px;padding:8px;display:grid;box-shadow:0 6px #24272eb8,0 12px 20px #1013183d}.future-card:first-child{margin-left:0}.future-card:first-child{--future-tilt:-7deg}.future-card:nth-child(2){--future-tilt:0deg;z-index:2}.future-card:nth-child(3){--future-tilt:7deg}.future-card .card-art{aspect-ratio:5/7;object-fit:cover;border:1px solid #24272e;border-radius:5px;width:100%}.future-card strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.74rem;font-weight:950;line-height:1.2;overflow:hidden}.hand-title{margin-bottom:4px}.hand-row{overscroll-behavior-inline:contain;scrollbar-color:#24272e6b transparent;scrollbar-width:thin;justify-content:safe center;align-items:flex-end;max-width:100%;min-height:clamp(172px,29svh,216px);padding:clamp(24px,4svh,36px) 272px 8px 12px;scroll-padding-inline:18px;display:flex;overflow:auto clip}.hand-row::-webkit-scrollbar{height:8px}.hand-row::-webkit-scrollbar-track{background:0 0}.hand-row::-webkit-scrollbar-thumb{background:#24272e57;border-radius:999px}.hand-row.hand-overflow{justify-content:flex-start;padding-left:clamp(76px,6vw,112px);scroll-padding-left:clamp(76px,6vw,112px);scroll-padding-right:112px}.hand-row.hand-compact .game-card{flex-basis:clamp(116px,7.4vw,138px);width:clamp(116px,7.4vw,138px);margin-left:-54px}.hand-row.hand-dense .game-card{flex-basis:clamp(104px,6.6vw,124px);width:clamp(104px,6.6vw,124px);height:clamp(156px,23svh,188px);margin-left:-66px}.hand-row.hand-compact .game-card:hover,.hand-row.hand-compact .game-card.selected,.hand-row.hand-compact .game-card.selected:hover,.hand-row.hand-dense .game-card:hover,.hand-row.hand-dense .game-card.selected,.hand-row.hand-dense .game-card.selected:hover{margin-right:12px}.game-card{color:#101318;text-align:left;cursor:pointer;width:clamp(128px,8.4vw,152px);height:clamp(176px,26svh,214px);min-height:0;transform:rotate(var(--hand-tilt,0deg));transform-origin:50% 110%;background:#fff6df;border:2px solid #24272e;border-radius:8px;flex:0 0 clamp(128px,8.4vw,152px);grid-template-rows:1fr;align-items:start;margin-left:-38px;padding:8px;transition:background-color .16s,border-color .16s,box-shadow .16s,filter .16s,margin .16s,transform .16s;display:grid;position:relative;box-shadow:0 5px #24272e}.game-card:first-child{margin-left:0}.game-card:nth-child(6n+1){--hand-tilt:-8deg}.game-card:nth-child(6n+2){--hand-tilt:-4deg}.game-card:nth-child(6n+3){--hand-tilt:-1deg}.game-card:nth-child(6n+4){--hand-tilt:3deg}.game-card:nth-child(6n+5){--hand-tilt:7deg}.game-card:nth-child(6n){--hand-tilt:10deg}.game-card:hover{z-index:4;margin-right:18px;transform:translateY(-18px)rotate(0)scale(1.04);box-shadow:0 11px #24272e}.game-card.selected{z-index:5;filter:brightness(1.07)saturate(1.08);background:#fff9dd;border-color:#f3b23f;margin-right:24px;transform:translateY(-28px)rotate(0)scale(1.06);box-shadow:0 14px #24272e,0 0 0 4px #f3b23f7a,0 18px 30px #1f23282e}.game-card.selected:hover{transform:translateY(-30px)rotate(0)scale(1.07)}.game-card.defuse{background:#eaf7ef}.game-card.action{background:#fbe8df}.game-card.utility{background:#e9f1ff}.game-card.defuse.selected,.game-card.action.selected,.game-card.utility.selected,.game-card.cat.selected,.game-card.reaction.selected{background:#fff9dd}.card-art{aspect-ratio:5/7;object-fit:cover;background:#fff 50%/cover;border:1px solid #24272e;border-radius:6px;width:100%;min-height:0;display:block}.played-card-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.played-card-flight{left:var(--flight-x);top:var(--flight-y);width:var(--flight-w);height:var(--flight-h);transform-origin:50%;animation:played-card-fly .9s cubic-bezier(.17, .72, .22, 1) var(--flight-delay) both;background:#fff6df;border:2px solid #24272e;border-radius:8px;padding:8px;display:grid;position:fixed;box-shadow:0 8px #24272e,0 18px 30px #1013183d,0 0 0 6px #e3a72f38}.played-card-flight .card-art{height:100%}.empty-hand{color:#4b5563;background:#ffffff8c;border:1px dashed #9ca3af;border-radius:8px;place-items:center;min-height:160px;margin-top:46px;font-weight:800;display:grid}.game-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.15;overflow:hidden}.game-card small{color:#4b5563;line-height:1.35;display:none}.card-action{text-transform:uppercase;background:#ffffffb8;border:1px solid #24272e;border-radius:999px;justify-self:auto;padding:4px 7px;font-size:.64rem;font-weight:950;position:absolute;top:10px;right:10px}.command-row{justify-content:flex-end;margin-top:0;position:absolute;top:0;right:0}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-weight:950;display:inline-flex}.primary-action{color:#fff;background:#101318}.secondary-action{background:#fff}@media (width<=1180px){.game-shell{height:auto;min-height:100svh;padding:14px;overflow:auto}.topbar{flex-direction:column;align-items:flex-start}.table-grid{grid-template-columns:1fr}.players-panel,.activity-panel,.table-surface{height:auto}.players-list{grid-template-columns:repeat(2,minmax(0,1fr))}.table-surface{height:430px}.table-surface:has(.table-future) .pile-zone{transform:translate(-82px)}.table-future{width:252px;padding-inline:8px;right:12px}.future-card{flex-basis:88px;width:88px;margin-left:-18px}.activity-panel{max-height:260px}.hand-row{min-height:224px;padding-inline:8px}.hand-row.hand-overflow{padding-left:56px;padding-right:18px;scroll-padding-left:56px}.game-card{flex-basis:144px;width:144px;height:210px;margin-left:-30px}.reveal-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.join-row{grid-template-columns:1fr}.room-actions,.command-row,.turn-strip{width:100%}.room-code,.primary-action,.secondary-action{flex:1}.players-list,.reveal-row,.pile-zone{grid-template-columns:1fr}.hand-section{margin-top:34px}.hand-row{min-height:214px;padding-top:34px}.hand-row.hand-overflow{padding-left:48px;padding-right:18px;scroll-padding-left:48px}.game-card{flex-basis:136px;width:136px;height:198px;margin-left:-26px}.pile-zone{padding:24px}.table-surface:has(.table-future) .pile-zone{transform:none}.table-surface:has(.table-future){grid-template-rows:auto auto auto auto;height:auto}.table-future{width:min(100%,286px);max-width:286px;margin:-16px auto 4px;position:static;transform:none}.table-future-row{min-height:144px}.future-card{flex-basis:86px;width:86px;margin-left:-16px}.deck-pile,.discard-pile{min-height:150px}.turn-strip,.command-row{flex-direction:column;justify-content:center;align-items:stretch}.turn-prompt{justify-content:flex-start;max-width:none}.command-row{margin-top:8px;position:static}}@media (width<=980px) and (height<=560px) and (orientation:landscape){.game-shell{height:100svh;min-height:0;padding:6px 10px 0;position:relative;overflow:hidden}.topbar{flex-direction:row;align-items:center;max-width:none;height:42px;margin:0}.eyebrow{display:none}h1{font-size:1.7rem}.room-actions{gap:8px}.room-code{border-radius:7px;min-height:34px;padding:0 10px}.icon-button{border-radius:7px;width:34px;height:34px}.mobile-rail-actions{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:fixed;top:52px;left:10px;right:10px}.mobile-panel-button{color:#101318;pointer-events:auto;background:#ffffffe6;border:1px solid #24272e;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:0 3px #24272e}.mobile-panel-button[aria-expanded=true]{background:#fff0c7}.mobile-panel-backdrop{z-index:28;background:#1013182e;border:0;display:block;position:fixed;inset:0}.table-grid{max-width:none;height:calc(100svh - 42px);margin:4px 0 0;display:block}.players-panel,.activity-panel{z-index:40;width:min(310px,82vw);height:auto;max-height:none;padding:14px;transition:transform .18s,box-shadow .18s;position:fixed;top:0;bottom:0;overflow:hidden}.players-panel{left:0;transform:translate(-105%)}.activity-panel{right:0;transform:translate(105%)}.players-panel.mobile-panel-open,.activity-panel.mobile-panel-open{transform:translate(0);box-shadow:0 14px 34px #1013183d}.players-list{grid-template-columns:1fr}.player-row{min-height:50px}.activity-panel ol{overflow-y:auto}.table-surface{border-radius:8px;height:calc(100svh - 160px);min-height:208px}.opponent-zone{min-height:46px}.mini-hand{width:96px;height:38px}.mini-hand span{width:30px;height:40px}.mini-hand span:nth-child(2){left:21px}.mini-hand span:nth-child(3){left:42px}.mini-hand span:nth-child(4){left:63px}.pile-zone{grid-template-columns:150px 132px;gap:14px;padding:0}.table-surface:has(.table-future) .pile-zone{transform:translate(-92px)}.deck-pile,.discard-pile{min-height:132px;box-shadow:0 6px #24272e47}.deck-pile{min-width:150px}.deck-stack{width:116px;height:126px}.deck-card{width:88px;height:116px}.deck-flame{width:42px;height:42px;font-size:1.55rem}.pile-count{width:32px;height:32px;top:20px;right:2px}.discard-pile{padding:10px}.discard-pile .card-art{width:70px}.table-future{width:244px;padding:9px 6px 10px;right:8px}.table-future-row{min-height:132px;padding:4px 4px 8px}.future-card{flex-basis:82px;width:82px;margin-left:-15px;padding:6px}.future-card strong{font-size:.58rem}.turn-strip{gap:8px;min-height:40px;padding:4px 10px;font-size:.86rem}.turn-prompt{max-width:64%;min-height:30px;padding:4px 8px;font-size:.78rem}.turn-prompt span{padding:3px 6px;font-size:.58rem}.hand-section{z-index:24;background:linear-gradient(#0000 0,#f5efe2d1 22%,#f5efe2f5);max-width:none;height:142px;margin:0;padding:0 70px 0 10px;transition:transform .18s;position:fixed;bottom:0;left:0;right:0;transform:translateY(58px)}.hand-section.hand-expanded{transform:translateY(0)}.hand-title{display:none}.hand-row{justify-content:flex-start;min-height:128px;padding:10px 6px 4px;scroll-padding-inline:8px;overflow:auto clip}.hand-row.hand-overflow{padding-left:34px;padding-right:124px;scroll-padding-left:34px}.game-card{flex-basis:96px;width:96px;height:132px;margin-left:-24px;padding:6px}.hand-row.hand-compact .game-card,.hand-row.hand-dense .game-card{flex-basis:92px;width:92px;height:128px;margin-left:-34px}.game-card:first-child{margin-left:0}.game-card:hover,.game-card.selected,.game-card.selected:hover{margin-right:12px}.card-action{padding:3px 6px;font-size:.55rem;top:7px;right:7px}.command-row{z-index:26;gap:7px;width:112px;display:grid;position:fixed;top:auto;bottom:8px;right:10px}.primary-action,.secondary-action{min-height:34px;padding:0 8px;font-size:.8rem}}