@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--felt: #14352e;--felt-deep: #0c211d;--groove: #0a1d19;--porcelain: #e3ebe4;--ink: #0c1f1b;--text: #e9f1ea;--muted: #8db0a2;--line: rgba(233, 241, 234, .14);--S: #ff6a3d;--N: #5cc8ff;--W: #ffc53d;--E: #d08bff;--bad: #ff6b7d;--font: "Bricolage Grotesque Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;color:var(--text);font:500 16px/1.4 var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 28% 12%,#1d4d42 0%,var(--felt) 46%,var(--felt-deep) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--text);outline-offset:3px;border-radius:8px}h1,h2,p,dl,dd{margin:0}.muted{color:var(--muted)}.btn{appearance:none;border:0;cursor:pointer;padding:.7em 1.2em;border-radius:12px;font-weight:700;background:var(--text);color:var(--ink);transition:transform .12s ease,opacity .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px var(--line)}.btn.big{padding:.8em 1.8em;font-size:1.1rem}.link{appearance:none;border:0;background:none;padding:4px 2px;cursor:pointer;color:var(--muted);font-weight:600;font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--text)}.link.danger{color:var(--bad)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:#0000004d}.seg button{appearance:none;border:0;cursor:pointer;background:none;padding:.5em 1.1em;border-radius:999px;font-weight:650;color:var(--muted)}.seg button[aria-checked=true]{background:var(--text);color:var(--ink)}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg .count{display:inline-block;min-width:1.4em;margin-left:.15em;padding:0 .35em;border-radius:999px;background:#0000002e;font-variant-numeric:tabular-nums;text-align:center}.icon{display:inline-block;vertical-align:middle;flex:none}.sound-toggle{appearance:none;border:1px solid var(--line);cursor:pointer;background:#00000047;color:var(--text);padding:8px 14px;min-height:44px;min-width:44px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;transition:background .15s ease,border-color .15s ease,transform .12s ease}.sound-toggle:hover{background:#e9f1ea1f;border-color:#e9f1ea47;transform:translateY(-1px)}.sound-toggle:active{transform:translateY(1px)}.sound-toggle.is-muted{color:var(--muted);opacity:.75}.sound-toggle.is-muted:hover{opacity:1}.step-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--S);color:var(--ink);font-size:.75rem;font-weight:800;flex:none}.ranked-flag{display:inline-flex;align-items:center;gap:6px;color:var(--W);font-weight:750;font-size:.9rem}.avatar{--size: 44px;flex:none;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:750;font-size:calc(var(--size) * .42);color:var(--ink);background:var(--c);box-shadow:0 0 0 3px var(--felt-deep),0 0 0 5px var(--c)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.banner{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10;padding:.4em 1em;border-radius:999px;background:var(--text);color:var(--ink);font-size:.875rem;font-weight:700}.banner[hidden]{display:none}.note{min-height:1.4em;font-size:.9rem;color:var(--muted)}.note.bad{color:var(--bad);font-weight:650}.message{height:100%;width:100%;max-width:520px;margin:0 auto;display:grid;place-content:center;gap:.6em;padding:24px;text-align:center}.message h1{font-size:clamp(32px,7vmin,56px);font-weight:800;letter-spacing:-.03em}.message p{color:var(--muted);max-width:34ch}.discord-gate-screen{width:100%;height:100%;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vmin,32px);overflow-y:auto;box-sizing:border-box}.discord-gate-container{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;margin:auto}.discord-gate-card{position:relative;width:100%;background:#0a1d19d9;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vmin,36px) clamp(20px,4vmin,32px);box-shadow:0 12px 40px #00000073;backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;text-align:center}.discord-gate-footer{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.84rem;color:var(--muted);font-weight:500;letter-spacing:.02em}.discord-gate-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.discord-gate-footer a:hover{color:var(--text)}.gate-legal-dot{opacity:.45}.gate-icon-badge{width:52px;height:52px;border-radius:50%;background:#ff6a3d26;border:1px solid rgba(255,106,61,.4);color:var(--S);display:grid;place-items:center;margin-bottom:16px;box-shadow:0 0 20px #ff6a3d33}.gate-icon-badge .icon{width:26px;height:26px}.discord-gate-card h1{font-size:clamp(1.25rem,2.5vmin,1.55rem);font-weight:800;margin:0 0 10px;color:var(--text);letter-spacing:-.02em}.gate-desc{color:var(--muted);font-size:.88rem;line-height:1.55;margin:0 0 22px;max-width:40ch}.gate-steps{width:100%;background:#00000052;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:24px;text-align:left;font-size:.84rem;display:flex;flex-direction:column;gap:12px}.gate-step-row{display:flex;align-items:center;gap:12px;color:var(--text)}.gate-step-action{display:inline-flex;align-items:center;gap:6px}.gate-step-action .icon{width:14px;height:14px;color:var(--text)}.btn-gate-launch{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;text-decoration:none;padding:12px 24px;font-weight:800;font-size:.94rem;border-radius:12px;background:var(--text);color:var(--ink);border:1px solid var(--text);box-shadow:0 4px 16px #0000004d;cursor:pointer;transition:transform .14s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease}.btn-gate-launch:hover{background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000073}.btn-gate-launch:active{transform:translateY(1px)}.btn-gate-launch .icon{width:16px;height:16px}.btn-gate-dev{margin-top:14px;font-size:.76rem;width:100%;cursor:pointer;background:transparent;border:none;color:var(--muted);padding:6px;opacity:.7;transition:opacity .15s ease}.btn-gate-dev:hover{opacity:1;text-decoration:underline}.lobby{height:100%;max-width:860px;margin:0 auto;padding:clamp(10px,1.8vmin,18px) clamp(12px,2vmin,24px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vmin,14px);text-align:center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.lobby::-webkit-scrollbar{width:6px}.lobby::-webkit-scrollbar-track{background:transparent}.lobby::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.lobby::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.masthead{display:grid;justify-items:center;gap:.2em;width:100%;position:relative}.masthead-meta{position:absolute;top:0;right:0;width:auto;display:flex;justify-content:flex-end}.masthead h1{font-size:clamp(28px,5vmin,44px);font-weight:800;letter-spacing:-.04em;line-height:.95}.bars{display:flex;gap:4px}.bars i{width:clamp(20px,3.5vmin,32px);height:clamp(5px,.8vmin,8px);border-radius:999px}.tagline{color:var(--muted);font-size:clamp(.78rem,1.5vmin,.92rem);margin-top:.1em}.table-arena{width:100%;max-width:480px;margin:0 auto;display:flex;justify-content:center;align-items:center}.table{container-type:inline-size;width:100%;max-width:480px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:". n ." "w b e" ". s .";align-items:center;justify-items:center;gap:clamp(4px,.8vmin,8px) clamp(8px,1.5vmin,16px);padding:clamp(10px,1.4vmin,14px) clamp(14px,2vmin,20px);background:var(--groove);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 20px #0000004d}.mini-wrap{width:clamp(68px,11vmin,88px);height:clamp(68px,11vmin,88px);aspect-ratio:1;padding:5px;background:#00000059;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px #00000059;display:grid;place-items:center}.mini{display:block;width:100%;height:auto}.mini-frame{fill:var(--groove)}.mini-cell{fill:var(--porcelain);opacity:.9}.mini-pawn{fill:var(--c);stroke:var(--ink);stroke-width:1.4}.mini-pawn.empty{fill:var(--porcelain);stroke:var(--c);stroke-width:1.8;stroke-dasharray:2.2 2}.seat{--size: clamp(30px, 3.8vmin, 44px);appearance:none;border:0;background:none;color:inherit;width:100%;max-width:130px;display:grid;justify-items:center;gap:.25em;padding:0}.seat .avatar{--size: inherit}.seat-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.84rem}.seat.empty{cursor:pointer;color:var(--muted)}.seat.empty .avatar{background:transparent;color:var(--c);font-size:calc(var(--size) * .55);box-shadow:none;border:3px dashed var(--c);transition:background .15s ease,color .15s ease}.seat.empty:hover{color:var(--text)}.seat.empty:hover .avatar{background:var(--c);color:var(--ink)}.seat-slot{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:130px}.btn-add-bot{appearance:none;border:1px solid var(--line);cursor:pointer;background:#00000047;color:var(--muted);font-size:.68rem;font-weight:750;padding:2px 7px;min-height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .15s cubic-bezier(.16,1,.3,1)}.btn-add-bot:hover{background:var(--text);color:var(--ink);border-color:var(--text);transform:translateY(-1px)}.btn-add-bot:active{transform:translateY(1px)}.btn-add-bot .icon{width:11px;height:11px}.avatar.avatar-bot{background:var(--groove);color:var(--text);box-shadow:0 0 0 3px var(--felt-deep),0 0 0 5px var(--line)}.bot-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;background:#0000004d;border:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.02em}.bot-pill.is-interactive{appearance:none;cursor:pointer;transition:all .15s ease;user-select:none}.bot-pill.is-interactive:hover{background:#e9f1ea1f;border-color:#e9f1ea47;color:var(--text);transform:translateY(-1px)}.bot-pill.is-interactive:active{transform:translateY(1px)}.bot-diff-cycle-hint{font-size:.74rem;opacity:.7;margin-left:2px;display:inline-block;transition:transform .2s ease}.bot-pill.is-interactive:hover .bot-diff-cycle-hint{transform:rotate(90deg);opacity:1}.turn-beacon.bot-thinking{background:#e9f1ea1f;color:var(--text);border-color:var(--line)}.lobby-hub{width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px;padding-bottom:max(12px,env(safe-area-inset-bottom,0))}.hub-card{position:relative;background:#0a1d19bf;border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 4px 16px #00000040;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px;text-align:left;transition:border-color .2s ease}.hub-card:hover{border-color:#e9f1ea3d}.hub-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.hub-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.hub-kicker{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.hub-title{font-size:.95rem;font-weight:800;margin:0;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-seg.seg{background:#00000059;border:1px solid var(--line);flex-shrink:0}.mode-seg.seg button{padding:.3em .75em;font-size:.75rem;font-weight:700}.mode-pill-readonly{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#00000040;border:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:700;flex-shrink:0}.hub-custom-actions{display:flex;flex-direction:column;gap:8px}.btn-start-custom{width:100%;min-height:44px;border-radius:12px;font-weight:800;font-size:.92rem;padding:.6em 1.2em;letter-spacing:.01em;border:1px dashed var(--line);background:#00000047;color:#e9f1eaa6;box-shadow:none;cursor:not-allowed;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-start-custom.is-ready{cursor:pointer;border:1px solid var(--text);background:var(--text);color:var(--ink);box-shadow:0 2px 10px #00000059}.btn-start-custom.is-ready:hover{background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #00000073}.btn-start-custom.is-ready:active{transform:translateY(1px)}.solo-practice-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;padding:6px 10px;background:#00000040;border:1px solid var(--line);border-radius:12px}.solo-label-group{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:750;color:var(--muted);letter-spacing:.01em;flex-shrink:0;white-space:nowrap}.solo-label-group .icon{width:13px;height:13px;color:var(--muted)}.ai-seg.seg{background:#00000059;border:1px solid var(--line);flex-shrink:0}.ai-seg.seg button{padding:.24em .65em;font-size:.72rem;font-weight:700}.btn-solo-ai{appearance:none;border:1px solid var(--line);cursor:pointer;background:#e9f1ea1f;color:var(--text);font-weight:800;font-size:.75rem;padding:.38em .85em;border-radius:999px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn-solo-ai:hover{background:var(--text);color:var(--ink);border-color:var(--text);transform:translateY(-1px)}.btn-solo-ai:active{transform:translateY(1px)}.btn-solo-ai .icon{width:13px;height:13px}.hub-ranked-card{background:#0a1d19bf;border:1px solid var(--line)}.hub-ranked-card:hover{border-color:#e9f1ea3d}.hub-ranked-card.is-searching{background:#0a1d19e6;border-color:#e9f1ea47}.btn-find-match{appearance:none;width:100%;min-height:44px;border-radius:12px;border:1px solid var(--text);cursor:pointer;background:var(--text);color:var(--ink);font-weight:800;font-size:.92rem;padding:.6em 1.2em;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;box-shadow:0 2px 10px #00000059;transition:transform .14s cubic-bezier(.16,1,.3,1),background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-find-match:hover{background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #00000073}.btn-find-match:active{transform:translateY(1px)}.btn-find-match .icon{width:15px;height:15px}.queue-radar-box{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;min-height:44px}.radar-visual{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:#00000059;border:1px solid var(--line);flex:none}.radar-sweep{position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;border-top-color:var(--text);animation:radar-spin 1.2s linear infinite}@keyframes radar-spin{to{transform:rotate(360deg)}}.queue-info{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1}.queue-title{font-size:.82rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.queue-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted)}.queue-mode-badge{background:#e9f1ea1a;color:var(--text);padding:1px 6px;border-radius:4px;font-weight:750}.queue-rating-badge{background:#e9f1ea1a;color:var(--muted);padding:1px 6px;border-radius:4px;font-weight:750}.queue-time{font-variant-numeric:tabular-nums;opacity:.9}.btn-cancel-queue{appearance:none;background:#ff6b7d24;border:1px solid rgba(255,107,125,.45);color:var(--bad);font-size:.76rem;font-weight:750;padding:6px 14px;border-radius:999px;cursor:pointer;white-space:nowrap!important;transition:all .15s ease}.btn-cancel-queue:hover{background:var(--bad);color:var(--ink);border-color:var(--bad);transform:translateY(-1px)}.btn-cancel-queue:active{transform:translateY(1px)}.hub-hint{font-size:.8rem;color:var(--muted);margin:0;min-height:1.1em;text-align:center}.hub-foot-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2px}.hub-link-btn{appearance:none;border:1px solid var(--line);background:#00000047;color:var(--muted);font-size:.78rem;font-weight:750;padding:6px 16px;min-height:36px;min-width:140px;justify-content:center;border-radius:999px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(8px);transition:all .15s ease}.hub-link-btn:hover{color:var(--text);border-color:#e9f1ea59;background:#e9f1ea1a;transform:translateY(-1px)}.hub-link-btn:active{transform:translateY(1px)}.hub-link-btn .icon{width:14px;height:14px}@media(max-width:440px){.hub-card-header{flex-wrap:wrap;gap:8px}.solo-practice-bar{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px}.btn-solo-ai{width:100%;justify-content:center}}.game{height:100%;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30vw,350px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage players" "stage ." "stage controls";gap:16px clamp(14px,3vw,32px);padding:clamp(10px,2.4vmin,26px)}.stage{grid-area:stage;container-type:size;min-width:0;min-height:0;display:grid;place-items:center}.board-slot{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.players{grid-area:players;display:flex;flex-direction:column;gap:8px;min-width:0}.controls{grid-area:controls;display:grid;gap:12px;min-width:0}.chip{--size: 40px;position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px 10px 12px;border-radius:14px;background:#00000040;box-shadow:inset 5px 0 0 var(--c);border:1px solid rgba(255,255,255,.05);transition:background .2s cubic-bezier(.16,1,.3,1),transform .2s ease,box-shadow .2s ease}.chip .avatar{--size: 40px;box-shadow:0 0 0 3px #00000059;transition:transform .2s ease}.chip.active{background:var(--c);color:var(--ink);box-shadow:0 0 0 2px var(--c),0 8px 24px -4px color-mix(in srgb,var(--c) 45%,transparent);transform:scale(1.02)}.chip.active .avatar{background:var(--ink);color:var(--c);box-shadow:0 0 0 3px var(--ink);transform:scale(1.05)}.chip.out{opacity:.45}.who{display:grid;gap:4px;min-width:0;flex:1}.name-row{display:flex;align-items:center;gap:8px;min-width:0}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.turn-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:.65rem;font-weight:850;letter-spacing:.05em;background:var(--ink);color:var(--c);line-height:1;animation:turn-tag-glow 1.5s ease-in-out infinite alternate}@keyframes turn-tag-glow{0%{opacity:.85;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.sub{font-size:.8rem;opacity:.75}.team-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--muted)}.chip.active .team-badge{color:inherit;opacity:.85}.team-dots{display:inline-flex;gap:2px}.team-dots i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1.5px #00000059}.seat .team-badge{font-size:.68rem;padding:1px 6px;background:#00000047;border-radius:999px;border:1px solid rgba(255,255,255,.05)}.pips-wrapper{display:flex;align-items:center;gap:8px}.pips{display:flex;gap:3px}.pips i{width:5px;height:14px;border-radius:2px;background:currentColor;opacity:.22}.pips i.on{opacity:1}.pips-count{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;opacity:.8}.steps{display:grid;justify-items:end;line-height:1}.steps b{font-size:1.6rem;font-weight:750;font-variant-numeric:tabular-nums}.steps span{font-size:.75rem;opacity:.7;margin-top:2px}.chip-action{appearance:none;border:0;cursor:pointer;padding:.35em .8em;border-radius:999px;background:var(--text);color:var(--ink);font-size:.8rem;font-weight:700}.status{position:relative;display:flex;flex-direction:column;gap:6px}.turn-beacon{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:850;letter-spacing:.06em;background:#00000059;border:1px solid var(--line);color:var(--muted)}.turn-beacon.mine{background:var(--c);color:var(--ink);border-color:transparent;box-shadow:0 0 16px -2px color-mix(in srgb,var(--c) 50%,transparent)}.beacon-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:beacon-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes beacon-ping{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.beacon-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.status h2{font-size:clamp(1.4rem,3.2vmin,1.9rem);font-weight:780;letter-spacing:-.02em;line-height:1.1}.status.mine h2{color:var(--c)}.status p{margin-top:4px;color:var(--muted);font-size:.92rem}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}.toolbar .btn.primary-action{background:var(--c, var(--text));color:var(--ink);box-shadow:0 4px 14px -2px #0006;font-weight:800}.seg button{display:inline-flex;align-items:center;gap:6px;min-height:40px}.foot{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.ask{display:inline-flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:.875rem;color:var(--muted)}.result{padding:20px 22px 22px;border-radius:18px;background:var(--c);color:var(--ink);display:grid;gap:8px;box-shadow:0 16px 36px -8px #00000080;position:relative;overflow:hidden}.result.victory{box-shadow:0 0 0 2px #ffffff4d,0 16px 48px -6px color-mix(in srgb,var(--c) 60%,transparent)}.result-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#0c1f1b29;font-size:.75rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start}.result h2{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.result p{font-weight:600;opacity:.85}.result .row,.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center;position:relative;z-index:5}.result .btn,.btn-result-replay{appearance:none;background:var(--ink);color:var(--text);border:1.5px solid rgba(255,255,255,.18);min-height:46px;padding:10px 18px;border-radius:999px;font-weight:750;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10;user-select:none;touch-action:manipulation;box-shadow:0 4px 14px -2px #0c1f1b73;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease,filter .15s ease}.result .btn svg,.btn-result-replay svg{width:17px;height:17px;flex:none}.result .btn:hover,.btn-result-replay:hover{background:#142f29;filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px -2px #0c1f1b99}.result .btn:active,.btn-result-replay:active{transform:translateY(1px);box-shadow:0 2px 6px -1px #0c1f1b66}.result .btn.ghost,.btn-result-lobby{appearance:none;background:#0c1f1b24;border:2px solid rgba(12,31,27,.7);box-shadow:0 2px 8px #0c1f1b1f;color:var(--ink);min-height:46px;padding:10px 18px;border-radius:999px;font-weight:800;font-size:.92rem;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10;user-select:none;touch-action:manipulation;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.result .btn.ghost svg,.btn-result-lobby svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:2.2}.result .btn.ghost:hover,.btn-result-lobby:hover{background:#0c1f1b47;border-color:var(--ink);color:#000;transform:translateY(-2px);box-shadow:0 6px 18px #0c1f1b40}.result .btn.ghost:active,.btn-result-lobby:active{transform:translateY(1px);background:#0c1f1b6b;box-shadow:0 1px 4px #0c1f1b33}.result-show-outcome{appearance:none;border:0;background:transparent;color:var(--ink);font-weight:750;font-size:.82rem;letter-spacing:.01em;text-decoration:underline;text-underline-offset:3px;opacity:.85;margin-top:10px;padding:4px 8px;align-self:center;cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10;transition:opacity .15s ease,transform .12s ease}.result-show-outcome:hover{opacity:1;transform:translateY(-1px)}.result-show-outcome:active{transform:translateY(0)}.board{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}.board .frame{fill:var(--groove);stroke:#e9f1ea1a;stroke-width:2}.board .cell{fill:var(--porcelain);transition:fill .15s ease}.board .peg{fill:#163b33}.board .goal{opacity:.95}.board .trail{fill:none;stroke-width:3;stroke-dasharray:3 6;stroke-linecap:round;opacity:.85}.board .legal{fill:var(--me);fill-opacity:.3;pointer-events:none}.board .legal.hot{fill-opacity:.55}.board .dot-pulse{fill:none;stroke:var(--me);stroke-width:1.8;opacity:.6;animation:radar-pulse 2s cubic-bezier(.1,.8,.2,1) infinite;transform-origin:center;transform-box:fill-box;pointer-events:none}.board .dot-pulse.hot{stroke-width:2.5;opacity:.9}@keyframes radar-pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.6);opacity:0}}.board .dot{fill:var(--me);stroke:var(--ink);stroke-width:2;pointer-events:none;transition:r .12s ease}.board.can-act[data-tool=move]{cursor:pointer}.board.can-act[data-tool=wall]{cursor:crosshair}.wall{filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.wall-body{fill:currentColor}.wall-shine{fill:#fff;opacity:.4}.wall.fresh{animation:thunk .42s cubic-bezier(.2,1.5,.4,1);transform-box:fill-box;transform-origin:center}@keyframes thunk{0%{transform:scale(1.7);opacity:0}55%{transform:scale(.94);opacity:1}to{transform:scale(1)}}.ghost{fill:var(--me);opacity:.6;pointer-events:none}.ghost.bad{fill:var(--bad);opacity:.55}.pawn{transition:transform .36s cubic-bezier(.3,1.25,.5,1);pointer-events:none}.pawn-shadow{fill:#0000004d}.pawn-part{fill:currentColor;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}.pawn-shine{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;opacity:.6}.pawn-label{fill:var(--ink);font:800 12px var(--font)}.turn-ring{fill:none;stroke:currentColor;stroke-width:3;opacity:0}.pawn.turn .turn-ring{animation:ring 1.8s ease-in-out infinite}@keyframes ring{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:.85;transform:scale(1.06)}}.pawn.won .turn-ring{opacity:1}.help{max-width:min(440px,calc(100vw - 32px));padding:24px;border:0;border-radius:18px;background:var(--porcelain);color:var(--ink)}.help::backdrop{background:#06120fb3}.help h2{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.help dt{font-weight:750;margin-top:12px}.help dd{line-height:1.5}.help form{margin-top:18px}.help .btn{background:var(--ink);color:var(--text)}.rank-pill{--tier: var(--muted);display:inline-flex;align-items:center;gap:5px;padding:.15em .6em;border-radius:999px;font-size:.72rem;font-weight:750;color:var(--tier);background:color-mix(in srgb,var(--tier) 16%,transparent);white-space:nowrap}.rank-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tier);flex:none}.seat .rank-pill{font-size:.68rem}.chip.active .rank-pill{color:var(--ink);background:#0c1f1b29}.chip.active .rank-pill:before{background:var(--ink)}.ranked-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;cursor:pointer;user-select:none}.ranked-toggle input{width:18px;height:18px;accent-color:var(--S);cursor:pointer}.ranked-flag{font-weight:700}.rating-results{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.rating-results li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border-radius:10px;background:#0c1f1b1f;font-size:.85rem}.rr-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-delta{font-weight:800;font-variant-numeric:tabular-nums;min-width:2.4em;text-align:right}.rr-delta.up{color:#1c7a4a}.rr-delta.down{color:#b0242f}.rr-rating{font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}.leaderboard{width:min(440px,calc(100vw - 32px));max-width:min(440px,calc(100vw - 32px));padding:24px;border:0;border-radius:18px;background:var(--porcelain);color:var(--ink)}.leaderboard::backdrop{background:#06120fb3}.leaderboard h2{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.leaderboard .seg{background:#0c1f1b1a;margin-bottom:14px}.leaderboard .seg button[aria-checked=true]{background:var(--ink);color:var(--porcelain)}.lb-body{min-height:120px}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lb-list li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(12,31,27,.12)}.lb-rank{width:2.2em;font-weight:800;color:var(--muted)}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.lb-record{font-size:.8rem;font-variant-numeric:tabular-nums}.leaderboard form{margin-top:18px}.leaderboard .btn{background:var(--ink);color:var(--text)}@media(orientation:portrait){.game{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"players" "stage" "controls";gap:10px;padding:10px}.players{flex-direction:row;gap:6px}.chip{flex:1 1 0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av steps" "who who";gap:6px 8px;padding:8px 8px 8px 12px}.chip .avatar{--size: 28px;grid-area:av}.chip .who{grid-area:who}.chip .steps{grid-area:steps}.chip .steps b{font-size:1.25rem}.chip-action{grid-column:1 / -1}.status h2{font-size:1.35rem}.status p{display:none}.result h2{font-size:1.6rem}}.match-outcome-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:#04080ed1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:outcome-fade-in .35s cubic-bezier(.16,1,.3,1) forwards}.match-outcome-overlay.is-closing{animation:outcome-fade-out .22s cubic-bezier(.7,0,.84,0) forwards;pointer-events:none}@keyframes outcome-fade-in{0%{opacity:0}to{opacity:1}}@keyframes outcome-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.outcome-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.outcome-aura{position:absolute;width:min(90vw,440px);height:min(90vw,440px);border-radius:50%;pointer-events:none;z-index:1;filter:blur(72px);opacity:.42;animation:aura-pulse 3.8s ease-in-out infinite}.outcome-aura.victory{background:radial-gradient(circle,rgba(255,215,0,.5) 0%,rgba(255,140,0,.2) 50%,transparent 72%)}.outcome-aura.defeat{background:radial-gradient(circle,rgba(255,77,79,.52) 0%,rgba(180,20,30,.2) 50%,transparent 72%)}.outcome-aura.neutral{background:radial-gradient(circle,rgba(92,200,255,.45) 0%,rgba(0,100,200,.15) 50%,transparent 72%)}@keyframes aura-pulse{0%,to{transform:scale(.95);opacity:.38}50%{transform:scale(1.08);opacity:.54}}.outcome-shockwave{position:absolute;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:1;border:2px solid currentColor;animation:shockwave-ripple .95s cubic-bezier(.1,.8,.2,1) forwards}.outcome-shockwave.victory{color:#ffd700b3}.outcome-shockwave.defeat{color:#ff4d4fb3}.outcome-shockwave.neutral{color:#5cc8ff99}@keyframes shockwave-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}.outcome-card{position:relative;z-index:2;width:min(92vw,424px);background:linear-gradient(175deg,#111823fa,#090d13fc);border-radius:26px;padding:36px 26px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 32px 84px -16px #000000eb,0 0 0 1px #ffffff14,inset 0 1px 1px #ffffff26;animation:outcome-card-pop .52s cubic-bezier(.16,1,.3,1) forwards;overflow:visible}@keyframes outcome-card-pop{0%{opacity:0;transform:scale(.74) translateY(32px)}60%{opacity:1;transform:scale(1.03) translateY(-3px)}82%{transform:scale(.99) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}.outcome-border-beam{position:absolute;inset:0;border-radius:26px;overflow:hidden;pointer-events:none!important;z-index:0}.outcome-border-beam:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none!important;background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,var(--beam-soft, rgba(255, 215, 0, .35)) 75deg,var(--beam-glow, rgba(255, 215, 0, 1)) 90deg,var(--beam-soft, rgba(255, 215, 0, .35)) 105deg,transparent 120deg,transparent 360deg);animation:border-beam-spin 4s linear infinite}.outcome-border-beam:before{content:"";position:absolute;inset:1.5px;border-radius:24.5px;background:linear-gradient(175deg,#111823fa,#090d13fc);pointer-events:none!important;z-index:1}@keyframes border-beam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-victory .outcome-border-beam{--beam-glow: #ffd700;--beam-soft: rgba(255, 215, 0, .4)}.is-defeat .outcome-border-beam{--beam-glow: #ff4d4f;--beam-soft: rgba(255, 77, 79, .4)}.is-neutral .outcome-border-beam{--beam-glow: var(--N);--beam-soft: rgba(92, 200, 255, .4)}.outcome-corner{position:absolute;width:24px;height:24px;pointer-events:none!important;z-index:3}.outcome-corner:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;pointer-events:none!important}.outcome-corner-tl{top:-2px;left:-2px;border-top:3px solid currentColor;border-left:3px solid currentColor;border-top-left-radius:12px}.outcome-corner-tl:after{top:1px;left:1px}.outcome-corner-tr{top:-2px;right:-2px;border-top:3px solid currentColor;border-right:3px solid currentColor;border-top-right-radius:12px}.outcome-corner-tr:after{top:1px;right:1px}.outcome-corner-bl{bottom:-2px;left:-2px;border-bottom:3px solid currentColor;border-left:3px solid currentColor;border-bottom-left-radius:12px}.outcome-corner-bl:after{bottom:1px;left:1px}.outcome-corner-br{bottom:-2px;right:-2px;border-bottom:3px solid currentColor;border-right:3px solid currentColor;border-bottom-right-radius:12px}.outcome-corner-br:after{bottom:1px;right:1px}.is-victory .outcome-corner{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.75))}.is-defeat .outcome-corner{color:#ff4d4f;filter:drop-shadow(0 0 8px rgba(255,77,79,.75))}.is-neutral .outcome-corner{color:var(--N);filter:drop-shadow(0 0 8px rgba(92,200,255,.65))}.outcome-top-crest{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:3px;border-radius:0 0 6px 6px;z-index:3;pointer-events:none!important}.is-victory .outcome-top-crest{background:linear-gradient(90deg,transparent,#ffd700,transparent);box-shadow:0 2px 12px #ffd700d9;color:gold}.is-defeat .outcome-top-crest{background:linear-gradient(90deg,transparent,#ff4d4f,transparent);box-shadow:0 2px 12px #ff4d4fd9;color:#ff4d4f}.is-neutral .outcome-top-crest{background:linear-gradient(90deg,transparent,var(--N),transparent);box-shadow:0 2px 12px #5cc8ffbf;color:var(--N)}.crest-gem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;background:currentColor;border-radius:1.5px;box-shadow:0 0 10px currentColor;animation:crest-pulse 2.2s ease-in-out infinite;pointer-events:none!important}@keyframes crest-pulse{0%,to{transform:translate(-50%,-50%) rotate(45deg) scale(.9);filter:brightness(1);box-shadow:0 0 8px currentColor}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2);filter:brightness(1.35);box-shadow:0 0 16px currentColor}}.outcome-close-btn{position:absolute;top:14px;right:14px;appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--muted);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:4;transition:all .15s ease}.outcome-close-btn:hover{background:#ffffff26;color:var(--text);transform:scale(1.08)}.outcome-emblem{position:relative;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;z-index:2;animation:emblem-intro .65s cubic-bezier(.34,1.56,.64,1) both,emblem-bob 3.6s ease-in-out .65s infinite}@keyframes emblem-intro{0%{opacity:0;transform:scale(.2) rotate(-24deg)}65%{opacity:1;transform:scale(1.18) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.outcome-emblem svg{width:40px;height:40px;position:relative;z-index:2}@keyframes emblem-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.emblem-rays{position:absolute;inset:-38px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,215,0,.24) 0deg 15deg,transparent 15deg 30deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.9) 32%,transparent 72%);mask-image:radial-gradient(circle,rgba(0,0,0,.9) 32%,transparent 72%);pointer-events:none;animation:spin-rays 24s linear infinite;z-index:0}@keyframes spin-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outcome-emblem.victory{background:radial-gradient(circle,rgba(255,215,0,.3) 0%,rgba(255,215,0,.05) 70%,transparent 100%);color:gold;box-shadow:0 0 36px #ffd70080}.outcome-emblem.defeat{background:radial-gradient(circle,rgba(255,77,79,.28) 0%,rgba(255,77,79,.05) 70%,transparent 100%);color:#ff4d4f;box-shadow:0 0 36px #ff4d4f66}.outcome-emblem.neutral{background:radial-gradient(circle,rgba(92,200,255,.25) 0%,transparent 70%);color:var(--N)}.emblem-halo{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.18;filter:blur(8px);pointer-events:none;z-index:0}.emblem-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:.6;animation:emblem-ring 2.2s cubic-bezier(.16,1,.3,1) infinite;z-index:0}@keyframes emblem-ring{0%{transform:scale(.92);opacity:.8}60%{transform:scale(1.42);opacity:0}to{transform:scale(1.42);opacity:0}}.outcome-badge-pill,.outcome-heading,.outcome-desc,.outcome-rating-wrap,.outcome-actions,.outcome-inspect-link{position:relative;z-index:2;animation:outcome-slide-up .42s cubic-bezier(.16,1,.3,1) both}.outcome-badge-pill{animation-delay:.08s;margin-top:18px;font-size:.72rem;font-weight:850;letter-spacing:.18em;padding:4px 14px;border-radius:999px;text-transform:uppercase}.is-victory .outcome-badge-pill{background:#ffd70029;color:gold;border:1px solid rgba(255,215,0,.45);box-shadow:0 0 16px #ffd70033}.is-defeat .outcome-badge-pill{background:#ff4d4f29;color:#ff7875;border:1px solid rgba(255,77,79,.45);box-shadow:0 0 16px #ff4d4f33}.is-neutral .outcome-badge-pill{background:#5cc8ff29;color:var(--N);border:1px solid rgba(92,200,255,.35)}.outcome-heading{animation-delay:.15s;font-size:clamp(24px,5.5vmin,34px);font-weight:850;letter-spacing:-.03em;line-height:1.15;margin:10px 0 6px}.is-victory .outcome-heading{background:linear-gradient(90deg,gold,#fff,gold,#ffae00,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-gold-shimmer 4s linear infinite,outcome-slide-up .42s cubic-bezier(.16,1,.3,1) .15s both}.is-defeat .outcome-heading{background:linear-gradient(135deg,#fff 30%,#ff7875 70%,#ff4d4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px rgba(255,77,79,.4))}@keyframes text-gold-shimmer{to{background-position:200% center}}@keyframes outcome-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.outcome-desc{animation-delay:.21s;color:var(--muted);font-size:.88rem;line-height:1.45;max-width:32ch;margin-bottom:6px}.outcome-rating-wrap{animation-delay:.27s;width:100%;margin:8px 0}.outcome-rating-wrap .rating-results{max-width:100%}.outcome-actions{animation-delay:.32s;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;width:100%;max-width:380px;margin-top:18px;justify-content:center;align-items:stretch;position:relative;z-index:10;pointer-events:auto!important}.outcome-actions button{pointer-events:auto!important;position:relative;z-index:10;cursor:pointer;user-select:none}.btn-outcome-main{flex:1 1 50%;min-width:140px;min-height:48px;padding:10px 16px;font-size:.94rem;font-weight:750;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;border:1px solid rgba(255,255,255,.25);transition:transform .16s cubic-bezier(.16,1,.3,1),filter .16s ease,box-shadow .16s ease}.btn-outcome-main span{white-space:nowrap!important;font-weight:750}.is-victory .btn-outcome-main{background:linear-gradient(135deg,gold,#ffae00);color:#121212;box-shadow:0 4px 20px #ffd70073}.is-victory .btn-outcome-main:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 26px #ffd700a6}.is-victory .btn-outcome-main:active{transform:translateY(1px);box-shadow:0 2px 10px #ffd70059}.is-defeat .btn-outcome-main{background:linear-gradient(135deg,#ff5c60,#d92027);color:#fff;box-shadow:0 4px 20px #eb2f3273}.is-defeat .btn-outcome-main:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 6px 26px #eb2f32a6}.is-defeat .btn-outcome-main:active{transform:translateY(1px);box-shadow:0 2px 10px #eb2f3259}.is-neutral .btn-outcome-main{background:linear-gradient(135deg,#5cc8ff,#08c);color:#fff;box-shadow:0 4px 20px #5cc8ff73}.is-neutral .btn-outcome-main:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 6px 26px #5cc8ffa6}.is-neutral .btn-outcome-main:active{transform:translateY(1px);box-shadow:0 2px 10px #5cc8ff59}.outcome-kbd{font-family:inherit;font-size:.72rem;font-weight:800;line-height:1;padding:3px 6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap!important}.is-victory .outcome-kbd{background:#0003;color:#121212;border:1px solid rgba(0,0,0,.25)}.is-defeat .outcome-kbd{background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.3)}.is-neutral .outcome-kbd{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-outcome-sec{flex:1 1 50%;min-width:140px;min-height:48px;padding:10px 16px;font-size:.92rem;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.28);color:#fff;box-shadow:0 4px 16px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s ease,border-color .16s ease,box-shadow .16s ease}.btn-outcome-sec span{white-space:nowrap!important;font-weight:700}.btn-outcome-sec:hover{background:#ffffff38;border-color:#ffffff80;color:#fff;transform:translateY(-2px);box-shadow:0 6px 22px #ffffff1f,0 4px 12px #00000080}.btn-outcome-sec:active{transform:translateY(1px);background:#ffffff29;box-shadow:0 2px 8px #00000059}.outcome-inspect-link{animation-delay:.38s;appearance:none;background:none;border:0;color:var(--muted);font-size:.84rem;font-weight:650;margin-top:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:8px 16px;border-radius:8px;position:relative;z-index:10;pointer-events:auto!important;transition:color .15s ease,background .15s ease}.outcome-inspect-link:hover{color:#fff;background:#ffffff0f}@media(max-height:520px)and (orientation:landscape){.chip .avatar{--size: 30px}.chip{padding:6px 10px}.steps b{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}