*,*:before,*:after{box-sizing:border-box}html,body{height:100%;min-height:100%}body{margin:0;font-family:var(--ui-font);background:radial-gradient(circle at 50% 0%,rgba(255,215,180,.08),transparent 45%),radial-gradient(circle at 20% 20%,rgba(255,230,210,.08),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,190,210,.12),transparent 60%),repeating-linear-gradient(90deg,#ffffff05,#ffffff05 2px,#00000005 2px,#00000005 5px),linear-gradient(180deg,#2d1b15,#160c0a 55%,#0c0808);color:#f6e9ef;letter-spacing:.02em;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 30%,rgba(255,240,230,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,210,230,.06),transparent 45%),repeating-radial-gradient(circle at 15% 15%,#ffebe10a,#ffebe10a 2px,#0000 8px,#0000 16px);opacity:.6;mix-blend-mode:screen;z-index:0}:root{--display-font: "DM Sans", Inter, system-ui, sans-serif;--ui-font: "DM Sans", Inter, system-ui, sans-serif;--panel: rgba(18, 18, 24, .88);--panel-soft: rgba(28, 25, 32, .7);--panel-border: rgba(231, 151, 135, .38);--accent: #e56f84;--accent-strong: #f28a9b;--accent-jade: #79c6a3;--accent-gold: #e8bd70;--team-red: #d55262;--team-blue: #4d83d1;--text-muted: rgba(248, 239, 232, .72);--surface: rgba(22, 16, 22, .68);--surface-strong: rgba(30, 20, 28, .9);--wood-dark: #2b1a14;--wood-mid: #4a2a1e;--wood-light: #7a4b34;--wood-glow: rgba(180, 110, 70, .35);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--shadow: 0 18px 38px rgba(10, 6, 12, .55);--topbar-height: 76px}.hidden,.online-only,.local-only{display:none!important}body[data-mode=online] .online-only:not(.hidden),#app[data-mode=online] .online-only:not(.hidden),body[data-mode=local] .local-only:not(.hidden),#app[data-mode=local] .local-only:not(.hidden){display:flex!important}body[data-mode=online] button.online-only:not(.hidden),#app[data-mode=online] button.online-only:not(.hidden),body[data-mode=local] button.local-only:not(.hidden),#app[data-mode=local] button.local-only:not(.hidden){display:inline-flex!important}button,input,select{font-family:var(--ui-font);font-size:.9rem;font-weight:500;color:inherit}input,select{width:100%;padding:10px 12px;border-radius:12px;background:#0c080cb3;border:1px solid rgba(223,90,136,.35);color:#f6e9ef;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:#ffaac8d9;box-shadow:0 0 0 2px #ffaac833}button{border:1px solid var(--panel-border);background:var(--surface);color:#f7eef3;padding:10px 16px;border-radius:12px;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 5px 14px #0403051f,inset 0 1px #ffffff0d;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}button:hover{border-color:#f67caab3;background:#281420bf;box-shadow:0 8px 20px #04030538,inset 0 1px #ffffff12;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,.card:focus-visible,.grid-cell:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}button:active{transform:translateY(1px) scale(.975);transition-duration:.08s}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-ripple{position:absolute;z-index:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff2ec3d;pointer-events:none;animation:button-ripple .5s ease-out forwards}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:80;width:max-content;max-width:220px;padding:7px 9px;border:1px solid rgba(255,235,215,.14);border-radius:8px;background:#09080bf5;color:#fff6ef;box-shadow:0 10px 24px #00000061;font-size:.68rem;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease}[data-tooltip]{overflow:visible}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.45s}.toolbar [data-tooltip]:after{top:calc(100% + 9px);bottom:auto}#app{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}#top-bar{height:var(--topbar-height);display:grid;grid-template-columns:48px minmax(190px,250px) minmax(0,1fr);align-items:center;gap:12px;padding:10px clamp(14px,1.5vw,24px);background:linear-gradient(180deg,#0e0c0ff5,#0a080beb);border-bottom:1px solid rgba(231,151,135,.22);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);position:sticky;top:0;z-index:10;box-shadow:0 10px 30px #0503054d}.brand{display:flex;align-items:center}.logo{width:42px;height:42px;border-radius:13px;background:#df5a882e;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #f078a059}.brand-text{min-width:0;text-align:left}.brand-title{font-size:clamp(1.02rem,1.35vw,1.28rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:var(--display-font);white-space:nowrap}.brand-subtitle{margin-top:2px;font-size:.62rem;color:var(--text-muted);font-family:var(--ui-font);letter-spacing:.1em;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.toolbar-group,.toolbar-status{display:inline-flex;align-items:center;gap:8px;min-width:0}.toolbar-status{flex:1 1 260px;justify-content:flex-end}.toolbar .status-pill{flex:1 1 220px}.emphasis-button{color:#d6f3e5;border-color:#79c6a37a;background:#2b574447}.emphasis-button:hover{border-color:#79c6a3d1;background:#2b57447a}.toolbar::-webkit-scrollbar{display:none}.zoom-controls{display:inline-flex;align-items:center;gap:5px;padding:0 2px}.zoom-button{width:32px;height:32px;padding:0;border-radius:12px;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.zoom-range{--zoom-fill: 41%;width:clamp(84px,7vw,108px);height:24px;margin:0 2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.zoom-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(242,138,155,.95) 0 var(--zoom-fill),rgba(255,244,236,.2) var(--zoom-fill) 100%);box-shadow:0 0 0 1px #fff4ec14}.zoom-range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #fff8f2;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px #00000073}.zoom-range::-moz-range-track{height:4px;border-radius:999px;background:#fff4ec33;box-shadow:0 0 0 1px #fff4ec14}.zoom-range::-moz-range-progress{height:4px;border-radius:999px;background:#f28a9bf2}.zoom-range::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff8f2;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px #00000073}.zoom-value{font-size:.68rem;color:var(--text-muted);min-width:35px;text-align:center;font-variant-numeric:tabular-nums}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#140e1473;border:1px solid rgba(223,90,136,.4);box-shadow:inset 0 0 0 1px #ffffff0a}.ghost-button:hover{background:#281622bf;border-color:#ff96be99}.icon-button{display:inline-flex;align-items:center;gap:8px;padding:8px 11px}.icon-button svg{width:16px;height:16px;fill:currentColor}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#140e14a6;border:1px solid rgba(223,90,136,.45);font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;min-width:220px;max-width:min(33vw,520px);flex:1 1 260px}#status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #f078a0b3;animation:status-breathe 1.8s ease-in-out infinite}.status{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#140e14b3;border:1px solid rgba(223,90,136,.45);font-size:.78rem;text-transform:uppercase;letter-spacing:.2em}#game-area{flex:1;display:flex;align-items:stretch;padding:clamp(10px,1.2vw,18px);min-height:0;overflow:hidden}#right-panel{display:none!important}.name-actions{display:none}.game-console{flex:1;display:grid;--console-pad: clamp(6px, .7vw, 11px);--console-gap: clamp(7px, .7vw, 11px);--hand-width: clamp(272px, 20vw, 360px);--pool-width: clamp(150px, 11vw, 200px);--card-grid: clamp(76px, 6vw, 118px);--card-min-height: calc(var(--card-grid) + 26px);--board-max: calc( 100vh - var(--topbar-height) - (2 * var(--console-gap)) - (2 * var(--console-pad)) - 24px );grid-template-columns:var(--hand-width) minmax(360px,1fr) var(--pool-width);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"opponent board pool" "player board pool";gap:var(--console-gap);padding:var(--console-pad);min-height:0;min-width:0;max-width:100%;max-height:calc(100vh - var(--topbar-height) - 20px);overflow:hidden;border-radius:var(--radius-lg);position:relative;background:radial-gradient(circle at 54% 45%,rgba(121,198,163,.075),transparent 32%),radial-gradient(circle at 12% 12%,rgba(229,111,132,.12),transparent 38%),linear-gradient(145deg,#301f22f5,#0d0b0ffa);border:1px solid rgba(231,151,135,.24);box-shadow:inset 0 0 0 1px #1e1212cc,var(--shadow)}.game-console:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:calc(var(--radius-lg) + 6px);background:linear-gradient(135deg,var(--wood-light),var(--wood-mid) 35%,var(--wood-dark) 70%),repeating-linear-gradient(90deg,#ffffff14,#ffffff14 2px,#0000001a 2px,#0000001a 5px);z-index:-2;box-shadow:0 16px 30px #08060a8c,inset 0 0 12px #ffd2b41f}.game-console:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,220,190,.08),transparent 45%),linear-gradient(315deg,rgba(255,160,200,.08),transparent 55%);pointer-events:none;z-index:-1}.card-rail{background:linear-gradient(145deg,#191419d1,#0d0b0fc2);border:1px solid rgba(231,151,135,.16);border-radius:16px;padding:clamp(10px,1vw,15px);display:flex;flex-direction:column;gap:10px;min-height:var(--card-min-height);justify-content:flex-start;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;position:relative}.card-rail.active{background:#311e25b8;border-color:#f28a9ba8;box-shadow:inset 0 0 0 1px #ffe0d014,0 0 24px #d552621f}.card-rail.active:after{content:"ACTIVE TURN";position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:999px;background:#79c6a31f;border:1px solid rgba(121,198,163,.38);color:#a9dfc6;font-size:.54rem;font-weight:700;letter-spacing:.12em}.embedded-rail{width:100%;min-width:0}.opponent-rail{grid-area:opponent}.player-rail{grid-area:player}.pool-rail{grid-area:pool;align-self:stretch;justify-content:center;align-items:center;background:#0e0c1099}.rail-header{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:center}.player-name{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:#f4dfe8;font-family:var(--display-font);font-weight:600}.player-name.primary,.canvas-nameplate.primary{color:#ffb5b8}.player-name.secondary,.canvas-nameplate.secondary{color:#b8d4ff}.rail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;align-items:stretch;justify-items:stretch;margin-block:auto}.pool-rail .rail-cards{grid-template-columns:1fr;justify-items:center;width:100%}.pool-caption{max-width:150px;color:#f8efe875;font-size:.62rem;line-height:1.4;text-align:center}.card{height:auto;min-height:var(--card-min-height);display:grid;grid-template-columns:1fr;grid-template-rows:auto var(--card-grid);align-items:center;justify-items:center;gap:10px;padding:10px 12px;min-width:0;background:linear-gradient(135deg,rgba(255,255,255,.6),transparent 42%),linear-gradient(180deg,#f6eee0,#dfcfbb);border:1px solid rgba(112,79,61,.4);border-radius:14px;color:#372923;box-shadow:inset 0 0 0 1px #ffffff85,0 8px 20px #0403042e;cursor:default;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.card[data-role=player]{cursor:pointer}.card[data-role=player]:not(.disabled):hover{transform:translateY(-2px);border-color:#79c6a3b8;box-shadow:inset 0 0 0 1px #ffffffa6,0 10px 22px #0a06086b,0 0 18px #79c6a31a}.card-title{font-size:clamp(.68rem,.78vw,.86rem);letter-spacing:.11em;text-transform:uppercase;color:#4b352b;justify-self:center;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;font-weight:700}.card.choice{border-color:#f078a0f2;box-shadow:inset 0 0 0 1px #ffd2dca6,0 0 0 2px #f078a059,0 12px 24px #0c060a59;transform:translateY(-2px);animation:choice-pulse 1.1s ease-in-out infinite}.card.active{border-color:#d55262eb;box-shadow:inset 0 0 0 2px #d5526247,0 12px 24px #0c060a52;transform:translateY(-3px)}.card.hint-suggested:after{content:attr(data-hint-rank);position:absolute;top:7px;right:7px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff8f2;border-radius:50%;background:var(--accent-gold);color:#171015;box-shadow:0 4px 12px #0f090c52;font:800 .72rem/1 var(--ui-font)}.card.hint-suggested[data-hint-rank="1"]:after{background:var(--accent)}.card.disabled{cursor:not-allowed;filter:saturate(.55) brightness(.78);opacity:.72}.card-pattern{height:var(--card-grid)!important;width:var(--card-grid)!important;aspect-ratio:1 / 1;display:block}.board-column{grid-area:board;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}#board-stage{width:100%;height:100%;min-height:0;display:grid;place-items:center;justify-self:center;padding:0;border-radius:0;background:radial-gradient(circle at 50% 48%,rgba(232,189,112,.075),transparent 48%);border:0;position:relative;overflow:hidden}.board-stage-controls{justify-self:center;max-width:100%;min-height:46px;padding:4px;border:1px solid rgba(255,235,215,.1);border-radius:16px;background:#0a090cb3;box-shadow:0 8px 24px #0003;overflow-x:auto;scrollbar-width:none}.board-stage-controls::-webkit-scrollbar{display:none}.board-hint{position:absolute;top:12px;right:12px;z-index:7;width:42px;height:42px;padding:0;display:grid;place-items:center;gap:0;line-height:0;border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.board-hint svg{display:block;width:19px;height:19px;margin:0;flex:none}.board-hint[data-tooltip]:after{top:calc(100% + 8px);right:0;bottom:auto;left:auto;transform:translateY(-5px)}.board-hint[data-tooltip]:hover:after,.board-hint[data-tooltip]:focus-visible:after{transform:translateY(0)}.turn-guide{position:absolute;top:14px;left:50%;z-index:4;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:7px 12px;border-radius:999px;background:#0a090cc2;border:1px solid rgba(255,235,215,.1);color:#f8efe8d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.66rem;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #00000038}.guide-kicker{color:var(--accent-jade);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-shortcut{color:#f8efe861;padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.turn-banner{position:absolute;left:50%;top:50%;z-index:6;min-width:210px;padding:13px 22px;border-radius:14px;background:#0a080ce6;border:1px solid rgba(229,111,132,.45);box-shadow:0 18px 50px #0000006b;text-align:center;opacity:0;transform:translate(-50%,-42%) scale(.94);pointer-events:none}.turn-banner[data-team=blue]{border-color:#4d83d194}.turn-banner[data-team=red]{border-color:#d552629e}.turn-banner.show{animation:turn-banner-in 1.25s ease both}.turn-banner span{display:block;color:#fff4ed;font-family:var(--display-font);font-size:1rem;letter-spacing:.14em;text-transform:uppercase}.turn-banner small{display:block;margin-top:4px;color:var(--text-muted);font-size:.64rem}#canvas-container{width:100%;height:100%;border-radius:0;background:radial-gradient(circle at 50% 48%,rgba(100,92,78,.14),transparent 54%);border:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease}.game-console[data-selection=piece] #canvas-container,.game-console[data-selection=card] #canvas-container,.game-console[data-selection=ready] #canvas-container{background:radial-gradient(circle at 50% 48%,rgba(121,198,163,.13),transparent 58%);box-shadow:none}.game-console.move-resolved #canvas-container{animation:move-confirm .48s ease-out}.game-console.capture-resolved #canvas-container{animation:capture-confirm .5s ease-out}.game-console.invalid-action #canvas-container{animation:invalid-action .42s ease-out}.canvas-nameplate{position:absolute;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0c080aa6;border:1px solid rgba(223,90,136,.35);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#f4dfe8}.canvas-nameplate.top{top:10px}.canvas-nameplate.bottom{bottom:10px}.canvas-check{position:absolute;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#ffbe5040;border:1px solid rgba(255,210,130,.6);color:#ffdca8;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .2s ease}.canvas-check.top{top:42px}.canvas-check.bottom{bottom:42px}.canvas-check.active{opacity:1}.card-hint{margin-top:6px;font-size:.72rem;color:var(--text-muted)}.captured-row{display:flex;flex-wrap:wrap;gap:4px;min-height:10px;margin-top:6px}#canvas-container canvas{width:100%;height:100%;display:block;touch-action:pan-y}.group-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:clamp(12px,3vw,28px);background:radial-gradient(circle at 20% 20%,rgba(255,210,200,.08),transparent 45%),#08060ab8;display:grid;place-items:center;align-items:center;overflow:auto;z-index:50;animation:overlay-fade-in .2s ease-out}.overlay-card{width:min(1040px,96vw);background:linear-gradient(180deg,#241412f5,#120a0af5);border:1px solid rgba(226,140,110,.35);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);position:relative;max-height:min(92vh,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;animation:overlay-card-in .28s cubic-bezier(.2,.8,.2,1)}.landing-name,.landing-lobby,.landing-private,.lobby-item,.card-rail,.pool-rail{position:relative}.overlay:before,.overlay-card:before,.landing-name:before,.landing-lobby:before,.landing-private:before,.lobby-item:before,.card-rail:before,.pool-rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(255,230,210,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,230,210,.06) 1px,transparent 1px);background-size:80px 80px;opacity:.22;pointer-events:none}.overlay-card:after,.overlay:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:16px;box-shadow:inset 0 0 0 1px #ffd2be14;pointer-events:none}.overlay-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 54px 12px 4px;border-bottom:1px solid rgba(226,140,110,.25)}.overlay-header-actions{display:inline-flex;align-items:center;gap:8px}.overlay-title{font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--display-font)}.overlay-subtitle{font-size:.85rem;color:var(--text-muted);font-family:var(--ui-font)}.close-button{width:36px;height:36px;padding:0;border-radius:12px;display:grid;place-items:center;position:absolute;top:14px;right:14px}.overlay-body{padding-top:12px;flex:1;min-height:0;overflow:auto;padding-right:6px}#customize-overlay .overlay-body{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:16px}#customize-overlay[data-mode=new] .overlay-body{grid-template-columns:1fr}#customize-overlay[data-mode=new] #card-list,#customize-overlay[data-mode=new] #card-add,#customize-overlay[data-mode=new] #card-remove{display:none}#customize-overlay .overlay-editor{min-width:0}.overlay-list{display:flex;flex-direction:column;gap:8px}.card-pill{padding:10px 12px;border-radius:10px;border:1px solid rgba(231,151,135,.24);background:#100c11ad;cursor:pointer}.card-pill.active{border-color:#f28a9bcc;background:#682b399e}.overlay-editor,.move-list{display:grid;gap:10px}.move-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.move-controls,.editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.move-controls input{width:min(120px,100%)}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:6px;width:min(260px,100%);aspect-ratio:1 / 1;position:relative;margin:8px 0}.card-grid:after{content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent-gold);box-shadow:0 0 0 4px #e8bd7029,0 0 16px #e8bd708c;pointer-events:none}.grid-cell{min-width:0;border-radius:8px;border:1px solid rgba(248,239,232,.18);background:#ffffff0b;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.grid-cell:hover{transform:scale(1.05);border-color:#79c6a39e;background:#79c6a324}.grid-cell.active{transform:scale(1.04);border-color:#e56f84eb;background:#e56f8475;box-shadow:0 0 14px #e56f8447}.grid-cell.origin{cursor:default;background:#e8bd7029;border-color:#e8bd706b}.grid-cell.origin:hover{transform:none}.overlay-footer{padding-top:14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.victory-card{max-width:640px}.victory-body{padding-top:14px;display:grid;gap:12px}.victory-actions{display:flex;flex-wrap:wrap;gap:10px}.victory-actions>button{flex:1 1 180px}.victory-hint{font-size:.85rem;color:var(--text-muted)}.start-card{width:min(560px,94vw)}.start-body{padding:18px 4px 8px;display:flex;justify-content:center}.start-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.start-actions button{width:100%;min-height:48px;font-weight:600}.start-option{display:grid;align-content:start;gap:9px;padding:12px;border:1px solid rgba(226,140,110,.2);border-radius:15px;background:#120c127a}.start-meta{color:var(--text-muted);font-size:.78rem;line-height:1.45}.spectator-actions{display:flex;flex-wrap:wrap;gap:10px}.spectator-actions>button{flex:1 1 180px}.draft-card{width:min(1040px,96vw);height:min(90vh,860px);display:flex;flex-direction:column}.overlay-body.draft-body{flex:1;min-height:0;padding-top:16px}.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));grid-auto-rows:164px;gap:11px;max-height:100%;overflow:auto;padding:5px 7px 18px 5px;scrollbar-gutter:stable}.draft-item{background:#120c12b3;border:1px solid rgba(226,140,110,.3);border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:0;height:164px;width:100%;overflow:hidden;color:#f8eee7;cursor:pointer;white-space:normal;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.draft-item:hover{border-color:#f08caabf;box-shadow:0 10px 22px #0c080c59;transform:translateY(-2px)}.draft-item.selected{border-color:#79c6a3e6;background:linear-gradient(145deg,#2d5343a8,#14241fc7);box-shadow:inset 0 0 0 1px #bcf0d72e,0 12px 24px #12080c66}.draft-item.selected:after{content:attr(data-selection-order);position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#10251c;background:var(--accent-jade);font-size:.68rem;font-weight:800;box-shadow:0 4px 14px #00000047}.draft-item.unavailable{opacity:.4;filter:saturate(.55)}.draft-item:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.draft-item .card-pattern{width:min(112px,72%)!important;height:auto!important;aspect-ratio:1 / 1}.draft-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;border-top:1px solid rgba(226,140,110,.25);background:linear-gradient(180deg,#180d0e00,#180d0ed1 28%)}.draft-count{padding:7px 11px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#d6f3e5;background:#79c6a31a;border:1px solid rgba(121,198,163,.24)}.landing-card{width:min(1120px,96vw);max-height:min(92vh,880px);overflow:hidden;position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 12% 18%,rgba(255,210,190,.18),transparent 52%),radial-gradient(circle at 88% 70%,rgba(240,140,170,.1),transparent 55%),linear-gradient(180deg,#261412f5,#0e080af5);border:1px solid rgba(230,160,130,.38);display:flex;flex-direction:column;gap:18px;font-family:var(--ui-font)}.landing-card>.overlay-header{min-height:92px;padding:10px 64px 18px 10px;align-items:flex-end}.landing-heading{display:grid;gap:4px}.landing-heading .overlay-title{font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:.2em;color:#fff6ef;text-shadow:0 8px 28px rgba(229,111,132,.2)}.landing-eyebrow,.mode-intro span{color:var(--accent-jade);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.landing-heading .overlay-subtitle{margin-top:2px;max-width:560px;line-height:1.5}.landing-body{display:grid;grid-template-rows:auto 1fr;gap:16px;min-height:0;flex:1;overflow:auto;padding:4px 6px 6px 4px}.decadence-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;border:1px solid rgba(121,198,163,.3);border-radius:16px;background:radial-gradient(circle at 8% 20%,rgba(121,198,163,.16),transparent 38%),linear-gradient(135deg,#23483d8f,#180e14b8)}.decadence-intro-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(229,111,132,.42);border-radius:16px;background:#5a22358f;color:#ffe8ed;font-family:var(--display-font);font-size:1.35rem}.decadence-intro-copy{display:grid;gap:4px}.decadence-intro-copy h2{margin:0;color:#fff6ef;font-size:1rem;letter-spacing:.03em}.decadence-intro-copy p{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.45}.decadence-intro>button{min-width:138px}.landing-tabs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.landing-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;padding:5px;border-radius:999px;background:#0a080b80;border:1px solid rgba(255,255,255,.06)}.landing-tabs .tab-button{width:100%;padding:12px 16px;border-radius:999px;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;background:#120c1099;border-color:transparent;text-align:center;white-space:nowrap;min-width:0}.tab-optional{margin-left:.35em;color:var(--text-muted);font-size:.66em;letter-spacing:.08em}.tab-button.active{border-color:#f08caa7a;background:linear-gradient(180deg,#742d42eb,#4c1d2feb);box-shadow:inset 0 1px #ffdce129,0 8px 24px #230a1647}.rules-button{border-color:#ffd2b459;padding:10px 18px}.landing-panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.mode-intro{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}.play-anywhere{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-capability{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0a080b57}.play-capability>span:last-child{display:grid;gap:2px;min-width:0}.play-capability strong{color:#fff6ef;font-size:.7rem;letter-spacing:.04em}.play-capability small{color:var(--text-muted);font-size:.58rem;line-height:1.35}.capability-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#e8fff4;background:#79c6a31f;border:1px solid rgba(121,198,163,.24);font-family:var(--display-font)}.internet-capability{opacity:.72}.internet-capability.unavailable{opacity:.5}.internet-capability.unavailable .capability-mark{color:#f5e4c3;background:#e8bd701a;border-color:#e8bd703d}.mode-intro p{margin:0;color:var(--text-muted);font-size:.72rem}.landing-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.wifi-resume-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(118,211,177,.38);border-radius:16px;background:#255b4838}.wifi-resume-card p{margin:3px 0 0;color:var(--text-muted);font-size:.72rem}.wifi-resume-card button{flex:0 0 auto}.lan-lobby{min-height:0}.landing-actions .play-option{width:100%;min-height:94px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border-radius:16px;text-align:left;white-space:normal;overflow:hidden;background:linear-gradient(145deg,#1f161de0,#0f0c11cc);border-color:#e797873d;box-shadow:inset 0 1px #ffffff09,0 12px 28px #05030633;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.landing-actions .play-option.featured{background:radial-gradient(circle at 16% 20%,rgba(255,219,207,.14),transparent 42%),linear-gradient(145deg,#7b2b41f5,#491b2ef5);border-color:#f28a9ba8;box-shadow:inset 0 1px #ffe6e824,0 16px 34px #2f0c1d4d}.landing-actions .play-option:hover{transform:translateY(-3px);border-color:#79c6a394;box-shadow:inset 0 1px #ffffff14,0 18px 36px #05030657}.play-option-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#ffeef2;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-family:var(--display-font);font-size:1.05rem}.play-option-copy{min-width:0;display:grid;gap:5px}.play-option-copy strong{color:#fff6ef;font-size:.84rem;letter-spacing:.04em}.play-option-copy small{color:var(--text-muted);font-size:.65rem;line-height:1.35}.play-option-arrow{color:var(--accent-jade);font-size:1.15rem;transition:transform .18s ease}.play-option:hover .play-option-arrow{transform:translate(3px)}.landing-name,.landing-lobby,.landing-private{background:#120c10b8;border:1px solid rgba(226,140,110,.32);border-radius:var(--radius-md);padding:16px;box-shadow:inset 0 0 0 1px #ffc8b40d,0 12px 26px #0a060c52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-lobby{display:flex;flex-direction:column;min-height:320px}.landing-panel-online{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}#landing-network-name{width:100%}.landing-panel-wifi{width:min(100%,620px);margin-inline:auto;align-content:start;gap:14px}.same-wifi-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:4px 6px}.same-wifi-intro strong{display:block;color:var(--text-strong)}.same-wifi-intro p{margin:4px 0 0;color:var(--text-muted);font-size:.74rem}.landing-panel-wifi .landing-private{min-height:0}@media (max-width: 1100px){.landing-panel-online{grid-template-columns:1fr}.landing-card{max-height:94vh}.landing-lobby{min-height:280px}.lobby-list{max-height:44vh}}.landing-panel-online .landing-lobby{min-height:300px}.same-wifi-card .private-actions{display:grid;gap:10px}.same-wifi-card #private-create{margin-bottom:8px}.wifi-primary{min-height:54px;font-size:.86rem}.wifi-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}.wifi-divider:before,.wifi-divider:after{content:"";height:1px;flex:1;background:#ffffff1a}.wifi-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.wifi-code-row .label{grid-column:1 / -1}.wifi-code-row input{min-width:0;text-transform:uppercase;letter-spacing:.16em}.wifi-footnote{margin:0;text-align:center;color:var(--text-muted);font-size:.64rem}.lobby-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.lobby-share input{min-width:0}@media (max-width: 520px){.lobby-share{grid-template-columns:1fr}}.landing-lobby-header,.landing-private-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.landing-name .label{font-size:.8rem;letter-spacing:.18em}.room-info{font-size:.82rem;color:#f6e9efa6}.online-status{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:.82rem;color:#f6e9efd9;background:#28161cb3;border:1px solid rgba(226,140,110,.28)}.online-status.error{border-color:#f078a099;color:#ffd2dcf2}.online-status.success{border-color:#8cc8aa80;color:#d2ffebf2}.landing-lobby-header .label,.landing-private-header .label{font-size:.86rem;letter-spacing:.16em}.landing-lobby-header .room-info,.landing-private-header .room-info{font-size:.78rem}.lobby-list{display:grid;gap:10px;max-height:min(58vh,560px);min-height:240px;overflow:auto;padding-right:6px;flex:1}.lobby-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#0c080ccc;border:1px solid rgba(226,140,110,.28);border-radius:12px;padding:10px 12px}.lobby-item:hover{border-color:#f08caa99;background:#140c12d9}.room-meta{display:flex;flex-direction:column;gap:4px}.room-id{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase}.room-count{font-size:.75rem;color:var(--text-muted)}.lobby-actions{display:flex;gap:8px;align-items:center}.lobby-footer{display:flex;justify-content:flex-end;margin-top:12px}.lobby-empty{color:#f6e9ef99;font-size:.85rem;text-align:center;padding:18px 0}.private-actions{display:grid;gap:10px}.private-buttons{display:flex;gap:10px;flex-wrap:wrap}.lobby-card{width:min(92vw,760px);max-width:760px;max-height:min(82vh,680px);overflow:hidden}.lobby-body{display:grid;gap:16px;padding:18px 22px 22px;overflow:auto}.room-code-banner{padding:12px 16px;border-radius:14px;border:1px solid rgba(240,140,170,.5);background:#e24a7f29;font-weight:600;text-align:center;letter-spacing:.12em;text-transform:uppercase}.lobby-players{display:grid;gap:10px}.lobby-player{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(226,140,110,.25);background:#100c12bd}.lobby-player-name{font-weight:600}.lobby-player-status{font-size:.82rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.lobby-player-status.ready{color:#ebc3d7f2}.lobby-player-status.waiting{color:#ffffff94}.lobby-ready{display:grid;gap:8px}.ready-toggle{display:inline-flex;align-items:center;gap:10px;font-weight:600}.ready-toggle input{accent-color:var(--accent-strong)}.lobby-sandbox{background:#100c12b8;border:1px solid rgba(226,140,110,.25);border-radius:14px;padding:12px 14px;display:grid;gap:10px}.lobby-sandbox.hidden{display:none}.lobby-sandbox-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.lobby-deck{display:grid;gap:8px}.deck-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.deck-list{display:flex;flex-wrap:wrap;gap:8px}.deck-pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(240,140,170,.4);background:#e24a7f24;font-size:.82rem}#lobby-overlay .lobby-footer{display:flex;justify-content:flex-end;margin-top:auto;padding:0 22px 22px}.rules-card{background:#120c12a6;border:1px solid rgba(226,140,110,.3);border-radius:var(--radius-md);padding:16px}.rules-list{margin:10px 0 0;padding-left:18px;color:var(--text-muted);line-height:1.55}.rules-list li+li{margin-top:8px}.consumer-options{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:14px;background:#0c080c6b;border:1px solid rgba(231,151,135,.14)}.consumer-options .label{margin:0}.consumer-options>label{display:grid;gap:4px}.consumer-options>label small{color:var(--text-muted);font-size:.62rem;line-height:1.35}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr)) auto;gap:10px;padding:12px;border:1px solid rgba(121,198,163,.2);border-radius:14px;background:linear-gradient(135deg,#79c6a314,#0c080c5c)}.profile-summary>div{display:grid;gap:3px;padding-inline:4px}.profile-label{color:var(--text-muted);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.profile-summary strong{color:#fff4ed;font-family:var(--display-font);font-size:.88rem;letter-spacing:.06em}.victory-summary{margin-bottom:18px;padding:10px 14px;border-radius:12px;color:#d6f3e5;background:#79c6a314;border:1px solid rgba(121,198,163,.2);font-size:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.confirm-card{width:min(430px,92vw)}.confirm-body{padding:30px 18px 18px;text-align:center}.confirm-mark{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#ffd6df;background:#d5526226;border:1px solid rgba(213,82,98,.46);font-family:var(--display-font);font-size:1.5rem}.confirm-body p{color:var(--text-muted)}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.app-update{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(121,198,163,.62);border-radius:14px;color:#d6f3e5;background:#13362af0;box-shadow:0 16px 40px #0000006b}.app-update button{min-height:38px}.app-update #app-update-dismiss{padding-inline:12px}.install-card{width:min(460px,calc(100vw - 28px))}.install-body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px}.install-body img{border-radius:18px;box-shadow:0 12px 30px #08040859}.install-body p{margin:0 0 8px;line-height:1.55}@media (max-width: 420px){.install-body{grid-template-columns:1fr;text-align:center}.install-body img{margin:0 auto}}.connection-notice{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:79;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:9px 13px;border:1px solid rgba(232,189,112,.45);border-radius:999px;background:#16110ff0;color:#f5e4c3;box-shadow:0 14px 34px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.72rem;transform:translate(-50%)}.connection-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 10px #e8bd7094}.fatal-error{z-index:120}.fatal-error-card{width:min(460px,94vw);align-items:center;padding:clamp(24px,5vw,38px);text-align:center}.fatal-error-mark{width:68px;height:68px;margin-bottom:18px;display:grid;place-items:center;border:1px solid rgba(229,111,132,.48);border-radius:22px;background:linear-gradient(145deg,#e56f843d,#541c2f52);color:#ffe8ed;box-shadow:0 16px 38px #07030657;font-family:var(--display-font);font-size:1.7rem}.fatal-error-card p{max-width:340px;margin:12px auto 22px;color:var(--text-muted);line-height:1.55}.fatal-error-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fatal-error-home{grid-column:1 / -1}.app-version{margin-top:18px;color:#f8efe873;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.tutorial-card{width:min(520px,92vw)}.tutorial-body{padding:clamp(24px,5vw,48px);text-align:center}.tutorial-symbol{width:88px;height:88px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#ffe9ef;background:radial-gradient(circle at 35% 30%,#f28a9b8c,#541c2fb8);border:1px solid rgba(242,138,155,.52);box-shadow:0 14px 40px #06030652;font-family:var(--display-font);font-size:2rem}.tutorial-body h2{margin:0 0 10px;color:#fff4ed;font-family:var(--display-font);font-size:1.25rem;letter-spacing:.08em}.tutorial-body p{min-height:3.5em;margin:0 auto;max-width:390px;color:var(--text-muted);line-height:1.65}.tutorial-dots{display:flex;justify-content:center;gap:7px;margin-top:24px}.tutorial-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:width .2s ease,background .2s ease}.tutorial-dots span.active{width:24px;border-radius:999px;background:var(--accent-jade)}.tutorial-actions{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.settings-card{width:min(560px,94vw)}.settings-body{display:grid;gap:1px;padding:8px 20px 22px}.setting-row{min-height:70px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer}.setting-row span{display:grid;gap:4px}.setting-row strong{color:#fff4ed;font-size:.86rem}.setting-row small{color:var(--text-muted);font-size:.68rem;line-height:1.35}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-jade)}.setting-row input[type=range]{width:min(190px,34vw);accent-color:var(--accent)}.setting-row select{width:min(190px,38vw)}.game-console.hint-active #canvas-container{border-color:#e8bd70d1;box-shadow:inset 0 0 0 1px #e8bd7038,0 0 34px #e8bd702e}body.high-contrast{--text-muted: rgba(255, 255, 255, .9);--panel-border: rgba(255, 222, 196, .72);--accent-jade: #9cf1c8;--accent-gold: #ffd68a}body.high-contrast .card-rail,body.high-contrast #canvas-container,body.high-contrast .status-pill{border-width:2px}body.high-contrast .card.disabled{opacity:.86}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sakura-spinner{display:inline-flex;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,200,220,.5);border-top-color:#ffc8dc;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes button-ripple{0%{opacity:.7;transform:scale(0)}to{opacity:0;transform:scale(22)}}@keyframes status-breathe{50%{transform:scale(1.22);box-shadow:0 0 16px #f28a9be6}}@keyframes choice-pulse{50%{box-shadow:inset 0 0 0 1px #ffe1d6bf,0 0 0 4px #e56f8429,0 14px 28px #0c060a66}}@keyframes overlay-fade-in{0%{opacity:0}}@keyframes overlay-card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes move-confirm{50%{border-color:#79c6a3e6;box-shadow:inset 0 0 0 1px #79c6a340,0 0 34px #79c6a338}}@keyframes capture-confirm{45%{border-color:#e8bd70f2;box-shadow:inset 0 0 0 1px #e8bd7040,0 0 40px #d5526247}}@keyframes invalid-action{30%{border-color:#e56f84db;transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes turn-banner-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.94)}16%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(.98)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none),(pointer: coarse){[data-tooltip]:after{display:none}button:hover{transform:none}}@media (max-width: 1400px){#top-bar{grid-template-columns:44px minmax(150px,200px) minmax(0,1fr)}.brand-subtitle{display:none}.status-pill{max-width:28vw;min-width:180px}.game-console{--hand-width: clamp(250px, 22vw, 330px);--pool-width: clamp(136px, 12vw, 180px)}.toolbar,.toolbar-group,.toolbar-status{gap:6px}.toolbar button:not(.zoom-button){padding-inline:11px}.action-controls #open-customize{display:none}}@media (max-width: 900px){.landing-card{width:min(1000px,96vw);max-height:92vh}.landing-lobby,.landing-private{padding:12px}.lobby-list{max-height:36vh}.landing-panel-online{grid-template-columns:1fr}.landing-panel-online .landing-lobby,.landing-lobby{min-height:0}.lobby-card{width:min(95vw,720px);max-height:min(88vh,680px)}.landing-panel-online{gap:12px}}@media (max-width: 900px){:root{--topbar-height: 132px}#app{height:auto;min-height:100vh;min-height:100dvh}#top-bar{grid-template-columns:42px minmax(0,1fr);height:auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.toolbar{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px;overflow:visible;padding:2px 0 3px}.toolbar::-webkit-scrollbar{display:none}.toolbar-status{grid-column:1 / -1;grid-row:1;width:100%;order:-1}.toolbar-status .status-pill{min-width:0;max-width:none;flex:1 1 auto}.toolbar>.action-controls{grid-row:2;min-height:48px;overflow-x:auto;scrollbar-width:none}.toolbar>.action-controls{justify-content:flex-end}.toolbar>.action-controls::-webkit-scrollbar{display:none}#game-area{overflow:auto;padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.toolbar button,.card[data-role=player],.tab-button,.landing-actions button,.private-buttons button,.overlay-footer button{min-height:44px}.brand-title{letter-spacing:.18em}.game-console{--pool-width: 0px;--card-grid: clamp(72px, 24vw, 140px);--card-min-height: calc(var(--card-grid) + 24px);grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"opponent" "board" "player" "pool";max-height:none;overflow:visible;gap:clamp(10px,2vw,16px);padding:clamp(10px,2vw,16px)}#board-stage{min-height:min(88vw,620px);aspect-ratio:1 / 1}.rail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{-webkit-tap-highlight-color:transparent}.card-rail{padding:clamp(12px,2.5vw,18px)}.turn-guide{top:8px}.guide-shortcut{display:none}}@media (min-width: 901px) and (max-width: 1024px){#top-bar{gap:10px}.toolbar{justify-content:flex-end}.status,.room-code{font-size:.7rem}}@media (max-width: 520px){.landing-card{width:96vw;max-height:97vh;border-radius:16px}.landing-tabs{grid-template-columns:1fr}.landing-tabs .tab-button{letter-spacing:.14em;font-size:.78rem}.landing-card>.overlay-header{min-height:84px;padding:7px 46px 14px 4px}.landing-heading .overlay-title{font-size:1.15rem;letter-spacing:.15em}.landing-heading .overlay-subtitle{font-size:.72rem}.landing-eyebrow{font-size:.54rem}.mode-intro{align-items:flex-start;flex-direction:column;gap:3px}.landing-actions{grid-template-columns:1fr}.landing-actions .play-option{min-height:86px;padding:12px}.landing-actions button,.private-buttons button,.lobby-footer button{min-height:44px}.lobby-list{max-height:14vh;min-height:72px}.start-actions{grid-template-columns:1fr}.draft-card{height:92vh}.private-buttons{flex-direction:column}.landing-name,.landing-lobby,.landing-private{padding:12px}.lobby-footer{margin-top:8px}.lobby-body{padding:14px 14px 16px}#lobby-overlay .lobby-footer{padding:0 14px 14px}.game-console{--card-grid: clamp(64px, 21vw, 88px);--card-min-height: calc(var(--card-grid) + 22px);border-radius:14px}.zoom-range,.zoom-value,.rotate-button .icon-label{display:none}#top-bar{gap:9px}.brand-title{font-size:.84rem;letter-spacing:.14em}.brand-subtitle{display:none}.toolbar{grid-template-columns:1fr}.toolbar-status{grid-row:1}.toolbar-status .status-pill{min-width:0;max-width:none;padding-inline:12px}.toolbar-status #player-label{display:none}.board-controls{grid-row:2;width:100%}.action-controls{position:fixed;z-index:30;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:stretch;gap:6px;padding:7px;min-height:58px;overflow-x:auto;border:1px solid rgba(231,151,135,.28);border-radius:17px;background:#0c090de6;box-shadow:0 14px 44px #0000007a;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.action-controls button{flex:1 0 auto;min-width:76px;padding-inline:12px}#game-area{padding-bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px))}.rail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{grid-template-columns:1fr;grid-template-rows:auto var(--card-grid);justify-items:center;text-align:center}.pool-rail .rail-cards{grid-template-columns:1fr}.pool-rail{display:grid;grid-template-columns:auto minmax(118px,.7fr) minmax(90px,auto);align-items:center;justify-items:center;gap:12px;min-height:auto}.pool-rail .rail-cards{margin:0}.pool-rail .card{width:100%;min-height:auto}.pool-caption{text-align:left}.card-title{justify-self:center}.turn-guide{width:calc(100% - 20px);justify-content:center;overflow:hidden;text-overflow:ellipsis}#turn-guide-text{overflow:hidden;text-overflow:ellipsis}.card-rail.active:after{top:9px;right:9px}.consumer-options{grid-template-columns:1fr}.profile-summary{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:1fr;gap:8px}.setting-row input[type=range],.setting-row select{width:100%}.confirm-actions{grid-template-columns:1fr}.app-update{right:12px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px))}}@media (max-width: 520px){:root{--topbar-height: 54px}#top-bar{grid-template-columns:minmax(0,1fr);min-height:var(--topbar-height);height:auto;gap:0;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));background:#0a080bf0;box-shadow:0 8px 22px #05030538}#top-bar .brand,#top-bar .brand-text{display:none}.toolbar{gap:0;padding:0}.toolbar-status{min-height:40px;gap:5px}.toolbar-status .status-pill{min-height:40px;padding:7px 11px;font-size:.62rem;letter-spacing:.08em;border-color:#ffebd71f;background:#140e1480}.status-dot{width:6px;height:6px}.toolbar-status .room-code{padding:7px 9px;font-size:.6rem}#game-area{padding-top:7px;padding-right:max(7px,env(safe-area-inset-right));padding-left:max(7px,env(safe-area-inset-left))}.game-console{--card-grid: clamp(52px, 15vw, 64px);--card-min-height: 80px;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-areas:"board" "player" "pool" "opponent"}.game-console:before,.game-console:after{display:none}.board-column{gap:6px}.board-stage-controls{width:100%;min-height:50px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:6px;padding:4px 5px;border-radius:13px}.board-stage-controls .zoom-value,.board-stage-controls .rotate-button .icon-label{display:none}.board-stage-controls>button{min-width:0;min-height:40px;height:40px;padding:7px 10px;touch-action:manipulation}.board-stage-controls .rotate-button{width:42px;padding:0}.board-stage-controls #toggle-view{min-width:74px}.board-stage-controls .zoom-controls{width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(46px,1fr) 38px;align-items:center;gap:4px;padding:0}.board-stage-controls .zoom-button{width:38px;height:40px;min-height:40px;border-radius:10px;touch-action:manipulation}.board-stage-controls .zoom-range{display:block;width:100%;min-width:0;height:32px;margin:0}.board-hint{top:36px;right:6px;width:40px;height:40px}.card-rail{min-height:0;gap:7px;padding:8px;border-radius:12px;background:linear-gradient(145deg,#1e161cb8,#0e0c10ad)}.rail-header{min-height:18px}.player-name{font-size:.68rem;letter-spacing:.15em}.captured-row{min-height:7px;margin-top:2px}.rail-cards{gap:7px;margin:0}.card{min-height:var(--card-min-height);height:var(--card-min-height);grid-template-columns:minmax(0,1fr) var(--card-grid);grid-template-rows:1fr;gap:5px;padding:7px;border-radius:11px}.card-title{font-size:clamp(.55rem,2.6vw,.68rem);letter-spacing:.06em;line-height:1.15;overflow-wrap:anywhere}.card-pattern{width:var(--card-grid)!important;height:var(--card-grid)!important}.card.choice,.card.active{transform:translateY(-1px)}.card-rail.active:after{content:"TURN";top:8px;right:8px;padding:3px 6px;font-size:.46rem}#board-stage{min-height:min(calc(100vw - max(14px,env(safe-area-inset-left) + env(safe-area-inset-right))),520px);padding:0;border:0;border-radius:0;background:radial-gradient(circle at 50% 48%,rgba(232,189,112,.065),transparent 54%)}#canvas-container{border-radius:0;box-shadow:none}.turn-guide{top:4px;width:auto;max-width:calc(100% - 16px);min-height:25px;padding:4px 8px;font-size:.58rem}.guide-kicker,.canvas-nameplate{display:none}.canvas-check.top{top:32px}.canvas-check.bottom{bottom:32px}.pool-rail{grid-template-columns:auto minmax(130px,180px) minmax(76px,1fr);gap:9px;padding:8px 10px}.pool-rail .card{min-height:74px;height:74px}.pool-caption{max-width:110px;font-size:.54rem;line-height:1.3}.group-label{font-size:.58rem;letter-spacing:.14em}.action-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));min-height:60px;padding:7px;gap:7px;border-radius:16px;overflow:visible}.action-controls button{min-width:0;min-height:46px;padding:8px 6px;border-radius:12px;font-size:.7rem;white-space:normal;line-height:1.15;touch-action:manipulation}.action-controls #exit-online:not(.hidden)~button{min-width:0}}@media (max-width: 380px){.game-console{--card-grid: 48px;--card-min-height: 72px}.card{padding:6px}.pool-rail{grid-template-columns:auto minmax(116px,150px) 1fr}.pool-caption{font-size:.5rem}.action-controls{gap:5px;padding:6px}.action-controls button{min-width:0;font-size:.66rem;padding-inline:4px}}@media (max-width: 700px){.overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:center}.overlay-card{width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:12px;border-radius:16px}.fatal-error-actions{grid-template-columns:1fr}.fatal-error-actions button{min-height:46px}#fatal-error-home{grid-column:auto}.tutorial-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-actions #tutorial-exit{grid-column:1 / -1}.connection-notice{width:max-content;justify-content:center}.overlay-header{min-height:58px;padding:4px 44px 10px 2px;gap:8px}.overlay-title{font-size:1rem;letter-spacing:.12em}.overlay-subtitle{font-size:.72rem;line-height:1.4}.close-button{top:10px;right:10px;width:38px;height:38px}#customize-overlay .overlay-body,#customize-overlay[data-mode=new] .overlay-body{grid-template-columns:1fr}#customize-overlay .overlay-list{max-height:150px;overflow:auto}#customize-overlay .overlay-footer>button,.victory-actions>button,.spectator-actions>button{flex:1 1 100%;min-height:44px}.settings-body{overflow:auto;padding:4px 8px 12px}.tutorial-body{padding:22px 12px;overflow:auto}.tutorial-symbol{width:72px;height:72px;font-size:1.6rem}.draft-card{width:100%;height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))}.overlay-body.draft-body{padding-top:10px;padding-right:0}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px;gap:8px;padding:3px 4px 16px 2px}.draft-item{height:132px;padding:7px;gap:4px;border-radius:11px}.draft-item .card-pattern{width:min(86px,76%)!important;height:auto!important}.draft-item .card-title{font-size:.62rem}.draft-footer{flex:0 0 auto;padding-top:9px}.draft-footer #draft-start{min-width:144px;min-height:44px}}@media (max-width: 360px){.draft-grid{grid-auto-rows:122px;gap:6px}.draft-item{height:122px}.draft-item .card-pattern{width:76px!important}.draft-count{padding:6px 8px;font-size:.66rem}.draft-footer #draft-start{min-width:124px}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){:root{--topbar-height: 54px}#top-bar{grid-template-columns:1fr;min-height:54px;padding:6px 10px}#top-bar .brand,#top-bar .brand-text{display:none}.toolbar{grid-column:1}.toolbar-status{min-height:38px}#game-area{padding:6px 6px 70px}.game-console{--card-grid: 44px;--card-min-height: 64px;height:calc(100dvh - 130px);grid-template-columns:minmax(145px,.8fr) minmax(260px,1.5fr) minmax(105px,.6fr);grid-template-rows:1fr 1fr;grid-template-areas:"opponent board pool" "player board pool";gap:6px;overflow:hidden}.rail-cards{grid-template-columns:1fr;gap:4px}.card{min-height:60px;height:60px;padding:5px}#board-stage{min-height:0;height:100%;aspect-ratio:auto}.board-column{gap:3px}.board-stage-controls{min-height:36px;padding:2px}.board-stage-controls>button,.board-stage-controls .zoom-button{min-height:34px;height:34px;padding-block:4px}.board-stage-controls .zoom-range,.board-stage-controls .zoom-value,.board-stage-controls .rotate-button .icon-label{display:none}.board-hint{top:32px;right:4px;width:36px;height:36px}.pool-rail{display:flex;padding:7px}.pool-rail .card{width:100%;height:auto}.pool-caption{display:none}}@media (max-width: 520px) and (orientation: portrait){body{background:radial-gradient(circle at 50% 18%,rgba(92,48,55,.22),transparent 42%),linear-gradient(180deg,#211419,#100c10 58%,#0b090c)}body:before{opacity:.2}#top-bar{min-height:54px;padding-block:max(6px,env(safe-area-inset-top)) 6px;border-bottom-color:#ffebd71a}#top-bar .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}#top-bar .toolbar-status{grid-column:1;grid-row:1;min-width:0;min-height:42px}#top-bar .toolbar-status .status-pill{min-height:42px;padding:7px 10px;border-radius:13px}#top-bar .action-controls{position:static;grid-column:2;grid-row:1;display:flex;width:auto;min-height:0;padding:0;gap:5px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#top-bar .action-controls button{flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:13px}#top-bar .action-controls .button-label{display:none}#top-bar .action-controls svg{width:17px;height:17px}#game-area{padding-top:5px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.game-console{--card-grid: clamp(44px, 14vw, 54px);--card-min-height: 68px;gap:7px}#board-stage{min-height:min(calc(100vw - max(14px,env(safe-area-inset-left) + env(safe-area-inset-right))),440px);background:radial-gradient(circle at 50% 46%,rgba(80,62,62,.15),transparent 58%)}.board-stage-controls{min-height:46px;padding:3px 4px;gap:5px;border-color:#ffebd714;border-radius:12px;background:#0c0a0ea8;box-shadow:none}.board-stage-controls>button,.board-stage-controls .zoom-button{height:38px;min-height:38px;border-color:#e56f8447;background:#1610166b;box-shadow:none}.board-stage-controls .zoom-range{height:30px}.card-rail{gap:5px;padding:7px;border-radius:11px;background:linear-gradient(145deg,#1d151bd1,#0e0c10c2);box-shadow:none}.rail-header{min-height:16px}.player-name{font-size:.64rem}.captured-row{min-height:4px;margin-top:0}.rail-cards{gap:6px}.card{min-height:68px;height:68px;grid-template-columns:minmax(0,1fr) var(--card-grid);grid-template-rows:1fr;gap:4px;padding:5px 6px;border-radius:10px;overflow:hidden}.card-title{font-size:clamp(.54rem,2.5vw,.64rem);line-height:1.08}.card-pattern{width:var(--card-grid)!important;height:var(--card-grid)!important}.card.hint-suggested:after{top:4px;right:4px;width:20px;height:20px;font-size:.62rem}.card-rail.active:after{top:6px;right:6px}.pool-rail{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:7px 9px}.pool-rail .rail-cards{width:100%;max-width:230px}.pool-rail .card{width:100%;min-height:68px;height:68px;grid-template-columns:minmax(0,1fr) var(--card-grid);overflow:hidden}.pool-caption{display:none}.group-label{font-size:.56rem}}@media (max-width: 700px){button,input,select,.card[data-role=player]{-webkit-tap-highlight-color:transparent}input,select{min-height:44px;font-size:1rem}.close-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.overlay-card{overflow:hidden}.overlay-header{flex:0 0 auto;padding-right:50px}.overlay-body,.settings-body,.landing-body,.victory-body{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.overlay-footer{flex:0 0 auto}.tutorial-actions,.confirm-actions{width:100%}.tutorial-actions>button,.confirm-actions>button{min-height:46px}}@media (max-width: 520px){.landing-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-tabs .tab-button{padding-inline:8px;letter-spacing:.08em;font-size:.64rem}.landing-tabs-row .rules-button{width:100%;min-height:44px}.landing-panel,.landing-panel-wifi,.landing-panel-online{overflow:visible}.landing-network-name,.landing-panel-wifi .landing-private{padding:12px}.same-wifi-intro{padding-block:0}.same-wifi-intro .play-option-icon{width:38px;height:38px}.wifi-code-row{grid-template-columns:1fr}.wifi-code-row .label{grid-column:auto}.wifi-code-row button{min-height:48px}.start-card,.victory-card,.settings-card,.tutorial-card,.confirm-card{width:100%}.start-option{padding:10px}.start-meta{font-size:.72rem}.draft-footer{position:relative;z-index:2;min-height:58px;padding:9px 2px 0}.draft-footer #draft-start{flex:1 1 auto;max-width:190px}.settings-body{padding-inline:2px}.setting-row{min-height:64px;padding:10px 4px}.tutorial-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.victory-actions{display:grid;grid-template-columns:1fr}.victory-actions>button{width:100%;min-height:46px}}@media (max-width: 340px){.board-stage-controls{grid-template-columns:40px minmax(0,1fr) 68px;gap:4px;padding-inline:4px}.board-stage-controls .rotate-button{width:40px}.board-stage-controls #toggle-view{min-width:68px;padding-inline:6px;font-size:.68rem}.board-stage-controls .zoom-controls{grid-template-columns:36px minmax(38px,1fr) 36px;gap:3px}.board-stage-controls .zoom-button{width:36px}.action-controls{left:5px;right:5px;gap:5px;padding:5px}.draft-grid{grid-auto-rows:116px}.draft-item{height:116px}.draft-item .card-pattern{width:70px!important}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){.toolbar>.action-controls{position:fixed;z-index:30;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));min-height:48px;gap:6px;padding:5px;border:1px solid rgba(231,151,135,.25);border-radius:14px;background:#0c090deb;box-shadow:0 12px 34px #00000075;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);overflow:visible}.toolbar>.action-controls button{min-width:0;min-height:38px;padding:5px 8px;font-size:.68rem}.overlay{padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.overlay-card,.landing-card,.draft-card{width:min(96vw,920px);height:auto;max-height:calc(100dvh - 12px);padding:9px;border-radius:14px}.overlay-header,.landing-card>.overlay-header{min-height:48px;padding:2px 46px 7px 2px}.overlay-title,.landing-heading .overlay-title{font-size:.92rem}.overlay-subtitle,.landing-heading .overlay-subtitle,.landing-eyebrow{display:none}.close-button{top:7px;right:7px;width:38px;height:38px;min-width:38px;min-height:38px}.landing-card{gap:7px}.landing-body{gap:8px;padding:0 3px 3px}.landing-tabs .tab-button{min-height:38px;padding:7px 10px}.landing-panel{gap:8px;overflow:visible}.mode-intro,.profile-summary{display:none}.landing-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.landing-actions .play-option{min-height:68px;padding:8px;grid-template-columns:34px minmax(0,1fr);gap:7px}.play-option-icon{width:32px;height:32px;border-radius:9px}.play-option-arrow,.play-option-copy small{display:none}.consumer-options{grid-template-columns:minmax(180px,1fr) minmax(120px,.55fr);gap:7px}.consumer-options>label{display:none}.start-body{padding-top:8px}.start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.start-option{padding:8px}.start-meta{font-size:.66rem}.overlay-body.draft-body{padding-top:6px}.draft-grid{grid-template-columns:repeat(5,minmax(110px,1fr));grid-auto-rows:108px;gap:6px}.draft-item{height:108px;padding:5px;gap:3px}.draft-item .card-pattern{width:66px!important}.draft-footer{min-height:45px;padding-top:5px}.draft-footer #draft-start{min-height:38px}.tutorial-body{grid-template-columns:70px 1fr;padding:8px;text-align:left}.tutorial-symbol{grid-row:1 / span 3;width:60px;height:60px}.tutorial-actions{padding-top:6px}.settings-body{overflow:auto}.setting-row{min-height:48px;grid-template-columns:1fr auto;padding:6px 3px}.setting-row small{display:none}.setting-row input[type=range],.setting-row select{width:min(180px,28vw)}}.landing-overlay{align-items:center;background:radial-gradient(circle at 18% 12%,rgba(216,95,126,.2),transparent 34%),radial-gradient(circle at 82% 84%,rgba(121,198,163,.12),transparent 32%),linear-gradient(145deg,#1b0d13,#10090d 54%,#160d13)}.landing-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.landing-card{width:min(1040px,calc(100vw - 40px));max-height:min(900px,calc(100dvh - 40px));padding:clamp(16px,2.2vw,28px);gap:18px;border-radius:28px;background:linear-gradient(145deg,#371d1ee6,#130b0ff5 48%),#160d12;box-shadow:0 34px 90px #0000007a,inset 0 1px #ffffff14}.landing-card>.overlay-header{min-height:82px;padding:0 0 18px;align-items:center;gap:16px}.landing-brand-mark{width:68px;height:68px;flex:0 0 auto;border-radius:20px;box-shadow:0 14px 34px #07030759}.landing-heading{flex:1}.landing-heading .overlay-title{font-size:clamp(1.6rem,3.2vw,2.5rem)}.landing-card>.overlay-header .overlay-header-actions{display:flex;align-items:center;gap:9px}.install-home-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;color:#f2fff8;background:linear-gradient(145deg,#44876cf2,#255b4af5);border-color:#96e2bf80;box-shadow:0 10px 24px #0f352a4d,inset 0 1px #ffffff1f}.install-home-button svg{width:17px;height:17px;fill:currentColor}.install-home-button:hover{border-color:#b9f4d8c7}.decadence-link{color:var(--text-muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.decadence-link:hover{color:#fff6ef;border-color:#f08caa6b}.landing-body{padding:0;gap:18px}.landing-tabs-row{flex-wrap:nowrap}.landing-tabs{max-width:640px}.landing-tabs .tab-button{min-height:44px}.landing-tabs-row .rules-button{margin-left:auto}.landing-panel-local .landing-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-actions .play-option{min-height:132px;align-content:center;border-radius:20px}.landing-actions .play-option.wifi-option{background:radial-gradient(circle at 18% 18%,rgba(215,250,235,.12),transparent 42%),linear-gradient(145deg,#2a5b4bc2,#17322ce0);border-color:#79c6a37a}.landing-actions .play-option.wifi-option .play-option-icon{color:#dff8ea;border-color:#79c6a352}.consumer-options{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto}@media (max-width: 720px){.landing-overlay{align-items:stretch;padding:0}.landing-card{width:100%;min-height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.landing-card>.overlay-header{min-height:70px;padding:0 0 12px}.landing-brand-mark{width:54px;height:54px;border-radius:16px}.landing-heading .overlay-title{display:block;font-size:1.25rem;letter-spacing:.14em}.landing-heading .overlay-subtitle{display:block;font-size:.68rem;line-height:1.4}.landing-eyebrow,.decadence-link{display:none}.install-home-button{min-width:44px;padding:10px;border-radius:13px}.install-home-button span{display:none}.landing-body{gap:12px;overflow-y:auto}.landing-tabs-row{gap:8px}.landing-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.landing-tabs .tab-button{min-height:40px;padding:7px 5px;font-size:.62rem;letter-spacing:.06em}.landing-tabs-row .rules-button{width:auto;min-width:62px;min-height:40px;padding:7px 10px;font-size:.68rem}.mode-intro{display:flex}.play-anywhere{grid-template-columns:repeat(2,minmax(0,1fr))}.play-capability{padding:9px}.play-capability.internet-capability{display:none}.play-capability small{font-size:.56rem}.decadence-intro{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px}.decadence-intro-mark{width:44px;height:44px;border-radius:13px}.decadence-intro-copy h2{font-size:.88rem}.decadence-intro-copy p{font-size:.68rem}.decadence-intro>button{grid-column:1 / -1;width:100%;min-height:42px}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;padding:9px}.landing-panel-local .landing-actions{grid-template-columns:1fr;gap:10px}.landing-actions .play-option,.landing-panel-local .landing-actions .play-option{min-height:82px;padding:13px;grid-template-columns:42px minmax(0,1fr) auto}.play-option-icon{width:40px;height:40px}.play-option-arrow,.play-option-copy small{display:block}.consumer-options{grid-template-columns:1fr 1fr;margin-top:2px;padding:10px}.consumer-options>label{display:none}.consumer-options select{grid-column:1 / -1}#landing-network-name{padding:12px}}.landing-brand-lockup{display:flex;align-items:center;gap:8px;flex:0 0 auto}.decadence-mini-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#ffb746;color:#17120d;box-shadow:4px 5px #f13d47;font-weight:900;font-size:1.05rem}.brand-lockup-divider{color:#f4ecdf6b;font-weight:800}.landing-brand-lockup .landing-brand-mark{width:48px;height:48px;border-radius:13px;box-shadow:none}.decadence-link{color:#f4ecdf;border-color:#f4ecdf3d}.decadence-intro,.landing-panel-local .play-anywhere,.landing-panel-local .profile-summary,.landing-panel-local .mode-intro{display:none!important}#landing-overlay[data-tab=local] .landing-tabs{display:none}#landing-overlay[data-tab=local] .landing-tabs-row{justify-content:flex-end}#landing-overlay[data-tab=local] .landing-tabs-row .rules-button{margin-left:0}.landing-card{width:min(900px,calc(100vw - 40px));max-height:min(820px,calc(100dvh - 40px))}.landing-card>.overlay-header{min-height:68px;align-items:center;padding-bottom:14px}.landing-heading .overlay-title{font-size:clamp(1.55rem,3vw,2.45rem);letter-spacing:-.04em}.landing-heading .overlay-subtitle{font-size:.76rem}.home-primary-actions,.landing-panel-local .home-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-primary-actions .play-option,.landing-panel-local .home-primary-actions .play-option{min-height:150px;padding:22px;border-radius:18px}.home-primary-actions .play-option-copy strong{font-size:1.08rem}.home-primary-actions .play-option-copy small{font-size:.72rem}.consumer-options{grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) auto auto;margin:0;padding:8px 0 0;border:0;background:transparent}.consumer-options button{min-height:40px;background:transparent;box-shadow:none}.together-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.together-routes .play-option{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-align:left;white-space:normal}:root{--topbar-height: 64px}#top-bar{height:var(--topbar-height);grid-template-columns:38px minmax(160px,220px) minmax(0,1fr);padding-block:7px}#top-bar .logo{width:34px;height:34px}#top-bar .brand-title{font-size:.95rem;letter-spacing:-.01em;text-transform:none}#top-bar .brand-subtitle,#player-label,#open-customize{display:none!important}.toolbar-status .status-pill{min-width:0;max-width:360px;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:none}.toolbar .action-controls{margin-left:auto}.toolbar .action-controls button{min-height:38px}.game-console{--hand-width: clamp(210px, 16vw, 270px);--pool-width: clamp(120px, 9vw, 155px);--card-grid: clamp(68px, 5vw, 92px);grid-template-columns:var(--hand-width) minmax(560px,1fr) var(--pool-width);gap:8px;padding:8px;max-height:calc(100vh - var(--topbar-height) - 12px);border:0;background:#09090975;box-shadow:none}.game-console:before,.game-console:after{display:none}.board-column{position:relative;gap:0}#board-stage{isolation:isolate;background:radial-gradient(circle at 28% 35%,rgba(255,183,70,.11),transparent 34%),radial-gradient(circle at 76% 64%,rgba(255,64,81,.09),transparent 38%),linear-gradient(rgba(244,236,223,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(244,236,223,.025) 1px,transparent 1px),#0b0a0a;background-size:auto,auto,36px 36px,36px 36px,auto}#board-stage:before,#board-stage:after{content:"";position:absolute;z-index:0;width:64px;height:64px;pointer-events:none}#board-stage:before{top:14px;left:14px;border-top:2px solid rgba(255,183,70,.48);border-left:2px solid rgba(255,183,70,.48)}#board-stage:after{right:14px;bottom:14px;border-right:2px solid rgba(255,64,81,.42);border-bottom:2px solid rgba(255,64,81,.42)}#canvas-container{position:relative;z-index:1}.card-rail,.pool-rail{padding:10px;border:0;background:#120f0f9e}.card-rail:before,.pool-rail:before{display:none}.rail-header{justify-content:flex-start}.player-name{font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none}.card-rail.active:after{content:"Your turn";letter-spacing:0;text-transform:none}.card{overflow:hidden;grid-template-rows:auto var(--card-grid);border:0;border-radius:12px;box-shadow:0 10px 28px #00000040}.card:before{top:0;right:0;bottom:0;left:0;border:0;border-top:3px solid rgba(159,51,71,.76)}.card-emblem{position:absolute;right:-5px;bottom:-19px;color:#50362613;font-size:4.6rem;font-weight:900;line-height:1;pointer-events:none}.card-title{z-index:1;font-family:var(--ui-font);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:none}.card-pattern{position:relative;z-index:1}.display-menu{position:relative;justify-self:end;z-index:12;margin-top:-46px;margin-right:8px;padding-bottom:8px}.display-menu summary{min-width:78px;min-height:38px;display:grid;place-items:center;border:1px solid rgba(244,236,223,.18);border-radius:10px;background:#0b0a0ad1;color:#f4ecdf;cursor:pointer;font-size:.72rem;font-weight:700;list-style:none}.display-menu summary::-webkit-details-marker{display:none}.display-menu summary:before{content:"◫";margin-right:6px;color:#ffb746}.display-menu[open] summary{border-color:#ffb7468a}.display-menu .board-stage-controls{position:absolute;right:0;bottom:54px;width:max-content;max-width:min(520px,calc(100vw - 32px));min-height:46px;padding:6px;border-radius:12px;background:#0a0909f5;box-shadow:0 18px 42px #00000070}.turn-guide{top:10px;background:#0a0909d1;font-size:.76rem;letter-spacing:0}.guide-kicker{letter-spacing:0;text-transform:none}@keyframes card-exchange-physical{0%{transform:translateY(12px) scale(.96);opacity:.35}70%{transform:translateY(-2px) scale(1.015);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.game-console.move-resolved .pool-rail .card,.game-console.capture-resolved .pool-rail .card{animation:card-exchange-physical .48s cubic-bezier(.2,.8,.2,1)}@keyframes card-receive-physical{0%{transform:translate(10px) rotate(1.5deg);opacity:.55}65%{transform:translate(-2px) rotate(-.35deg);opacity:1}to{transform:translate(0) rotate(0);opacity:1}}.game-console.move-resolved .player-rail .card,.game-console.capture-resolved .player-rail .card{animation:card-receive-physical .42s .1s cubic-bezier(.2,.8,.2,1) both}.overlay-card:not(.landing-card){border-radius:14px;background:#171414;border-color:#f4ecdf29}.overlay-title{font-family:var(--ui-font);font-weight:800;letter-spacing:-.025em;text-transform:none}.overlay-subtitle,.room-info,.start-meta,.pool-caption{color:#f4ecdfb3}.label,.group-label,.deck-label,.victory-hint{font-family:var(--ui-font);font-weight:700;letter-spacing:.03em;text-transform:none}.setting-row,.lobby-player,.lobby-sandbox,.room-code-banner,.start-option{border-radius:8px;background:#ffffff06;border-color:#f4ecdf21;box-shadow:none}.setting-row{border-width:0 0 1px}.setting-row:last-child{border-bottom:0}button:disabled,.card.disabled,.draft-item.unavailable{opacity:.58;filter:saturate(.65)}.draft-item .card-emblem{right:4px;bottom:-10px;font-size:3.2rem}@media (prefers-reduced-motion: reduce){.game-console.move-resolved .pool-rail .card,.game-console.capture-resolved .pool-rail .card,.game-console.move-resolved .player-rail .card,.game-console.capture-resolved .player-rail .card{animation:none}}@media (max-width: 900px){:root{--topbar-height: 116px}.game-console{grid-template-columns:1fr}.display-menu{margin-top:-44px}}@media (max-width: 720px){.landing-brand-lockup .landing-brand-mark,.decadence-mini-mark{width:42px;height:42px;border-radius:11px}.brand-lockup-divider{display:none}.home-primary-actions,.landing-panel-local .home-primary-actions{grid-template-columns:1fr}.home-primary-actions .play-option,.landing-panel-local .home-primary-actions .play-option{min-height:92px;padding:15px}.consumer-options{grid-template-columns:1fr 1fr}.consumer-options select{grid-column:1 / -1}.together-routes{grid-template-columns:1fr}}@media (max-width: 520px){:root{--topbar-height: 54px}.landing-card{width:100%;max-height:100dvh}.landing-brand-lockup .landing-brand-mark,.decadence-mini-mark{width:38px;height:38px}.landing-heading .overlay-subtitle,.decadence-link{display:none}.display-menu{margin-top:-42px;margin-right:4px}.display-menu .board-stage-controls{right:0;width:min(360px,calc(100vw - 22px));display:grid;grid-template-columns:42px minmax(0,1fr) auto}}@media (max-width: 390px){.profile-summary,.mode-intro p{display:none}.play-capability{grid-template-columns:28px minmax(0,1fr);gap:7px}.capability-mark{width:28px;height:28px}.play-capability small,.landing-heading .overlay-subtitle{display:none}.landing-card>.overlay-header{min-height:56px}.landing-actions .play-option,.landing-panel-local .landing-actions .play-option{min-height:74px}}:root{--panel: rgba(16, 14, 14, .94);--panel-soft: rgba(29, 24, 22, .82);--panel-border: rgba(201, 166, 102, .34);--accent: #9f3347;--accent-strong: #bd4b60;--accent-jade: #6e9f87;--accent-gold: #c9a666;--text-muted: rgba(231, 222, 205, .66);--surface: rgba(20, 17, 17, .84);--surface-strong: rgba(29, 22, 22, .96);--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px}body{background:radial-gradient(circle at 18% 12%,rgba(126,38,53,.2),transparent 34%),radial-gradient(circle at 82% 86%,rgba(110,159,135,.09),transparent 30%),repeating-linear-gradient(90deg,rgba(237,222,195,.018) 0 1px,transparent 1px 9px),#0d0c0c;color:#eee6d7}body:before{opacity:.36;background:linear-gradient(90deg,transparent 0 8%,rgba(201,166,102,.08) 8% calc(8% + 1px),transparent calc(8% + 1px) 92%,rgba(201,166,102,.08) 92% calc(92% + 1px),transparent calc(92% + 1px)),linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%);mix-blend-mode:normal}button,input,select,.card,.overlay-card,.landing-name,.landing-lobby,.landing-private,.lobby-item,.setting-row,.play-capability,.play-option,.status,.status-pill{border-radius:var(--radius-sm)}button{border-color:#c9a66657;background:linear-gradient(180deg,#221d1bf0,#131010f5);color:#eee6d7;box-shadow:inset 0 1px #ffffff09,0 7px 18px #0003;letter-spacing:.035em}button:hover{border-color:#c9a666ad;background:linear-gradient(180deg,#332824fa,#1c1515fa)}input,select{border-color:#c9a66647;background:#070707b8;color:#f2eadc}input:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a66624}#top-bar{background:#0a0909f5;border-bottom-color:#c9a6664d;box-shadow:0 12px 36px #00000052}.brand-title,.overlay-title,.player-name,.card-title,.editor-title{color:#f0e7d7;font-family:var(--display-font);font-weight:800}.landing-overlay,.overlay{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 14% 12%,rgba(255,184,70,.13),transparent 27%),radial-gradient(circle at 84% 20%,rgba(255,61,70,.18),transparent 34%),linear-gradient(145deg,#12100f,#0b0a0b 58%,#170d0f);background-size:64px 64px,64px 64px,auto,auto,auto}.landing-heading .overlay-title,.rules-hero .overlay-title{color:#f4ecdf;font-family:var(--display-font);font-weight:800;letter-spacing:-.035em;line-height:.96;text-transform:uppercase}.landing-heading .overlay-title{font-size:clamp(1.75rem,3.7vw,3.2rem)}.decadence-intro{grid-template-columns:74px minmax(0,1fr) auto;padding:clamp(16px,2.2vw,24px);border-color:#ffb74547;border-radius:22px;background:radial-gradient(circle at 82% 22%,rgba(255,62,71,.2),transparent 38%),linear-gradient(120deg,#3f261de6,#1d1113f0);box-shadow:inset 0 1px #ffffff0f,0 20px 44px #00000042}.decadence-intro-mark{width:66px;height:66px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;border:0;border-radius:17px;background:transparent;box-shadow:5px 6px #f33d49;font-family:var(--display-font);font-size:1rem;font-weight:900}.decadence-intro-mark>span{display:grid;place-items:center}.decadence-d{color:#151210;background:#ffb746}.decadence-flower{color:#fff1e2;background:#c8325f}.decadence-intro-copy h2{margin:5px 0 3px;color:#fff6eb;font-family:var(--display-font);font-size:clamp(1.25rem,2.2vw,2rem);font-weight:800;letter-spacing:-.025em;line-height:1;text-transform:uppercase}.decadence-intro-copy p{max-width:650px;color:#f4ecdfb8;font-size:.78rem}.arcade-live{display:inline-flex;align-items:center;gap:7px;width:max-content;color:#75f6af;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.arcade-live i{width:7px;height:7px;border-radius:50%;background:#75f6af;box-shadow:0 0 12px #75f6afdb}.arcade-primary,button.arcade-primary{border-color:#ffba4e;border-radius:7px;background:#ffb746;color:#17120d;box-shadow:6px 7px #f13d47;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.arcade-primary:hover,button.arcade-primary:hover{border-color:#ffd185;background:#ffc45f;box-shadow:4px 5px #f13d47}.rules-card{display:grid;gap:16px;padding:clamp(16px,2.6vw,28px);overflow:auto;border-radius:22px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(145deg,#361e1bf0,#130f10f7);background-size:44px 44px,44px 44px,auto}.rules-hero{display:grid;gap:7px;max-width:820px}.rules-kicker{color:#ffb746;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rules-hero .overlay-title{font-size:clamp(1.65rem,3.8vw,3.2rem)}.rules-hero p,.rules-card-explainer p{margin:0;color:var(--text-muted);line-height:1.55}.rules-card h3{margin:0 0 9px;color:#f4ecdf;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.win-paths,.turn-steps{display:grid;gap:10px}.win-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.win-paths>div,.turn-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px 10px;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#ffffff09}.win-paths strong,.turn-steps strong{color:#fff6eb;font-size:.8rem}.win-paths small,.turn-steps small{grid-column:2;color:var(--text-muted);font-size:.66rem;line-height:1.4}.rule-number{grid-row:1 / span 2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffb746;color:#17120d;font-size:.72rem;font-weight:900}.rules-card-explainer{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;padding:16px;border:1px solid rgba(255,183,70,.26);border-radius:16px;background:#ffb7460e}.rules-card-explainer>div:last-child{display:grid;gap:8px}.rules-card-explainer h3{margin:0}.move-card-demo{position:relative;width:132px;aspect-ratio:1;border:8px solid #eee4d2;border-radius:12px;background:linear-gradient(rgba(45,34,27,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(45,34,27,.22) 1px,transparent 1px),#d7c9ad;background-size:20% 20%;box-shadow:0 14px 30px #0000004d}.move-card-demo span{position:absolute;width:14%;aspect-ratio:1;transform:translate(-50%,-50%)}.demo-origin{left:50%;top:50%;border-radius:50%;background:#e8567a}.demo-move{background:#8c5339;box-shadow:inset 0 0 0 2px #ffffff2e}.demo-move.one{left:30%;top:30%}.demo-move.two{left:70%;top:30%}.demo-move.three{left:50%;top:70%}.rules-note{display:flex;gap:10px;padding:11px 13px;border-left:3px solid #75f6af;background:#75f6af0e;color:var(--text-muted);font-size:.68rem;line-height:1.45}.rules-note strong{flex:0 0 auto;color:#75f6af;text-transform:uppercase;letter-spacing:.08em}.rules-actions{display:flex;justify-content:flex-end;gap:12px;padding:4px 6px 8px}@media (max-width: 720px){.decadence-intro{grid-template-columns:58px minmax(0,1fr);border-radius:16px}.decadence-intro-mark{width:54px;height:54px;border-radius:14px}.decadence-intro>button{grid-column:1 / -1}.win-paths,.turn-steps{grid-template-columns:1fr}.rules-card-explainer{grid-template-columns:92px minmax(0,1fr);gap:13px}.move-card-demo{width:86px;border-width:6px}.rules-note{display:grid;gap:4px}.rules-actions{display:grid;grid-template-columns:1fr}.rules-actions button{width:100%}}.brand-title,.overlay-title{letter-spacing:.18em}.logo,.landing-brand-mark{border-radius:4px;background:#211719;box-shadow:inset 0 0 0 1px #c9a66661,0 12px 30px #00000057}.logo{transform:rotate(45deg) scale(.82)}.logo svg{transform:rotate(-45deg) scale(1.05)}.game-console{border-radius:6px;background:radial-gradient(circle at 52% 44%,rgba(110,159,135,.065),transparent 35%),linear-gradient(145deg,#1f1917f7,#0a090afc);border-color:#c9a6664d;box-shadow:inset 0 0 0 1px #000000b8,0 22px 60px #0000006b}.game-console:before{top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:8px;background:linear-gradient(90deg,#3a241f,#8a6741 48%,#3a241f);box-shadow:0 18px 38px #00000073}.card-rail,.pool-rail{border-radius:4px;border-color:#c9a66633;background:linear-gradient(145deg,#161312e6,#0a090adb)}.card-rail:before,.pool-rail:before{background-size:96px 96px;opacity:.1}.card{border-radius:3px;border-color:#4b392b8a;background:linear-gradient(115deg,rgba(255,255,255,.42),transparent 34%),repeating-linear-gradient(0deg,rgba(73,55,38,.025) 0 1px,transparent 1px 5px),linear-gradient(180deg,#eee5d2,#cfc0a4);color:#2c221c;box-shadow:inset 0 0 0 1px #fff6,0 10px 24px #0000003d}.card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(83,56,41,.18);pointer-events:none}.card-title{color:#3a2b22}.card.active,.card.choice{border-color:var(--accent)}.card[data-role=player]:not(.disabled):hover{border-color:var(--accent-gold)}.overlay{background:radial-gradient(circle at 18% 12%,rgba(126,38,53,.13),transparent 40%),#060606db}.overlay-card,.landing-card{border-radius:6px;border-color:#c9a66657;background:linear-gradient(90deg,rgba(201,166,102,.04),transparent 12% 88%,rgba(201,166,102,.04)),linear-gradient(155deg,#271d1bfa,#0c0b0cfc 54%);box-shadow:0 36px 100px #00000094,inset 0 1px #ffffff0b}.overlay-card:after,.overlay:after{border-radius:3px}.overlay-header,.draft-footer,.overlay-footer{border-color:#c9a6663d}.landing-overlay{background:radial-gradient(circle at 16% 14%,rgba(126,38,53,.2),transparent 33%),radial-gradient(circle at 84% 84%,rgba(110,159,135,.09),transparent 31%),#0c0b0c}.landing-overlay:before{opacity:.16;background-size:96px 96px}.landing-tabs,.consumer-options,.profile-summary{border-radius:4px;border-color:#c9a6662e;background:#0606066b}.tab-button.active{border-color:#c9a66694;background:linear-gradient(180deg,#7e2635e6,#451821f0)}.landing-actions .play-option,.landing-actions .play-option.featured,.landing-actions .play-option.wifi-option{border-radius:4px;border-color:#c9a66642;background:linear-gradient(145deg,#221d1bf0,#0d0c0df0)}.landing-actions .play-option.featured{border-left:3px solid var(--accent);background:linear-gradient(145deg,#541f2adb,#181113f5)}.landing-actions .play-option.wifi-option{border-left:3px solid var(--accent-jade);background:linear-gradient(145deg,#233d33c7,#101614f5)}.play-option-icon,.capability-mark,.decadence-intro-mark,.tutorial-symbol,.confirm-mark,.fatal-error-mark{border-radius:3px}.play-capability,.same-wifi-intro,.wifi-resume-card,.rules-card,.settings-body,.tutorial-body,.victory-summary,.confirm-body{border-color:#c9a66633}.board-stage-controls,.turn-guide,.status-pill,.status,.connection-notice,.app-update{border-radius:4px;border-color:#c9a66647;background:#090909d6}.status-dot{background:var(--accent-gold);box-shadow:0 0 10px #c9a6668a}.board-hint{border-radius:3px}@media (max-width: 720px){.landing-card{border-radius:0}}@media (max-width: 520px){.game-console,.card-rail,.pool-rail,.board-stage-controls,#top-bar .action-controls button,.toolbar-status .status-pill{border-radius:4px}.card{border-radius:3px}}.landing-card button,.landing-card .decadence-link{--landing-action-accent: #ffb746;--landing-action-depth: #f13d47;-webkit-tap-highlight-color:transparent;transform-origin:50% 80%}.landing-card button{overflow:hidden;isolation:isolate;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .18s ease}.landing-card button:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(108deg,transparent 22%,rgba(255,255,255,.11) 46%,transparent 70%);transform:translate(-130%);transition:transform .46s cubic-bezier(.2,.75,.2,1)}.landing-card button:after{content:"";position:absolute;z-index:0;right:7px;bottom:7px;width:11px;height:11px;border-right:2px solid color-mix(in srgb,var(--landing-action-accent) 72%,transparent);border-bottom:2px solid color-mix(in srgb,var(--landing-action-accent) 72%,transparent);pointer-events:none;opacity:.52;transition:width .18s ease,height .18s ease,opacity .18s ease}.landing-card button>*:not(.button-ripple){position:relative;z-index:2}.landing-card button:focus-visible,.landing-card .decadence-link:focus-visible{outline:3px solid #ffcf78;outline-offset:4px;box-shadow:0 0 0 2px #17120d,5px 6px 0 var(--landing-action-depth)}.landing-card button:active:not(:disabled){transform:translate(3px,4px) scale(.985);box-shadow:1px 2px 0 var(--landing-action-depth),inset 0 2px 8px #00000038;transition-duration:70ms}.landing-card button:active:not(:disabled):after{width:18px;height:18px;opacity:.9}.landing-card button:disabled{filter:saturate(.45);opacity:.48}.landing-card button:disabled:before,.landing-card button:disabled:after{display:none}.landing-card .home-primary-actions .play-option,.landing-card .together-routes .play-option,.landing-card .wifi-primary,.landing-card #lobby-create,.landing-card .arcade-primary{box-shadow:6px 7px 0 var(--landing-action-depth),0 18px 30px #0000003d}.landing-card .home-primary-actions .play-option{--landing-action-accent: #ffd078}.landing-card .home-primary-actions .play-option.wifi-option,.landing-card .wifi-primary{--landing-action-accent: #75f6af;--landing-action-depth: #246f58}.landing-card .play-option-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.landing-card .play-option-arrow{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s ease}.landing-card .tab-button,.landing-card .rules-button,.landing-card .consumer-options button,.landing-card .ghost-button,.landing-card .install-home-button{box-shadow:3px 4px #7e2635b8}.landing-card .tab-button:after{display:none}.landing-card .tab-button.active{color:#18120e;border-color:#ffca6b;background:#ffb746;box-shadow:0 4px #f13d47}.landing-card .install-home-button{--landing-action-accent: #a8f4d0;--landing-action-depth: #246f58}.landing-card .button-ripple{z-index:3;background:color-mix(in srgb,var(--landing-action-accent) 30%,transparent)}.landing-card .sakura-spinner{z-index:3}.landing-card .decadence-link{transition:transform .18s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease}.landing-card .decadence-link:active{transform:translateY(2px)}@media (hover: hover) and (pointer: fine){.landing-card button:hover:not(:disabled):before{transform:translate(130%)}.landing-card button:hover:not(:disabled):after{width:19px;height:19px;opacity:.96}.landing-card button:hover:not(:disabled){color:#fff8ed;border-color:color-mix(in srgb,var(--landing-action-accent) 72%,#fff 8%);transform:translateY(-3px);box-shadow:5px 7px 0 var(--landing-action-depth),0 18px 32px #0000004d}.landing-card .home-primary-actions .play-option:hover:not(:disabled),.landing-card .together-routes .play-option:hover:not(:disabled),.landing-card .wifi-primary:hover:not(:disabled),.landing-card #lobby-create:hover:not(:disabled),.landing-card .arcade-primary:hover:not(:disabled){transform:translate(-2px,-4px) rotate(-.35deg);box-shadow:9px 11px 0 var(--landing-action-depth),0 24px 40px #0000005c}.landing-card .play-option:hover:not(:disabled) .play-option-icon{color:#17120d;border-color:var(--landing-action-accent);background:var(--landing-action-accent);box-shadow:3px 4px 0 var(--landing-action-depth);transform:translateY(-2px) rotate(-3deg) scale(1.06)}.landing-card .play-option:hover:not(:disabled) .play-option-arrow{color:var(--landing-action-accent);transform:translate(7px)}.landing-card .tab-button:hover:not(:disabled){transform:translateY(-2px)}.landing-card .tab-button.active:hover:not(:disabled){color:#17120d;background:#ffc45f}.landing-card .decadence-link:hover{color:#ffcf78;border-color:#ffb7469e;transform:translate(-3px);box-shadow:3px 4px #7e2635b8}}@media (pointer: coarse){.landing-card button{transition-duration:.11s}.landing-card button:before{display:none}}@media (prefers-reduced-motion: reduce){.landing-card button,.landing-card button:before,.landing-card button:after,.landing-card .play-option-icon,.landing-card .play-option-arrow,.landing-card .decadence-link{transition:none!important}.landing-card button:hover:not(:disabled),.landing-card .play-option:hover:not(:disabled),.landing-card .decadence-link:hover{transform:none!important}}.rules-setup,.rules-walkthrough{display:grid;gap:10px}.rules-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,183,70,.25);border-bottom:1px solid rgba(255,183,70,.25)}.rules-setup-grid>div{display:grid;gap:4px;padding:13px 15px}.rules-setup-grid>div+div{border-left:1px solid rgba(244,236,223,.13)}.rules-setup-grid strong{color:#ffcf78;font-size:.78rem}.rules-setup-grid small{color:#f4ecdfad;font-size:.65rem;line-height:1.4}.rules-walkthrough{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-walkthrough>h3{grid-column:1 / -1}.rules-screen{min-width:0;margin:0;display:grid;align-content:start;overflow:hidden;border:1px solid rgba(201,166,102,.28);border-radius:6px;background:#08080894;box-shadow:5px 6px #7e263599}.rules-screen img{width:100%;height:auto;display:block;aspect-ratio:12 / 7;object-fit:cover;border-bottom:1px solid rgba(201,166,102,.22);background:#0b0a0a}.rules-screen figcaption{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}.rules-screen figcaption>span{width:32px;height:32px;display:grid;place-items:center;color:#17120d;background:#ffb746;box-shadow:3px 4px #f13d47;font-size:.68rem;font-weight:900}.rules-screen figcaption div{min-width:0;display:grid;gap:5px}.rules-screen figcaption strong{color:#fff6eb;font-size:.76rem;line-height:1.25}.rules-screen figcaption p{margin:0;color:#f4ecdfad;font-size:.64rem;line-height:1.45}@media (max-width: 820px){.rules-walkthrough{grid-template-columns:1fr}.rules-screen{grid-template-columns:minmax(180px,42%) minmax(0,1fr)}.rules-screen img{height:100%;aspect-ratio:auto;object-fit:cover;border-bottom:0;border-right:1px solid rgba(201,166,102,.22)}.rules-screen figcaption{align-self:center}}@media (max-width: 560px){.rules-setup-grid{grid-template-columns:1fr}.rules-setup-grid>div+div{border-left:0;border-top:1px solid rgba(244,236,223,.1)}.rules-screen{grid-template-columns:1fr}.rules-screen img{height:auto;aspect-ratio:12 / 7;border-right:0;border-bottom:1px solid rgba(201,166,102,.22)}}.landing-name{grid-template-columns:auto minmax(170px,260px) minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px;border:0;border-left:2px solid rgba(255,183,70,.52);background:#0808086b}.landing-name .label{margin:0;color:#ffcf78}.landing-name input{min-height:38px;padding:8px 10px}.landing-name .room-info{font-size:.62rem}.landing-name .online-status{grid-column:2 / -1}.home-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px solid rgba(201,166,102,.22)}.home-callout>strong{color:#f4ecdf;font-size:clamp(.86rem,1.7vw,1.08rem);letter-spacing:-.02em}.nearby-players{display:grid;gap:10px;padding:13px;border:1px solid rgba(117,246,175,.28);border-left:3px solid #75f6af;background:radial-gradient(circle at 88% 20%,rgba(117,246,175,.08),transparent 34%),#090e0cd1;box-shadow:5px 6px #246f5885}.nearby-header,.nearby-player,.nearby-identity,.nearby-invite{display:flex;align-items:center}.nearby-header{justify-content:space-between;gap:14px}.nearby-header>div{display:grid;gap:4px}.nearby-header h2{margin:0;color:#f4ecdf;font-size:.92rem}.nearby-count{color:#f4ecdfa3;font-size:.65rem}.nearby-player-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.nearby-player{justify-content:space-between;gap:10px;min-width:0;padding:9px 9px 9px 12px;border:1px solid rgba(244,236,223,.14);background:#ffffff06}.nearby-identity{min-width:0;gap:9px}.nearby-identity>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#75f6af;box-shadow:0 0 12px #75f6afbd}.nearby-identity>span{min-width:0;display:grid;gap:2px}.nearby-identity strong{overflow:hidden;color:#fff6eb;font-size:.74rem;text-overflow:ellipsis}.nearby-identity small{color:#f4ecdf94;font-size:.58rem}.nearby-challenge{min-height:36px;padding:7px 10px;color:#17120d;background:#75f6af;border-color:#75f6af}.nearby-empty{margin:0;color:#f4ecdf9e;font-size:.65rem}.nearby-invite{justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(255,183,70,.42);background:#7e26354d}.nearby-invite strong{color:#fff6eb;font-size:.74rem}.nearby-invite button{min-height:38px;color:#17120d;background:#ffb746;border-color:#ffb746}.home-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-quick-actions button{min-height:42px;background:#0707078a}.home-options{border-top:1px solid rgba(201,166,102,.16)}.home-options summary{width:max-content;padding:10px 0 2px;color:#f4ecdf9e;cursor:pointer;font-size:.64rem;font-weight:700}.home-options[open] summary{color:#ffcf78}.home-options .consumer-options{margin-top:8px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto}@media (max-width: 720px){.landing-name{grid-template-columns:auto minmax(0,1fr)}.landing-name .room-info{display:none}.landing-name .online-status{grid-column:1 / -1}.nearby-player-list{grid-template-columns:1fr}.home-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.home-quick-actions button{padding-inline:8px;font-size:.64rem}.home-options .consumer-options{grid-template-columns:1fr}}@media (max-width: 420px){.home-callout>strong{display:none}.nearby-header{align-items:end}.home-quick-actions{grid-template-columns:1fr}.nearby-player{align-items:stretch}}#board-stage{background:radial-gradient(circle at 46% 46%,rgba(255,205,128,.16),transparent 38%),radial-gradient(circle at 76% 64%,rgba(255,64,81,.08),transparent 38%),linear-gradient(rgba(244,236,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,236,223,.035) 1px,transparent 1px),#13100f;background-size:auto,auto,36px 36px,36px 36px,auto}.card-hint{max-width:210px;padding:7px 9px;border-left:3px solid #ffb746;background:#ffb7461a;color:#ffe0a3;font-size:.68rem;font-weight:800;line-height:1.35}.game-console[data-card-choice=true] .player-rail{border-color:#ffb7469e;background:linear-gradient(145deg,#4a2b1d85,#140f0fd6);box-shadow:inset 0 0 0 1px #ffb7461c}.card.choice{padding-bottom:30px;border-color:#ffb746;box-shadow:inset 0 0 0 2px #ffffff94,0 0 0 3px #ffb74647,0 14px 28px #00000057}.card-choice-badge{position:absolute;z-index:4;left:6px;right:6px;bottom:6px;min-height:20px;display:grid;place-items:center;padding:3px 5px;background:#ffb746;color:#17120d;box-shadow:3px 3px #f13d47;font-size:.52rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;pointer-events:none}@media (max-width: 520px){.card-hint{max-width:none;width:100%}.card.choice{padding-bottom:27px}.card-choice-badge{min-height:18px;font-size:.46rem}}#draft-overlay{background-color:#070606b8}.draft-card{border-color:#ffc8709e;background:linear-gradient(rgba(67,49,34,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(67,49,34,.055) 1px,transparent 1px),linear-gradient(145deg,#e7dbc5,#cdbc9f);background-size:42px 42px,42px 42px,auto;box-shadow:8px 10px #f13d47a8,0 34px 90px #00000085}.draft-card>.overlay-header{margin:-1px -1px 0;padding:18px 22px 16px;border-color:#ffb74657;background:radial-gradient(circle at 82% 10%,rgba(255,64,81,.11),transparent 34%),#181414}.draft-card>.overlay-header .overlay-title{color:#fff5e8}.draft-card>.overlay-header .overlay-subtitle{color:#fff5e8b8}.draft-card>.overlay-header .close-button{color:#fff5e8;background:#241b1b}.draft-card .draft-body{padding:18px 20px 14px;background:#fff9ed2e}.draft-grid{padding:4px 8px 20px 4px;scrollbar-color:rgba(102,70,47,.5) rgba(255,255,255,.22)}.draft-item{color:#2c211a;border:1px solid rgba(88,55,39,.36);background:linear-gradient(120deg,rgba(255,255,255,.68),transparent 38%),repeating-linear-gradient(0deg,rgba(81,58,38,.025) 0 1px,transparent 1px 5px),linear-gradient(180deg,#fff7e8,#e4d5bd);box-shadow:4px 5px #7e263542,0 12px 24px #2d1b1229}.draft-item .card-title{color:#35251c;font-size:.78rem;font-weight:900}.draft-item .card-pattern{border:1px solid rgba(75,52,39,.16);background:#ffffff42}.draft-item .card-emblem{color:#4b2d1c17}@media (hover: hover) and (pointer: fine){.draft-item:hover:not(.unavailable){color:#211711;border-color:#cf7b42;background:linear-gradient(120deg,rgba(255,255,255,.82),transparent 40%),linear-gradient(180deg,#fffaf0,#eddabd);box-shadow:7px 8px #f13d477a,0 18px 30px #2d1b1238;transform:translate(-2px,-3px)}}.draft-item.selected,.draft-item.selected:hover{color:#152019;border-color:#27785c;background:linear-gradient(120deg,rgba(255,255,255,.7),transparent 42%),linear-gradient(180deg,#dcf3e5,#afd8c5);box-shadow:6px 7px #27785c,0 15px 28px #1d48383d}.draft-item.selected:after{color:#fff9ee;border-radius:3px;background:#23694f;box-shadow:3px 4px #ffb746}.draft-item.unavailable{opacity:.5;filter:grayscale(.35) saturate(.6)}.draft-item:focus-visible{outline:3px solid #7e2635;outline-offset:3px}.draft-footer{margin:0 -1px -1px;padding:13px 20px;border-color:#ffb7464d;background:radial-gradient(circle at 72% 130%,rgba(255,64,81,.13),transparent 42%),#181414}.draft-count{border-color:#75f6af7a;border-radius:4px;color:#dffff0;background:#2b70554d}.draft-footer #draft-start:not(:disabled){border-color:#ffb746;background:#ffb746;color:#17120d;box-shadow:5px 6px #f13d47;font-weight:900}.draft-footer #draft-start:disabled{color:#f4ecdf7a;border-color:#f4ecdf29;background:#ffffff0a}@media (max-width: 520px){.draft-card .draft-body{padding:12px 10px 8px}.draft-card>.overlay-header{padding:14px 14px 12px}.draft-footer{padding:9px 10px}}.landing-overlay{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:20px}.landing-card{height:auto;min-height:0;max-height:none;margin:0 auto;overflow:visible}.landing-body,.landing-panel,.landing-panel-wifi,.landing-panel-online{min-height:0;overflow:visible}@media (max-width: 720px){.landing-overlay{padding:0}.landing-card{min-height:100dvh;max-height:none}.landing-body{overflow:visible}}#board-stage{border:1px solid rgba(223,207,180,.24);background:radial-gradient(circle at 50% 44%,rgba(229,216,193,.13),transparent 34%),radial-gradient(circle at 18% 22%,rgba(181,63,84,.09),transparent 32%),repeating-radial-gradient(circle at 0 100%,transparent 0 25px,rgba(229,216,193,.028) 26px 27px,transparent 28px 50px),linear-gradient(145deg,#211a1c,#121214 58%,#182024);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 0 70px #d9bf9909,0 22px 48px #0000005c}#board-stage:before{width:84px;height:84px;border-color:#cda663a6;filter:none}#board-stage:after{width:84px;height:84px;border-color:#b53f5494;filter:none}#canvas-container{filter:saturate(.94) contrast(1.02)}.turn-guide{border-color:#cda66352;background:#121011e8;box-shadow:3px 4px #8f2b3d3d,0 12px 30px #0000003d}.turn-guide .guide-kicker{color:#a9d6c1}.game-console[data-selection=piece] #board-stage,.game-console[data-selection=card] #board-stage,.game-console[data-selection=ready] #board-stage{border-color:#cda6638c;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 0 80px #d9bf990b,0 0 0 3px #cda6630e,0 24px 52px #00000061}@media (max-width: 720px){#board-stage:before,#board-stage:after{width:52px;height:52px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#top-bar .logo{transform:none;overflow:hidden;background:#241218;border-radius:7px}#top-bar .logo img{display:block;width:100%;height:100%}#top-bar .action-controls #open-settings,#top-bar .action-controls #new-game,#top-bar .action-controls #exit-online{border:1px solid rgba(232,218,194,.34);border-radius:4px;color:#f7eee0;background:#21191b;box-shadow:3px 4px #a4364a8c;font-weight:800}#top-bar .action-controls #open-settings:hover,#top-bar .action-controls #new-game:hover,#top-bar .action-controls #exit-online:hover{border-color:#e8c58c;background:#382126;transform:translateY(-2px);box-shadow:4px 6px #b54157}#top-bar .action-controls #open-settings:active,#top-bar .action-controls #new-game:active,#top-bar .action-controls #exit-online:active{transform:translate(2px,2px);box-shadow:1px 2px #b54157}.display-menu summary,.board-hint{width:48px;min-width:48px;height:46px;min-height:46px;border:1px solid rgba(248,227,188,.6);border-radius:5px;color:#1d1517;background:#f4b94d;box-shadow:4px 5px #dc445a,0 12px 22px #0000004d;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.display-menu summary{display:grid;place-items:center}.display-menu summary:before{content:none}.display-menu summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.board-hint svg{fill:currentColor}.display-menu summary:hover,.board-hint:hover{background:#ffd06d;transform:translateY(-2px);box-shadow:5px 7px #dc445a,0 16px 24px #00000057}.display-menu summary:active,.board-hint:active{transform:translate(2px,2px);box-shadow:1px 2px #dc445a}.display-menu summary:focus-visible,.board-hint:focus-visible{outline:3px solid #b9e6cf;outline-offset:4px}.display-menu[open] summary{background:#f8d18a;border-color:#fff1d6}.match-session-score{position:absolute;z-index:5;left:14px;top:60px;width:max-content;max-width:calc(100% - 76px);padding:7px 11px;border:1px solid rgba(233,218,192,.38);border-radius:3px;color:#f8eddb;background:#151113e6;font-size:.74rem;font-weight:800;text-align:center;pointer-events:none}#victory-overlay .victory-card,#lobby-overlay .lobby-card,#confirm-exit-overlay .confirm-card,#settings-overlay .settings-card{border:1px solid rgba(225,187,125,.5);border-radius:7px;background:linear-gradient(145deg,#2b2021,#171416 64%);box-shadow:8px 9px #7f2436b8,0 32px 80px #0000007a}#victory-overlay .overlay-title,#lobby-overlay .overlay-title,#confirm-exit-overlay .overlay-title,#settings-overlay .overlay-title{font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.035em;text-transform:none;font-weight:900}#victory-overlay .close-button,#lobby-overlay .close-button,#settings-overlay .close-button{border-radius:4px}.victory-seal{width:68px;height:68px;display:grid;place-items:center;color:#ffe6ec;background:#b84362;border-radius:5px;box-shadow:5px 6px #f4b94d;font-size:3rem}.victory-card{max-width:760px}.victory-body{min-height:0;gap:18px;padding:24px 5px 8px;overflow-y:auto;overscroll-behavior:contain}.victory-summary,.victory-session-score{padding:14px 18px;border:1px solid rgba(220,188,134,.34);border-radius:4px;color:#f4e8d4;background:#dcbc8614;font-size:1rem;font-weight:750}.victory-session-score{color:#c6edda;background:#51a07c21;border-color:#85d6ae59}.victory-hint{color:#f7ebd8;font-size:1.05rem;font-weight:800}.victory-actions>button,.victory-invite-actions button,#confirm-exit-overlay .confirm-actions button{min-height:54px;border-radius:4px;font-weight:850}#victory-random,#victory-rematch,#victory-accept{color:#211819;background:#f4b94d;border-color:#ffd887;box-shadow:4px 5px #df455b}.victory-invite{flex:1 1 100%;display:grid;gap:8px;padding:18px;border-left:4px solid #f4b94d;background:#f4b94d1c}.victory-invite strong{font-size:1.15rem;color:#fff0d7}.victory-invite span{color:#d9cdbb}.victory-invite-actions{display:flex;gap:10px;margin-top:7px}.victory-invite-actions button{flex:1}.victory-wait{flex:1 1 100%;color:#c6edda}#victory-overlay[data-outcome=win] .victory-card{animation:victory-arcade-in .48s cubic-bezier(.18,.8,.2,1) both}@keyframes victory-arcade-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#lobby-overlay .lobby-card{width:min(820px,95vw)}#lobby-overlay .lobby-body{padding:22px 6px;gap:18px}#lobby-overlay .lobby-player{border-radius:4px;border-color:#e4c8994d;background:#f4ebda0f}#lobby-overlay .lobby-player-name{min-width:0;overflow-wrap:anywhere;font-size:1rem}#lobby-overlay .lobby-player-status.ready{color:#aee4c3}#lobby-overlay .lobby-ready{gap:11px}#lobby-overlay .ready-toggle{width:100%;min-height:66px;justify-content:center;border:1px solid #ffd887;border-radius:4px;color:#211819;background:#f4b94d;box-shadow:5px 6px #df455b;cursor:pointer;font-size:1.2rem;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}#lobby-overlay .ready-toggle:hover{transform:translateY(-2px);box-shadow:6px 8px #df455b}#lobby-overlay .ready-toggle:active{transform:translate(2px,2px);box-shadow:2px 3px #df455b}#lobby-overlay .ready-toggle:has(input:checked){color:#e8fff2;background:#2e805e;border-color:#8cdbad;box-shadow:5px 6px #1e4f3b}#lobby-overlay .ready-toggle:has(input:disabled){opacity:.6;cursor:default}#lobby-overlay .ready-toggle input{width:20px;height:20px;margin:0 12px 0 0;accent-color:#244d3b}#lobby-overlay .ready-toggle:focus-within{outline:3px solid #fff1d6;outline-offset:4px}#confirm-exit-overlay .confirm-body{background:transparent}#confirm-exit-overlay #confirm-exit-cancel{border-color:#e2cba375}#confirm-exit-overlay #confirm-exit-accept{background:#8f3347;border-color:#d57d8c;box-shadow:4px 5px #4a202d}@media (max-width: 720px){.display-menu summary,.board-hint{width:42px;min-width:42px;height:42px;min-height:42px}.match-session-score{top:47px;left:8px;max-width:calc(100% - 68px);font-size:.64rem}.game-console .canvas-nameplate.bottom{display:block;bottom:8px;padding:4px 8px;border-radius:3px;background:#141013e6;font-size:.62rem;font-weight:900;letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none}.victory-invite-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){#victory-overlay[data-outcome=win] .victory-card{animation:none}}.landscape-tip{display:none}@media (max-width: 700px) and (orientation: portrait){.landscape-tip:not(.dismissed){display:flex;align-items:center;gap:11px;margin:5px 8px 0;padding:9px 10px;border:1px solid rgba(245,191,96,.52);border-left:4px solid #f4b94d;border-radius:4px;color:#f8eddf;background:#242021}.landscape-tip svg{width:31px;min-width:31px;fill:none;stroke:#f4b94d;stroke-width:2}.landscape-tip span{display:grid;gap:1px;min-width:0}.landscape-tip strong{font-size:.83rem;line-height:1.2}.landscape-tip small{color:#d7c8b4;font-size:.7rem;line-height:1.2}.landscape-tip button{margin-left:auto;min-width:38px;min-height:38px;border:0;color:#f8eddf;background:transparent;font-size:1.4rem;cursor:pointer}.landscape-tip button:focus-visible{outline:2px solid #f4b94d;outline-offset:2px}}#board-stage{border-color:#f3dfbc42;background:radial-gradient(circle at 50% 45%,rgba(242,226,198,.13),transparent 42%),radial-gradient(circle at 14% 72%,rgba(213,82,104,.08),transparent 35%),linear-gradient(rgba(249,234,207,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(249,234,207,.038) 1px,transparent 1px),linear-gradient(135deg,#22272a,#131719 68%,#252124);background-size:auto,auto,42px 42px,42px 42px,auto}#canvas-container{filter:saturate(1.03) contrast(1.03)}.first-turn-coach{display:grid;gap:4px;padding:11px 12px;border-left:4px solid #f4b94d;border-radius:3px;color:#f8eee1;background:#282226;box-shadow:3px 4px #d443589e}.first-turn-coach strong{font-size:.85rem;line-height:1.2}.first-turn-coach span{color:#e4d8c8;font-size:.73rem;line-height:1.35}#lobby-overlay .lobby-series{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(244,185,77,.45);border-radius:4px;background:#f4b94d17;cursor:pointer}#lobby-overlay .lobby-series:has(input:disabled){cursor:default}#lobby-overlay .lobby-series input{width:24px;min-width:24px;height:24px;accent-color:#f4b94d}#lobby-overlay .lobby-series span{display:grid;gap:3px}#lobby-overlay .lobby-series strong{color:#fff2dc;font-size:.95rem}#lobby-overlay .lobby-series small{color:#d9cbb5;font-size:.74rem;line-height:1.35}#lobby-overlay .lobby-series:focus-within{outline:2px solid #f4b94d;outline-offset:3px}.victory-series-progress{display:grid;gap:8px}.victory-series-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f8eddf;font-weight:800}.victory-series-marks{display:flex;gap:6px}.victory-series-marks>span{width:28px;height:13px;border:1px solid rgba(241,220,188,.48);border-radius:2px;background:#f1dcbc14}.victory-series-marks>.won{border-color:#ffd887;background:#f4b94d;box-shadow:2px 2px #dc445a}:root{--party-ink: #141416;--party-raised: #211c1d;--party-ivory: #fff3e1;--party-muted: #cfbfad;--party-amber: #ffbd53;--party-coral: #ed485d;--party-live: #80e4ad;--party-line: rgba(250, 222, 180, .26)}.ui-icon-defs{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}button.has-ui-icon:not(.close-button){display:inline-flex;align-items:center;justify-content:center;gap:9px}button.has-ui-icon .ui-icon{position:relative;z-index:2;width:18px;height:18px}.close-button.has-ui-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--party-line);border-radius:4px;background:#282022;color:var(--party-ivory);box-shadow:3px 3px #ed485d73}.close-button.has-ui-icon .ui-icon{width:19px;height:19px}.close-button.has-ui-icon:hover{background:#3d252b;border-color:var(--party-amber)}.overlay:not(.landing-overlay):not(#draft-overlay) .overlay-card{max-height:calc(100dvh - 24px);border:1px solid var(--party-line);border-radius:6px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(145deg,#282021,var(--party-ink) 68%);background-size:48px 48px,48px 48px,auto;box-shadow:7px 8px #7e24348c,0 28px 72px #00000075}.overlay:not(.landing-overlay) .overlay-header{min-height:74px;align-items:center;padding:8px 52px 14px 2px;border-bottom:1px solid var(--party-line)}.overlay:not(.landing-overlay) .overlay-title{color:var(--party-ivory);font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:900;letter-spacing:-.045em;line-height:1.07}.overlay:not(.landing-overlay) .overlay-subtitle{margin-top:5px;color:var(--party-muted);font-size:.86rem;line-height:1.4}.overlay:not(.landing-overlay) .overlay-footer,.draft-footer{align-items:center;padding-top:12px;gap:8px}.overlay:not(.landing-overlay) .overlay-footer button,.draft-footer button{min-height:44px;border-radius:4px}.overlay:not(.landing-overlay) button:not(.close-button):not(.grid-cell):not(.draft-item):not(.card-pill){font-weight:750}.landing-card{border-color:var(--party-line)}.landing-card>.overlay-header{gap:16px;padding-block:12px}.landing-brand-lockup{flex:none}.landing-heading .overlay-title{line-height:.97;font-size:clamp(1.65rem,3.2vw,2.8rem)}.landing-heading .overlay-subtitle{max-width:44ch;font-size:.82rem;line-height:1.35}.landing-body,.landing-panel{gap:12px}.landing-tabs{max-width:610px;gap:3px;padding:3px}.landing-tabs .tab-button{min-height:42px;padding:8px 10px;border-radius:3px;font-size:.78rem;font-weight:800;letter-spacing:.035em;text-transform:none}.landing-card .tab-button.active{color:#221715;background:var(--party-amber);border-color:#ffdd97;box-shadow:2px 3px 0 var(--party-coral)}.landing-tabs-row .rules-button{min-height:43px}.home-callout{padding-block:7px}.home-primary-actions,.landing-panel-local .home-primary-actions{gap:10px}.home-primary-actions .play-option,.landing-panel-local .home-primary-actions .play-option{min-height:112px;padding:16px 18px;grid-template-columns:46px minmax(0,1fr) auto;gap:12px}.home-primary-actions .play-option-copy strong{font-size:clamp(1.03rem,1.7vw,1.32rem);line-height:1.05}.home-primary-actions .play-option-copy small{margin-top:5px;color:#e5d6c6;font-size:.78rem}.play-option-icon{display:grid;place-items:center}.play-option-icon .ui-icon{width:25px;height:25px}.home-primary-actions .play-option-arrow{font-size:1.4rem}.home-quick-actions{gap:8px}.home-quick-actions button{min-height:44px;font-size:.78rem}.home-options summary{font-size:.76rem}.nearby-players{gap:8px;padding:12px 14px}.nearby-header h2{font-size:1rem}.nearby-identity strong{font-size:.86rem}.nearby-identity small{font-size:.69rem}.nearby-count,.nearby-empty{font-size:.74rem}.nearby-challenge{min-height:40px}.same-wifi-intro{padding:14px 16px}.same-wifi-intro .play-option-icon{color:var(--party-live)}.landing-private,.landing-lobby{border-color:var(--party-line)}.landing-private-header,.landing-lobby-header{gap:12px}.wifi-code-row{align-items:end}.wifi-code-row input{min-height:44px;font-weight:800;letter-spacing:.08em}.lobby-item{border-radius:4px}.lobby-item button,.nearby-player button{font-size:.78rem}.lobby-list:empty:after{content:"No open tables yet";display:block;padding:24px;color:var(--party-muted);text-align:center}.rules-card{border-color:var(--party-line)}.rules-hero{padding-bottom:14px}.rules-setup-grid>div,.win-paths>div{border-radius:4px}.rules-screen{border-radius:4px;overflow:hidden}.rules-screen figcaption{background:#0d0c0dd1}.rules-actions{gap:8px}.settings-body{padding-block:10px}.setting-row{min-height:66px;padding:11px 8px}.setting-row strong{color:var(--party-ivory);font-size:.96rem}.setting-row small{color:var(--party-muted);line-height:1.3}.setting-row:focus-within{background:#ffbd530f}.setting-row input[type=checkbox]{accent-color:var(--party-amber)}#lobby-overlay .lobby-body{gap:13px;padding:15px 2px}#lobby-overlay .lobby-player{min-height:56px;padding:10px 13px}#lobby-overlay .room-code-banner{padding:12px;color:var(--party-ivory);background:#ffbd531a}#lobby-overlay .lobby-series{padding:11px 13px}#lobby-overlay .lobby-ready{padding:3px 5px 6px}#lobby-overlay .ready-toggle{min-height:62px}#lobby-overlay .lobby-sandbox{padding:12px}.start-actions{gap:10px}.start-option{min-height:90px}.start-option button{width:100%;min-height:48px}.start-meta{font-size:.78rem}.draft-item.selected{box-shadow:4px 5px 0 var(--party-coral),0 0 0 2px var(--party-amber)}.draft-footer #draft-count{margin-right:auto}.tutorial-symbol{color:var(--party-amber)}.tutorial-dots .active{background:var(--party-amber)}.install-body{align-items:center}.confirm-mark .ui-icon{width:42px;height:42px}.victory-seal{transform:rotate(-6deg)}.victory-body{gap:12px;padding-top:16px}.victory-actions{gap:9px}.victory-actions>button{flex-basis:170px}.victory-invite{border-radius:4px}.victory-series-marks>span{width:25px;height:12px}.game-console{background-color:var(--party-ink)}.card-rail,.pool-rail{border-color:#f6dbb32e}.card-rail.active{border-color:#ffbd538a}.card[data-role=player]:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 13px 24px #0000004d,0 0 0 2px #ffbd534d}.card.active{border-color:var(--party-amber);box-shadow:0 0 0 3px #ffbd537a,5px 7px #ed485d8f}.card.choice{border-color:var(--party-amber)}.card:focus-visible{outline:3px solid var(--party-amber);outline-offset:3px}.pool-rail .card{box-shadow:0 0 0 1px #ffbd5338,0 10px 24px #00000040}.turn-guide{max-width:min(90%,480px)}.turn-guide #turn-guide-text{font-size:.84rem}.first-turn-coach{border-color:var(--party-amber);background:#302323}.first-turn-coach strong{color:var(--party-amber)}.card-hint{color:#ffe0a3}[data-tooltip]:after{border:1px solid rgba(255,189,83,.45);border-radius:3px;background:#282022;color:var(--party-ivory);box-shadow:3px 4px #ed485d80,0 10px 22px #00000057;font-size:.74rem}@media (max-width: 720px){.landing-card>.overlay-header{gap:10px}.landing-tabs-row{flex-wrap:wrap}.landing-tabs{max-width:none;min-width:100%}.landing-tabs-row .rules-button{margin-left:auto}.home-primary-actions .play-option,.landing-panel-local .home-primary-actions .play-option{min-height:92px;padding:13px 14px}.overlay:not(.landing-overlay) .overlay-card{max-height:calc(100dvh - 12px)}.overlay:not(.landing-overlay) .overlay-header{min-height:65px}}@media (max-width: 520px){.landing-heading .overlay-title{font-size:clamp(1.4rem,8vw,2rem)}.landing-heading .overlay-subtitle{font-size:.73rem}.home-primary-actions,.landing-panel-local .home-primary-actions{grid-template-columns:1fr}.home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-actions button{white-space:normal;line-height:1.15}.rules-actions{display:grid;grid-template-columns:1fr}.overlay:not(.landing-overlay) .overlay-card{width:calc(100vw - 12px);padding:12px}.overlay:not(.landing-overlay) .overlay-footer{justify-content:stretch}.overlay:not(.landing-overlay) .overlay-footer button{flex:1 1 auto}.victory-actions>button{flex-basis:100%}}@media (prefers-reduced-motion: reduce){.close-button.has-ui-icon,.landing-card button,.overlay-card button{animation:none;transition-duration:.01ms}}.dialog-header>div:first-child{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:13px;align-items:center;min-width:0}.dialog-header .dialog-emblem{grid-row:1 / 3;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,189,83,.46);border-radius:4px;color:var(--party-amber);background:#ffbd5318;box-shadow:3px 3px #ed485d66}.dialog-header .dialog-emblem .ui-icon{width:23px;height:23px}.dialog-header .overlay-title,.dialog-header .overlay-subtitle{grid-column:2;min-width:0}.dialog-header .overlay-title{grid-row:1}.dialog-header .overlay-subtitle{grid-row:2}#victory-overlay .dialog-emblem{color:#ffe7a8;background:#ffbd5330}#lobby-overlay .dialog-emblem{color:var(--party-live);border-color:#80e4ad6b;background:#80e4ad17}#draft-overlay .dialog-emblem{color:var(--party-amber)}.overlay:not(.landing-overlay) :is(.overlay-body,.settings-body,.tutorial-body,.install-body,.spectator-body,.victory-body,.lobby-body){min-height:0;overflow-y:auto;overscroll-behavior:contain}#customize-overlay .overlay-footer{display:grid;grid-template-columns:repeat(4,minmax(0,auto)) minmax(150px,1fr);justify-content:stretch}#customize-overlay .overlay-footer button{min-width:0;white-space:normal}#customize-overlay #cards-apply{justify-self:stretch;color:#251716;background:var(--party-amber);border-color:#ffdf9f;box-shadow:3px 4px 0 var(--party-coral)}#customize-overlay #card-remove{color:#ffc6cf;border-color:#ed485d80;background:#74212f24}#customize-overlay .overlay-editor{gap:9px}#customize-overlay .card-grid{width:min(238px,100%);gap:4px}#customize-overlay .overlay-editor{padding:16px;border:1px solid rgba(255,230,188,.38);border-radius:4px;background:repeating-linear-gradient(0deg,rgba(80,52,35,.025) 0 1px,transparent 1px 6px),linear-gradient(145deg,#f6ead3,#dfcdb1);color:#32231e}#customize-overlay .overlay-editor :is(.editor-title,.label){color:#32231e}#customize-overlay .overlay-editor :is(input,select){color:#30221d;background:#fff9ee;border-color:#50342352}#customize-overlay .overlay-editor .grid-cell{border-color:#51382747;background:#ffffff7a}#customize-overlay .overlay-editor .grid-cell.active{border-color:#ac4760;background:#ca7380}#customize-overlay .overlay-editor .grid-cell.origin{border-color:#ae7c3a;background:#f0c16a}#customize-overlay .move-row{min-height:38px;padding:5px 7px;border-bottom:1px solid rgba(80,52,35,.18);font-weight:700}#customize-overlay .move-row button{min-height:32px;padding:5px 9px;color:#702e3d;border-color:#702e3d47;background:#702e3d12}#customize-overlay .move-row .ui-icon{width:15px;height:15px}#customize-overlay .overlay-list .card-pill{min-height:42px;border-radius:4px;text-align:left}#settings-overlay .settings-body{gap:0;padding:8px 4px 16px}#settings-overlay .setting-row{grid-template-columns:34px minmax(0,1fr) auto;column-gap:11px;min-height:62px;padding:9px 10px}#settings-overlay .setting-row>.ui-icon{width:22px;height:22px;color:var(--party-amber)}#settings-overlay .setting-row>span{min-width:0}#settings-overlay .setting-row strong{font-size:.92rem}#settings-overlay .setting-row small{font-size:.74rem}#settings-overlay .setting-row input[type=range]{width:min(160px,25vw);accent-color:var(--party-amber)}#settings-overlay .setting-row select{width:min(180px,28vw);min-height:42px}#lobby-overlay .lobby-series .ui-icon{width:25px;height:25px;flex:none;color:var(--party-amber);order:1}#lobby-overlay .lobby-series span{order:2;min-width:0}#lobby-overlay .lobby-series input{order:3;margin-left:auto}#lobby-overlay .ready-toggle{position:relative;gap:12px}#lobby-overlay .ready-toggle input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}#lobby-overlay .ready-toggle .ui-icon{width:27px;height:27px}#lobby-overlay .ready-toggle:has(input:checked) .ui-icon{transform:scale(1.08)}#lobby-overlay .lobby-sandbox-actions{gap:8px}#lobby-overlay .lobby-sandbox-actions button{min-height:42px}#lobby-overlay .lobby-share button{min-height:44px}#tutorial-overlay .tutorial-body{padding:18px 14px 12px}#tutorial-overlay .tutorial-symbol{width:60px;height:60px;margin-bottom:12px;border-radius:4px;color:var(--party-amber);background:#ffbd5317;border-color:#ffbd5366;box-shadow:3px 4px #ed485d66;font-size:1.55rem}#tutorial-overlay .tutorial-body h2{font-family:var(--ui-font);font-size:1.17rem;font-weight:850;letter-spacing:-.025em}#tutorial-overlay .tutorial-body p{min-height:0;line-height:1.48}#tutorial-overlay .tutorial-dots{margin-top:16px}#tutorial-overlay .tutorial-dots span{border-radius:2px}#tutorial-overlay .tutorial-actions{gap:7px}#confirm-exit-overlay .confirm-body{padding:clamp(16px,4vw,28px)}#confirm-exit-overlay .confirm-mark{width:58px;height:58px;border-radius:4px}#confirm-exit-overlay .confirm-mark .ui-icon{width:30px;height:30px}#confirm-exit-overlay .confirm-actions{gap:9px}#fatal-error .fatal-error-mark{display:grid;place-items:center;border-radius:4px}#fatal-error .fatal-error-mark .ui-icon{width:34px;height:34px}.landscape-tip #landscape-tip-dismiss.has-ui-icon{display:grid;place-items:center;font-size:inherit}.landscape-tip #landscape-tip-dismiss .ui-icon{width:19px;height:19px}@media (max-width: 720px){#customize-overlay .overlay-footer{grid-template-columns:repeat(2,minmax(0,1fr))}#customize-overlay #cards-apply{grid-column:1 / -1}#settings-overlay .setting-row input[type=range]{width:min(140px,27vw)}#settings-overlay .setting-row select{width:min(160px,30vw)}}@media (max-width: 520px){.dialog-header>div:first-child{grid-template-columns:38px minmax(0,1fr);column-gap:9px}.dialog-header .dialog-emblem{width:38px;height:38px}.dialog-header .dialog-emblem .ui-icon{width:19px;height:19px}#settings-overlay .setting-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}#settings-overlay .setting-row>.ui-icon{width:19px;height:19px}#settings-overlay .setting-row strong{font-size:.85rem}#settings-overlay .setting-row small{font-size:.67rem}#settings-overlay .setting-range input[type=range]{grid-column:2 / -1;width:100%;margin-block:2px 5px}#settings-overlay .setting-row select{width:min(140px,32vw)}#lobby-overlay .lobby-series{gap:9px}#lobby-overlay .lobby-series .ui-icon{width:20px;height:20px}#tutorial-overlay .tutorial-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#tutorial-overlay #tutorial-exit{grid-column:1 / -1}}#top-bar .action-controls #game-rules{border:1px solid rgba(232,218,194,.34);border-radius:4px;color:#f7eee0;background:#21191b;box-shadow:3px 4px #a4364a8c;font-weight:800}#top-bar .action-controls #game-rules:hover{border-color:#e8c58c;background:#382126;transform:translateY(-2px);box-shadow:4px 6px #b54157}#top-bar .action-controls #game-rules:active{transform:translate(2px,2px);box-shadow:1px 2px #b54157}#landing-overlay[data-match-rules=true] .landing-tabs-row,#landing-overlay[data-match-rules=true] .overlay-header-actions,#landing-overlay[data-match-rules=true] #rules-practice{display:none!important}#landing-overlay[data-match-rules=true] .rules-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}#landing-overlay[data-match-rules=true] .rules-kicker{grid-column:1}#landing-overlay[data-match-rules=true] #game-rules-close{grid-column:2;grid-row:1;min-height:40px}#landing-overlay[data-match-rules=true] .rules-hero .overlay-title,#landing-overlay[data-match-rules=true] .rules-hero p{grid-column:1 / -1}#landing-overlay[data-match-rules=true] .landing-card{max-width:1040px}#victory-overlay .victory-card{max-width:820px}#victory-overlay .victory-body{gap:14px;padding-top:18px}.victory-hero{display:flex;align-items:center;gap:clamp(14px,3vw,24px);min-width:0;padding:clamp(16px,3vw,26px);border:1px solid #e7b867;border-left:6px solid var(--party-amber);border-radius:4px;background:linear-gradient(115deg,#44302a,#6d293b 55%,#2b2021);box-shadow:5px 6px 0 var(--party-coral)}#victory-overlay[data-finish=temple] .victory-hero{background:linear-gradient(115deg,#263d36,#366b53 52%,#202d2a);border-left-color:var(--party-live)}#victory-overlay[data-outcome=rival] .victory-hero{filter:saturate(.75);box-shadow:4px 5px #684250}#victory-overlay .victory-seal{width:clamp(62px,10vw,92px);height:clamp(62px,10vw,92px);flex:none;transform:rotate(-6deg);color:#221b19;background:var(--party-amber);border:3px solid #fff1ce;box-shadow:4px 5px 0 var(--party-coral);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900}#victory-overlay[data-finish=temple] .victory-seal{background:var(--party-live);box-shadow:4px 5px #234737}.victory-hero-copy{display:grid;gap:5px;min-width:0}.victory-callout{color:#ffda94;font-size:.72rem;font-weight:900;letter-spacing:.15em}.victory-finish{color:#fff6e9;font-family:var(--ui-font);font-size:clamp(2rem,6vw,4.5rem);font-weight:950;line-height:.96;letter-spacing:-.07em;text-transform:uppercase}#victory-overlay .victory-summary{margin:0;text-align:left}@media (max-width: 520px){.victory-hero{gap:12px;padding:14px}.victory-callout{font-size:.6rem}.victory-finish{font-size:clamp(1.75rem,8vw,3rem)}}#wifi-nearby-players{width:100%}#wifi-nearby-players .nearby-header h2{font-size:1.1rem}.nearby-player .nearby-challenge{min-width:88px;font-weight:850}#wifi-nearby-players:has(.nearby-empty){border-color:#ffbd5345;box-shadow:none}#wifi-nearby-players:has(.nearby-empty) .nearby-empty{max-width:56ch;line-height:1.45}@media (max-width: 520px){#landing-overlay[data-match-rules=true] .landing-card>.overlay-header{display:none}#landing-overlay[data-match-rules=true] #game-rules-close{min-width:42px;font-size:.75rem}.nearby-player .nearby-challenge{min-width:78px}}@media (max-width: 380px) and (orientation: portrait){#top-bar .action-controls{gap:4px}#top-bar .action-controls button{flex-basis:36px;width:36px;min-width:36px;height:40px;min-height:40px}}