:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--title-spacing:.08em;--title-transform:none;--title-weight:600;--bg:#15152a;--bg-image:radial-gradient(125% 80% at 50% -8%, #7c5cff38, transparent 58%);--bg-texture:none;--bg-texture-opacity:1;--text:#ffffffe6;--text-muted:#ffffff94;--text-strong:#fff;--link:#b9a7ff;--accent:#ffd54a;--accent-strong:#f0b429;--accent-contrast:#1a1a2e;--accent-2:#7c5cff;--accent-2-soft:#b9a7ff;--surface:#ffffff0a;--surface-2:#ffffff08;--surface-border:#ffffff1a;--surface-radius:12px;--board-max:460px;--board-bg:#20203a;--board-frame-bg:transparent;--frame-radius:0px;--frame-shadow:none;--board-pad:20px;--board-gap:2px;--board-radius:6px;--board-shadow:0 18px 40px #00000073;--cell-light:#3b3b5c;--cell-dark:#343450;--cell-radius:0px;--cell-hover:brightness(1.18);--edge-size:14px;--piece-size:76%;--piece-radius:50%;--piece-v-bg:radial-gradient(circle at 35% 30%, #4a4a5e, #0c0c14 70%);--piece-v-border:1px solid #000;--piece-v-shadow:0 2px 4px #00000073;--piece-h-bg:radial-gradient(circle at 35% 30%, #fff, #cfcfda 75%);--piece-h-border:1px solid #b3b3c4;--piece-h-shadow:0 2px 4px #00000073;--dot-v:#0c0c14;--dot-v-border:#555;--dot-h:#ececf2;--dot-h-border:#b3b3c4;--edge-vert-bg:#14141f;--edge-vert-text:#f2f2f7;--edge-vert-shadow:none;--edge-horiz-bg:#ececf2;--edge-horiz-text:#1a1a2e;--edge-horiz-shadow:none;--hint-place:#4ad6a0d9;--hint-move:#f0b429e6;--select-ring:#ffd54af2;--select-glow:#ffd54a73;--win-ring:#ffd54a;--win-glow:#ffd54ab3;--btn-bg:#2a2a44;--btn-border:#ffffff26;--btn-text:var(--text);--btn-primary-bg:#7c5cff;--btn-primary-border:#7c5cff;--btn-primary-text:#fff;--field-bg:#2a2a44;--field-border:#ffffff26;--control-radius:8px;--control-border-width:1px;--status-bg:#ffffff12;--status-text:var(--text);--status-win-bg:#ffd54a;--status-win-text:#1a1a2e}@media (width>=700px){:root{--board-max:540px}}:root[data-skin=walnut]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Hoefler Text", "Baskerville Old Face", Baskerville, "Palatino Linotype", Palatino, Georgia, serif;--font-body:"Gill Sans", "Gill Sans MT", Calibri, "Segoe UI", system-ui, sans-serif;--title-spacing:.02em;--title-transform:none;--title-weight:600;--bg:#d3bd98;--bg-image:repeating-linear-gradient(91deg, #4a30180d 0 2px, transparent 2px 8px), repeating-linear-gradient(89deg, #6e4a280b 0 14px, transparent 14px 26px), linear-gradient(96deg, #c8ad82 0%, #dcc7a4 34%, #cbb088 68%, #c0a172 100%);--bg-texture:var(--grain);--bg-texture-opacity:.045;--text:#3a2c1c;--text-muted:#3a2c1c9e;--text-strong:#241a10;--link:#5b6e4a;--accent:#b5872f;--accent-strong:#946d22;--accent-contrast:#fff;--accent-2:#5b6e4a;--accent-2-soft:#7e9268;--surface:#fffaf08c;--surface-2:#fffaf066;--surface-border:#3a2c1c2e;--surface-radius:12px;--board-bg:#2f3a3f;--board-frame-bg:linear-gradient(145deg, #7a5430 0%, #5a3c1f 48%, #6b4827 100%);--frame-radius:16px;--frame-shadow:0 22px 48px #281a0c80, inset 0 1px 0 #ffe1b44d, inset 0 0 0 1px #28180a66;--board-pad:22px;--board-gap:2px;--board-radius:5px;--board-shadow:inset 0 0 0 2px #00000047, 0 8px 20px #0006;--cell-light:#d2c9b2;--cell-dark:#6f7d74;--cell-radius:0px;--cell-hover:brightness(1.08);--piece-v-bg:radial-gradient(circle at 38% 28%, #4d5258, #14171a 72%);--piece-v-border:1px solid #05070a;--piece-v-shadow:0 4px 7px #00000080, inset 0 2px 4px #ffffff2e;--piece-h-bg:radial-gradient(circle at 38% 28%, #fffdf8, #d8cfbd 78%);--piece-h-border:1px solid #b3a890;--piece-h-shadow:0 4px 7px #0006, inset 0 2px 4px #fff9;--dot-v:#14171a;--dot-v-border:#000;--dot-h:#f3eee2;--dot-h-border:#b3a890;--edge-vert-bg:#20242a;--edge-vert-text:#e9d8b6;--edge-vert-shadow:inset 0 0 0 1px #b5872f80;--edge-horiz-bg:#efe7d6;--edge-horiz-text:#3a2c1c;--edge-horiz-shadow:inset 0 0 0 1px #b5872f80;--hint-place:#5b6e4aeb;--hint-move:#b5872ff2;--select-ring:#b5872ff2;--select-glow:#b5872f80;--win-ring:#b5872f;--win-glow:#b5872fb3;--btn-bg:#fffaf0b8;--btn-border:#3a2c1c47;--btn-text:#3a2c1c;--btn-primary-bg:#b5872f;--btn-primary-border:#946d22;--btn-primary-text:#fff;--field-bg:#fffaf0d1;--field-border:#3a2c1c47;--control-radius:8px;--control-border-width:1px;--status-bg:#3a2c1c1a;--status-text:#3a2c1c;--status-win-bg:#b5872f;--status-win-text:#fff}:root[data-skin=bauhaus]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Futura", "Century Gothic", "Twentieth Century", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;--font-body:"Futura", "Century Gothic", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;--title-spacing:.16em;--title-transform:uppercase;--title-weight:700;--bg:#f4ece0;--bg-image:radial-gradient(38% 40% at 0% 0%, #d6452f29, transparent 70%), radial-gradient(44% 44% at 100% 0%, #2c6e9c29, transparent 70%), radial-gradient(48% 42% at 100% 100%, #f0b42933, transparent 72%);--bg-texture:none;--text:#1b1b1b;--text-muted:#1b1b1b99;--text-strong:#000;--link:#2c6e9c;--accent:#d6452f;--accent-strong:#b8351f;--accent-contrast:#fff;--accent-2:#2c6e9c;--accent-2-soft:#6f9fc0;--surface:#fbf7f0;--surface-2:#f4ece0;--surface-border:#111;--surface-radius:0px;--board-bg:#111;--board-frame-bg:transparent;--frame-radius:0px;--frame-shadow:none;--board-pad:20px;--board-gap:3px;--board-radius:0px;--board-shadow:10px 10px 0 #111;--cell-light:#faf6ee;--cell-dark:#e7ddca;--cell-radius:0px;--cell-hover:brightness(.95);--piece-v-bg:#141414;--piece-v-border:2px solid #000;--piece-v-shadow:none;--piece-h-bg:#fbf7f0;--piece-h-border:2px solid #111;--piece-h-shadow:none;--dot-v:#141414;--dot-v-border:#000;--dot-h:#fbf7f0;--dot-h-border:#111;--edge-vert-bg:#d6452f;--edge-vert-text:#fff;--edge-vert-shadow:none;--edge-horiz-bg:#2c6e9c;--edge-horiz-text:#fff;--edge-horiz-shadow:none;--hint-place:#2c6e9c;--hint-move:#d6452f;--select-ring:#d6452f;--select-glow:#d6452f66;--win-ring:#f0b429;--win-glow:#f0b429bf;--btn-bg:#fbf7f0;--btn-border:#111;--btn-text:#111;--btn-primary-bg:#d6452f;--btn-primary-border:#111;--btn-primary-text:#fff;--field-bg:#fbf7f0;--field-border:#111;--control-radius:0px;--control-border-width:2px;--status-bg:#11111112;--status-text:#111;--status-win-bg:#f0b429;--status-win-text:#111}:root[data-skin=synthwave]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Bahnschrift", "DIN Condensed", "Oswald", "Arial Narrow", "Impact", system-ui, sans-serif;--font-body:"Bahnschrift", "Segoe UI", system-ui, sans-serif;--title-spacing:.14em;--title-transform:uppercase;--title-weight:700;--bg:#0d0a1f;--bg-image:linear-gradient(transparent 74%, #46e6ff1a 82%, #46e6ff3d 88%, transparent 94%), repeating-linear-gradient(0deg, transparent 0 39px, #46e6ff0f 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, #ff2ea00d 39px 40px), radial-gradient(120% 72% at 50% 2%, #ff2ea033, transparent 60%), linear-gradient(#0d0a1f, #140a27 60%, #1a0c33);--bg-texture:repeating-linear-gradient(0deg, #00000038 0 1px, transparent 1px 3px);--bg-texture-opacity:1;--text:#eafcff;--text-muted:#b4e6ff9e;--text-strong:#fff;--link:#46e6ff;--accent:#ff2ea0;--accent-strong:#ff5cb8;--accent-contrast:#0d0a1f;--accent-2:#46e6ff;--accent-2-soft:#9af0ff;--surface:#46e6ff0f;--surface-2:#ff2ea00d;--surface-border:#46e6ff52;--surface-radius:10px;--board-bg:#2a1840;--board-frame-bg:transparent;--frame-radius:0px;--frame-shadow:none;--board-pad:20px;--board-gap:2px;--board-radius:8px;--board-shadow:0 0 0 1px #46e6ff8c, 0 0 22px #ff2ea073, 0 0 46px #46e6ff42;--cell-light:#1e1338;--cell-dark:#181030;--cell-radius:0px;--cell-hover:brightness(1.5);--piece-v-bg:radial-gradient(circle at 38% 32%, #ff7ac6, #c01277 75%);--piece-v-border:1px solid #ff2ea0;--piece-v-shadow:0 0 10px #ff2ea0cc, 0 0 4px #ff2ea0e6;--piece-h-bg:radial-gradient(circle at 38% 32%, #b6f6ff, #16b6d8 78%);--piece-h-border:1px solid #46e6ff;--piece-h-shadow:0 0 10px #46e6ffcc, 0 0 4px #46e6ffe6;--dot-v:#ff2ea0;--dot-v-border:#ff8ace;--dot-h:#46e6ff;--dot-h-border:#b6f6ff;--edge-vert-bg:#ff2ea0;--edge-vert-text:#0d0a1f;--edge-vert-shadow:0 0 10px #ff2ea0e6;--edge-horiz-bg:#46e6ff;--edge-horiz-text:#0d0a1f;--edge-horiz-shadow:0 0 10px #46e6ffe6;--hint-place:#46e6ffeb;--hint-move:#ff2ea0eb;--select-ring:#46e6fff2;--select-glow:#46e6ffb3;--win-ring:#ff2ea0;--win-glow:#ff2ea0e6;--btn-bg:#46e6ff14;--btn-border:#46e6ff80;--btn-text:#eafcff;--btn-primary-bg:linear-gradient(120deg, #ff2ea0, #c01277);--btn-primary-border:#ff2ea0;--btn-primary-text:#fff;--field-bg:#140a27b8;--field-border:#46e6ff6b;--control-radius:6px;--control-border-width:1px;--status-bg:#46e6ff1a;--status-text:#eafcff;--status-win-bg:#ff2ea0;--status-win-text:#0d0a1f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:var(--bg-image);background-color:var(--bg);position:fixed;inset:0}body:after{content:"";z-index:9999;pointer-events:none;background:var(--bg-texture);opacity:var(--bg-texture-opacity);position:fixed;inset:0}.rules-screen{--serif:var(--font-display);--gold:var(--accent);--purple:var(--accent-2);--purple-soft:var(--accent-2-soft);--green:var(--hint-place);--amber:var(--hint-move);--ink:var(--text);--muted:var(--text-muted);min-height:100%;color:var(--ink);background:0 0}.rules-topbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-border);align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.back-btn{background:var(--surface);color:var(--ink);border:1px solid var(--surface-border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .95rem;font-size:.86rem;font-weight:600;transition:background-color .18s,transform .18s;display:inline-flex}.back-btn:hover{background:color-mix(in srgb, var(--ink) 12%, transparent)}.back-btn:active{transform:scale(.96)}.back-btn span{font-size:1.05em;line-height:1}.topbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.rules-content{max-width:640px;margin:0 auto;padding:1.75rem 1.25rem 3.5rem}.rules-hero{text-align:center;margin-bottom:2.5rem;animation:.5s ease-out both rule-in}.hero-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem;font-size:.78rem}.hero-title{font-family:var(--serif);font-weight:var(--title-weight);letter-spacing:.01em;color:var(--text-strong);margin:0;font-size:clamp(2.1rem,8vw,3rem);line-height:1.05}.hero-lede{max-width:30rem;color:var(--muted);margin:.85rem auto 0;font-size:1rem;line-height:1.6}.rule{border-top:1px solid var(--surface-border);animation:.5s ease-out both rule-in;animation-delay:calc(var(--i,0) * 80ms);margin-top:2rem;padding-top:2rem}.rule-head{align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.rule-num{font-family:var(--serif);font-size:2.4rem;font-weight:var(--title-weight);color:var(--gold);opacity:.85;font-variant-numeric:lining-nums;flex:none;line-height:1}.rule-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--purple-soft);margin:0;font-size:.72rem}.rule-title{font-family:var(--serif);font-weight:var(--title-weight);color:var(--text-strong);margin:.15rem 0 0;font-size:1.55rem;line-height:1.15}.rule-body p{color:var(--ink);margin:0 0 .5rem;font-size:.98rem;line-height:1.65}.demo{flex-direction:column;align-items:center;gap:.7rem;margin:1.25rem auto .25rem;display:flex}.demo figcaption{text-align:center;max-width:22rem;color:var(--muted);font-size:.86rem;line-height:1.5}.demo figcaption strong{color:var(--ink);font-weight:700}.demo-pair{flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin-top:.5rem;display:flex}.demo-pair .demo{flex:220px;max-width:280px;margin-top:.75rem}.callout{background:color-mix(in srgb, var(--purple) 14%, transparent);border-left:3px solid var(--purple);border-radius:6px;padding:.85rem 1.05rem;color:var(--ink)!important;margin-top:1.4rem!important;font-size:.92rem!important}.callout em{color:var(--gold);font-style:normal;font-weight:700}.flavor{background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:var(--surface-radius);animation:.5s ease-out both rule-in;animation-delay:calc(var(--i,0) * 80ms);margin-top:2.5rem;padding:1.4rem 1.5rem}.flavor h3{font-family:var(--serif);font-size:1.3rem;font-weight:var(--title-weight);color:var(--gold);margin:0 0 .5rem}.flavor p{color:var(--ink);margin:0;line-height:1.65}.flavor em{color:var(--purple-soft);font-style:italic}.rules-cta{text-align:center;margin-top:2.75rem}.cta-btn{letter-spacing:.02em;min-width:16rem;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:var(--control-border-width) solid var(--btn-primary-border);border-radius:var(--control-radius);cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb, var(--btn-primary-border) 42%, transparent);padding:.95rem 2rem;font-family:inherit;font-size:1.02rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-block}.cta-btn:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--btn-primary-border) 52%, transparent);filter:brightness(1.06);transform:translateY(-2px)}.cta-btn:active{transform:translateY(0)}@keyframes rule-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mini-frame{margin:0;padding:9px;display:inline-block;position:relative}.mini-grid{--cell:32px;grid-template-columns:repeat(var(--n), var(--cell));background:var(--board-bg);border-radius:6px;gap:3px;padding:3px;display:grid;box-shadow:0 6px 16px #00000059}.m-cell{width:var(--cell);aspect-ratio:1;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.m-light{background:var(--cell-light)}.m-dark{background:var(--cell-dark)}.m-piece{border-radius:50%;width:74%;height:74%;box-shadow:0 2px 3px #00000073}.m-piece-v{background:var(--piece-v-bg);border:var(--piece-v-border)}.m-piece-h{background:var(--piece-h-bg);border:var(--piece-h-border)}.m-mark{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-mark-ok{background:var(--green);width:32%;height:32%;box-shadow:0 0 7px var(--green);border-radius:50%}.m-mark-path{background:color-mix(in srgb, var(--ink) 34%, transparent);border-radius:50%;width:24%;height:24%}.m-mark-dest{border:3px solid var(--amber);box-sizing:border-box;border-radius:50%;width:60%;height:60%}.m-mark-no{width:52%;height:52%}.m-mark-no:before,.m-mark-no:after{content:"";background:#ff7886bf;border-radius:2px;width:100%;height:2.5px;position:absolute;top:50%;left:0}.m-mark-no:before{transform:translateY(-50%)rotate(45deg)}.m-mark-no:after{transform:translateY(-50%)rotate(-45deg)}.m-mark-win{width:auto;height:auto;box-shadow:inset 0 0 0 3px var(--win-ring), 0 0 9px var(--win-glow);border-radius:3px;inset:0;transform:none}.m-goal{border-radius:3px;position:absolute}.m-goal-n,.m-goal-s{background:var(--edge-vert-bg);height:5px;left:9px;right:9px}.m-goal-n{top:1px}.m-goal-s{bottom:1px}.m-goal-w,.m-goal-e{background:var(--edge-horiz-bg);width:5px;top:9px;bottom:9px}.m-goal-w{left:1px}.m-goal-e{right:1px}.m-arrow,.m-forbidden{pointer-events:none;position:absolute;inset:9px}.m-arrow line{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0009)}.m-forbidden line{fill:none;stroke:#ff5a6e;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 1px 3px #000000b3)}@media (prefers-reduced-motion:reduce){.rules-hero,.rule,.flavor{animation:none!important}.back-btn,.cta-btn{transition:none!important}}.profile-screen{--win:#2faa78;--loss:#d75a6a;flex-direction:column;align-items:center;gap:1.4rem;min-height:100%;padding:1.25rem 1rem 3rem;display:flex}.profile-screen>:not(.screen-topbar){width:100%;max-width:32rem}.profile-offline{color:var(--text-muted);text-align:center;margin-top:2rem}.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.profile-avatar{width:5.25rem;height:5.25rem;font-family:var(--font-display);color:var(--accent-contrast);background:radial-gradient(circle at 35% 28%, var(--accent-strong,var(--accent)), var(--accent) 70%);box-shadow:0 0 0 4px var(--select-glow), var(--board-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:2.4rem;font-weight:700;display:inline-flex}.profile-name{font-family:var(--font-display);color:var(--text-strong);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:1.7rem;font-weight:600;line-height:1.1}.profile-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.profile-method{letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:.18rem .55rem;font-size:.7rem;font-weight:700}.profile-method.is-signed{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.profile-method.is-guest{background:color-mix(in srgb, var(--text-muted) 18%, transparent);color:var(--text-muted)}.profile-since{color:var(--text-muted);font-size:.82rem}.profile-guest{background:var(--surface);border:var(--control-border-width,1px) solid var(--surface-border);border-radius:var(--surface-radius);align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.profile-guest-text{color:var(--text-muted);flex:1;margin:0;font-size:.86rem;line-height:1.4}.profile-guest .btn{flex:none}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.profile-tile{background:var(--surface);border:var(--control-border-width,1px) solid var(--surface-border);border-radius:var(--surface-radius);flex-direction:column;align-items:center;gap:.2rem;padding:1rem .5rem;display:flex}.profile-tile-value{font-family:var(--font-display);color:var(--text-strong);font-size:1.9rem;font-weight:700;line-height:1}.profile-tile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem}.profile-section-title{font-family:var(--font-display);color:var(--text);margin:0 0 .6rem;font-size:1.05rem;font-weight:600}.profile-hint{color:var(--text-muted);margin:0;font-size:.86rem}.mh-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.mh-row{background:var(--surface);border:var(--control-border-width,1px) solid var(--surface-border);border-radius:var(--surface-radius);align-items:center;gap:.75rem;padding:.6rem .7rem;display:flex}.mh-result{width:1.85rem;height:1.85rem;font-family:var(--font-display);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.mh-result.is-win{background:color-mix(in srgb, var(--win) 20%, transparent);color:var(--win)}.mh-result.is-loss{background:color-mix(in srgb, var(--loss) 20%, transparent);color:var(--loss)}.mh-result.is-draw{background:color-mix(in srgb, var(--text-muted) 20%, transparent);color:var(--text-muted)}.mh-row-button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.mh-row-button:hover{border-color:var(--accent);transform:translateY(-1px)}.mh-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.mh-opp{min-width:0;color:var(--text);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.mh-opp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mh-vs{color:var(--text-muted);font-size:.82rem}.mh-mode-badge{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);border-radius:100px;flex:none;padding:.1rem .4rem;font-size:.56rem;font-weight:700}.mh-review{color:var(--text-muted);border:var(--control-border-width,1px) solid var(--surface-border);border-radius:100px;flex:none;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.74rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.mh-row-button:hover .mh-review{color:var(--accent);border-color:var(--accent)}.mh-sub{color:var(--text-muted);font-size:.76rem}.mh-time{color:var(--text-muted);flex:none;font-size:.78rem}.profile-empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--surface-border);border-radius:var(--surface-radius);flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1rem;display:flex}.profile-empty-title{font-family:var(--font-display);color:var(--text);margin:.3rem 0 0;font-size:1.05rem}.replay-screen{flex-direction:column;align-items:center;gap:1rem;min-height:100%;padding:1.25rem 1rem 2.5rem;display:flex}.replay-hint{color:var(--text-muted);margin-top:2rem}.replay-meta{text-align:center;max-width:92vw;color:var(--text-muted);margin:0;font-size:.84rem}.replay-status{font-family:var(--font-display);color:var(--text);font-size:.95rem}.replay-slider{width:min(92vw,28rem);accent-color:var(--accent);cursor:pointer}.replay-controls{align-items:center;gap:.5rem;display:flex}.replay-controls .btn{min-width:3rem;font-size:1.05rem;line-height:1}.engine-select{flex-direction:column;align-items:center;gap:1.1rem;min-height:100%;padding:1.25rem 1rem 2.5rem;display:flex}.engine-select>:not(.screen-topbar){width:100%;max-width:30rem}.engine-list{flex-direction:column;gap:.6rem;display:flex}.engine-card{text-align:left;background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);width:100%;color:var(--text);cursor:pointer;animation:.4s backwards engine-rise;animation-delay:calc(var(--i,0) * 55ms);align-items:center;gap:.9rem;padding:.85rem 1rem;transition:border-color .16s,box-shadow .16s;display:flex}.engine-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--surface-border))}.engine-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--select-glow);outline:none}.engine-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px var(--select-glow)}.engine-meter{flex:none;align-items:flex-end;gap:3px;height:1.7rem;display:flex}.meter-bar{background:var(--surface-border);border-radius:2px;width:4px;transition:background .16s}.meter-bar:first-child{height:28%}.meter-bar:nth-child(2){height:46%}.meter-bar:nth-child(3){height:64%}.meter-bar:nth-child(4){height:82%}.meter-bar:nth-child(5){height:100%}.meter-bar.is-on{background:var(--accent)}.engine-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.engine-name{font-family:var(--font-display);color:var(--text-strong);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.engine-blurb{color:var(--text-muted);font-size:.8rem;line-height:1.35}.engine-rec{letter-spacing:.12em;color:#fff;background:#d8453a;border-radius:100px;align-items:center;gap:.3rem;padding:.12rem .4rem .12rem .34rem;font-size:.58rem;font-weight:800;display:inline-flex}.engine-rec:before{content:"";background:#fff;border-radius:50%;width:.42rem;height:.42rem}.engine-radio{border:2px solid var(--surface-border);border-radius:50%;flex:none;width:1.15rem;height:1.15rem;transition:border-color .16s,background .16s}.engine-card.is-selected .engine-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 42%, transparent 48%)}.engine-side{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.engine-side-label{color:var(--text-muted);font-size:.9rem}.side-toggle{background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:100px;display:inline-flex;overflow:hidden}.side-opt{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.88rem;transition:background .16s,color .16s;display:inline-flex}.side-opt.is-on{background:var(--accent);color:var(--accent-contrast)}.side-sub{opacity:.8;font-size:.74rem}.engine-legend{color:var(--text-muted);opacity:.75;align-items:center;gap:.5rem;margin:0;font-size:.8rem;line-height:1.4;transition:opacity .16s;display:flex}.engine-legend.is-active{opacity:1;color:var(--text)}.engine-start{width:100%}@keyframes engine-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.engine-card{animation:none}}.skin-group{align-items:center}.skin-swatches{gap:.55rem;display:flex}.skin-swatch{cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:.32rem;padding:0;display:flex}.skin-swatch-chip{background:var(--sw-bg);border-radius:10px;width:40px;height:40px;transition:transform .16s,box-shadow .16s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #80808066}.skin-swatch:hover .skin-swatch-chip{transform:translateY(-2px)}.skin-swatch:focus-visible{outline:none}.skin-swatch:focus-visible .skin-swatch-chip{box-shadow:0 0 0 2px var(--sw-accent), 0 0 0 4px #80808059}.skin-swatch.is-active .skin-swatch-chip{box-shadow:0 0 0 2px var(--sw-accent), 0 5px 13px #00000061}.skin-swatch-v,.skin-swatch-h{border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translateY(-60%);box-shadow:0 1px 2px #00000073}.skin-swatch-v{background:var(--sw-v);left:7px}.skin-swatch-h{background:var(--sw-h);right:7px}.skin-swatch-accent{background:var(--sw-accent);height:7px;position:absolute;bottom:0;left:0;right:0}.skin-swatch-name{letter-spacing:.04em;color:var(--text-muted);font-size:.66rem;transition:color .16s}.skin-swatch.is-active .skin-swatch-name{color:var(--text);font-weight:600}.game-screen{text-align:center;flex-direction:column;align-items:center;gap:1rem;min-height:100%;padding:1.25rem 1rem 2.5rem;display:flex}.game-header h1{font-family:var(--font-display);font-weight:var(--title-weight);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);color:var(--text-strong);margin:0;font-size:2.6rem}.subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.rules-link{color:var(--link);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;margin-top:.5rem;padding:.15rem .2rem;font-size:.82rem;transition:color .18s,border-color .18s}.rules-link:before{vertical-align:.06em;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:1.05em;height:1.05em;margin-right:.4em;font-size:.72em;font-weight:700;display:inline-flex}.link-help:before{content:"?"}.link-online:before{content:"⇄";font-size:.82em}.rules-link:hover{color:var(--accent-2-soft);border-color:color-mix(in srgb, var(--accent-2-soft) 55%, transparent)}.header-links{flex-wrap:wrap;justify-content:center;gap:1.1rem;display:flex}.status-slot{justify-content:center;align-items:center;width:100%;min-height:3.6rem;display:flex}.status{background:var(--status-bg);min-height:1.2em;color:var(--status-text);text-align:center;text-wrap:balance;border-radius:999px;justify-content:center;align-items:center;max-width:92vw;padding:.55rem 1rem;font-size:.95rem;font-weight:500;line-height:1.3;transition:background-color .3s,color .3s;display:inline-flex}.status-win{background:var(--status-win-bg);color:var(--status-win-text);letter-spacing:.02em;font-weight:700;animation:.45s cubic-bezier(.34,1.56,.64,1) status-pop}.handover-note{text-align:center;color:var(--accent);margin:0;font-size:.82rem}.ai-setup-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.ai-setup-info{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.86rem;display:inline-flex}.ai-setup-vs{font-family:var(--font-display);color:var(--text)}.ai-rec-chip{letter-spacing:.12em;color:#fff;background:#d8453a;border-radius:100px;align-items:center;gap:.28rem;padding:.1rem .36rem .1rem .3rem;font-size:.55rem;font-weight:800;display:inline-flex}.ai-rec-chip:before{content:"";background:#fff;border-radius:50%;width:.38rem;height:.38rem}@keyframes status-pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}.thinking-dots{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.thinking-dots i{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite dot-bounce}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes dot-bounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:.9;transform:translateY(-4px)}}.board-frame{padding:var(--board-pad);background:var(--board-frame-bg);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow);animation:.5s ease-out both board-in;position:relative}@keyframes board-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.edge{letter-spacing:.1em;border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute}.edge-n,.edge-s{left:var(--board-pad);right:var(--board-pad);height:var(--edge-size);background:var(--edge-vert-bg);color:var(--edge-vert-text);box-shadow:var(--edge-vert-shadow)}.edge-n{top:0}.edge-s{bottom:0}.edge-w,.edge-e{top:var(--board-pad);bottom:var(--board-pad);width:var(--edge-size);background:var(--edge-horiz-bg);color:var(--edge-horiz-text);box-shadow:var(--edge-horiz-shadow)}.edge-w{left:0}.edge-e{right:0}.board{gap:var(--board-gap);width:min(calc(92vw - 2 * var(--board-pad)), var(--board-max));aspect-ratio:1;background:var(--board-bg);border-radius:var(--board-radius);box-shadow:var(--board-shadow);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;container-type:inline-size}.cell{aspect-ratio:1;border-radius:var(--cell-radius);cursor:pointer;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:filter .12s,box-shadow .18s;display:flex;position:relative}.cell-light{background:var(--cell-light)}.cell-dark{background:var(--cell-dark)}.cell:not(:disabled):hover{filter:var(--cell-hover)}.cell:disabled{cursor:default}.piece{width:var(--piece-size);height:var(--piece-size);border-radius:var(--piece-radius)}.piece-v{background:var(--piece-v-bg);border:var(--piece-v-border);box-shadow:var(--piece-v-shadow)}.piece-h{background:var(--piece-h-bg);border:var(--piece-h-border);box-shadow:var(--piece-h-shadow)}.piece-move-in{will-change:transform;animation:.26s cubic-bezier(.22,.61,.36,1) both piece-slide}@keyframes piece-slide{0%{transform:translate(calc(var(--dx) * (12.5cqw + var(--board-gap) / 8)), calc(var(--dy) * (12.5cqw + var(--board-gap) / 8)))}to{transform:translate(0)}}.piece-place-in{will-change:transform, opacity;animation:.3s cubic-bezier(.34,1.56,.64,1) both piece-pop}@keyframes piece-pop{0%{opacity:0;transform:scale(.2)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.hint{pointer-events:none;position:absolute}.hint-place{background:var(--hint-place);border-radius:50%;width:30%;height:30%;animation:.2s ease-out both hint-in,1.8s ease-in-out .2s infinite hint-breathe}.hint-move{border:3px solid var(--hint-move);box-sizing:border-box;border-radius:50%;width:60%;height:60%;animation:.2s ease-out both hint-in,1.8s ease-in-out .2s infinite hint-breathe}@keyframes hint-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes hint-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.cell-place,.cell-move{filter:brightness(1.1)}.cell-arriving{z-index:5}.cell-selected{box-shadow:inset 0 0 0 3px var(--select-ring);z-index:1;animation:1.3s ease-in-out infinite select-pulse}@keyframes select-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--select-ring)}50%{box-shadow:inset 0 0 0 3px var(--select-glow), 0 0 10px var(--select-glow)}}.cell-win{z-index:1;animation:.32s ease-out both win-reveal,1.2s ease-in-out infinite alternate win-shimmer;animation-delay:calc(var(--win-order,0) * 70ms), calc(var(--win-order,0) * 70ms + .32s)}@keyframes win-reveal{0%{filter:brightness();box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 0 0 3px var(--win-ring);filter:brightness(1.18)}}@keyframes win-shimmer{0%{box-shadow:inset 0 0 0 3px var(--win-ring), 0 0 2px var(--win-glow);filter:brightness(1.05)}to{box-shadow:inset 0 0 0 3px var(--win-ring), 0 0 16px var(--win-glow);filter:brightness(1.45)}}.supply{color:var(--text-muted);gap:1.25rem;font-size:.85rem;display:flex}.supply-item{align-items:center;gap:.4rem;display:inline-flex}.dot{border-radius:50%;width:14px;height:14px}.dot-v{background:var(--dot-v);border:1px solid var(--dot-v-border)}.dot-h{background:var(--dot-h);border:1px solid var(--dot-h-border)}.controls{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.85rem;margin-top:.25rem;display:flex}.control-group{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem}.control-group select{background:var(--field-bg);color:var(--text);border:var(--control-border-width) solid var(--field-border);border-radius:var(--control-radius);padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.buttons{gap:.6rem;display:flex}.btn{background:var(--btn-bg);color:var(--btn-text);border:var(--control-border-width) solid var(--btn-border);border-radius:var(--control-radius);cursor:pointer;padding:.55rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600}.btn:not(:disabled):hover{filter:brightness(1.2)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.board-frame,.piece-move-in,.piece-place-in,.hint-place,.hint-move,.cell-selected,.cell-win,.status-win,.thinking-dots i{animation:none!important}.piece-move-in,.piece-place-in{transform:none!important}.cell-win{box-shadow:inset 0 0 0 3px var(--win-ring)}}.online-lobby{text-align:center;flex-direction:column;align-items:center;gap:1rem;min-height:100%;padding:2rem 1rem 2.5rem;display:flex}.lobby-card{background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);width:min(92vw,420px);box-shadow:var(--board-shadow);flex-direction:column;gap:1.1rem;padding:1.6rem 1.4rem;display:flex}.lobby-create{width:100%;padding:.85rem 1rem;font-size:1.02rem}.lobby-divider{color:var(--text-muted);letter-spacing:.03em;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:var(--surface-border);flex:1;height:1px}.lobby-join{gap:.5rem;display:flex}.lobby-code-input{min-width:0;font-family:var(--font-display);letter-spacing:.28em;text-align:center;text-transform:uppercase;color:var(--text-strong);background:var(--field-bg);border:var(--control-border-width) solid var(--field-border);border-radius:var(--control-radius);flex:1;padding:.7rem .8rem;font-size:1.15rem;font-weight:600}.lobby-code-input::placeholder{letter-spacing:.18em;color:var(--text-muted);opacity:.7}.lobby-code-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--select-glow);outline:none}.lobby-mode{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.lobby-mode-dot{background:var(--hint-move);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0}.lobby-mode.is-live .lobby-mode-dot{background:var(--hint-place)}.lobby-hint{max-width:min(92vw,420px);color:var(--text-muted);font-size:.82rem;line-height:1.5}.invite-panel{background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);width:min(92vw,420px);box-shadow:var(--board-shadow);flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.4rem;display:flex}.invite-label{color:var(--text-muted);font-size:.82rem}.invite-help{color:var(--text-muted);max-width:34ch;font-size:.82rem;line-height:1.5}.invite-panel .buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.invite-code{font-family:var(--font-display);letter-spacing:.32em;text-indent:.32em;color:var(--accent);font-size:2.4rem;font-weight:700}.room-tag{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent)}.btn-small{padding:.4rem .7rem;font-size:.82rem}.btn-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0}.btn-google:hover{background:#f7f8f8}.rating-line{font-family:var(--font-display);letter-spacing:.01em;color:var(--accent);padding:.2rem .6rem;font-size:1.05rem;font-weight:600}.main-menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:100%;padding:2.5rem 1.25rem 3rem;display:flex}.menu-header{flex-direction:column;align-items:center;gap:.4rem;display:flex}.menu-wordmark{font-family:var(--font-display);font-weight:var(--title-weight);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);color:var(--text-strong);margin:0;font-size:clamp(3.2rem,14vw,4.6rem);line-height:.95}.menu-tagline{color:var(--text-muted);max-width:28ch;margin:0;font-size:.95rem}.menu-list{flex-direction:column;gap:.75rem;width:min(92vw,420px);display:flex}.menu-item{text-align:left;background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:flex}.menu-item:hover{border-color:var(--accent);box-shadow:var(--board-shadow);transform:translateY(-2px)}.menu-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--select-glow);outline:none}.menu-item:active{transform:translateY(0)}.menu-item-accent{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.menu-item-accent .menu-subtitle{color:color-mix(in srgb, var(--btn-primary-text) 72%, transparent)}.menu-item-accent .menu-icon,.menu-item-accent .menu-arrow{color:var(--btn-primary-text)}.menu-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:2.6rem;height:2.6rem;color:var(--accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.menu-item-accent .menu-icon{background:color-mix(in srgb, var(--btn-primary-text) 16%, transparent)}.menu-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.menu-title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.12rem;font-weight:600}.menu-subtitle{color:var(--text-muted);font-size:.82rem;line-height:1.3}.menu-arrow{color:var(--text-muted);flex:none;font-size:1.1rem;transition:transform .18s}.menu-item:hover .menu-arrow{transform:translate(3px)}.menu-footer{flex-direction:column;align-items:center;gap:1.1rem;width:min(92vw,420px);display:flex}.screen-topbar{grid-template-columns:1fr auto 1fr;align-items:center;width:min(96vw,560px);margin-bottom:.25rem;display:grid}.icon-back{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:.3rem;padding:.4rem .2rem;font-size:.9rem;transition:color .18s;display:inline-flex}.icon-back:hover{color:var(--accent-2-soft)}.screen-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);justify-self:center;font-size:.95rem;font-weight:600}.icon-help{border:1px solid var(--surface-border);background:var(--surface);width:1.9rem;height:1.9rem;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;justify-self:end;align-items:center;font-size:.9rem;font-weight:700;transition:color .18s,border-color .18s;display:inline-flex}.icon-help:hover{color:var(--accent);border-color:var(--accent)}.topbar-spacer{justify-self:end}.topbar-left{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.topbar-with-fab{padding-right:3.2rem}.online-hub{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;min-height:100%;padding:1.25rem 1rem 2.5rem;display:flex}.hub-list{flex-direction:column;gap:.75rem;width:min(92vw,420px);display:flex}.hub-card{text-align:left;background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.hub-card:hover{border-color:var(--accent);box-shadow:var(--board-shadow);transform:translateY(-2px)}.hub-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--select-glow);outline:none}.hub-card:active{transform:translateY(0)}.hub-card-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.hub-card-primary .hub-subtitle{color:color-mix(in srgb, var(--btn-primary-text) 72%, transparent)}.hub-card-primary .hub-icon,.hub-card-primary .hub-arrow{color:var(--btn-primary-text)}.hub-card-ranked{border-color:color-mix(in srgb, var(--accent) 42%, transparent)}.hub-card-disabled{opacity:.55;cursor:default}.hub-card-disabled:hover{border-color:var(--surface-border);box-shadow:none;transform:none}.hub-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:2.6rem;height:2.6rem;color:var(--accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hub-card-primary .hub-icon{background:color-mix(in srgb, var(--btn-primary-text) 16%, transparent)}.hub-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.hub-title{font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.12rem;font-weight:600;display:flex}.hub-subtitle{color:var(--text-muted);font-size:.82rem;line-height:1.3}.hub-arrow{color:var(--text-muted);flex:none;font-size:1.1rem;transition:transform .18s}.hub-card:hover .hub-arrow{transform:translate(3px)}.hub-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:.12rem .45rem;font-size:.6rem;font-weight:700}.hub-badge-rank{background:var(--accent);color:var(--accent-contrast)}.hub-badge-soon{background:color-mix(in srgb, var(--text-muted) 20%, transparent);color:var(--text-muted)}.hub-lock{color:var(--text-muted);opacity:.7;justify-content:center;align-items:center;display:inline-flex}.match-search{text-align:center;flex-direction:column;align-items:center;gap:1rem;min-height:100%;padding:1.25rem 1rem 2.5rem;display:flex}.search-card{background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--surface-radius);flex-direction:column;align-items:center;gap:1rem;width:min(92vw,420px);margin-top:2rem;padding:2rem 1.5rem;display:flex}.search-title{font-family:var(--font-display);color:var(--text-strong);align-items:center;gap:.4rem;margin:0;font-size:1.4rem;font-weight:600;display:inline-flex}.search-meta{font-family:var(--font-mono,monospace);letter-spacing:.05em;color:var(--accent);margin:0;font-size:.85rem}.search-activity{color:var(--text-muted);align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:inline-flex}.live-dot{background:var(--text-muted);opacity:.5;border-radius:50%;flex:none;width:7px;height:7px}.live-dot-on{opacity:1;background:#46d17f;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #46d17f8c}70%{box-shadow:0 0 0 6px #46d17f00}to{box-shadow:0 0 #46d17f00}}.search-note{color:var(--text-muted);max-width:30ch;margin:0;font-size:.86rem;line-height:1.5}.search-orbit{width:4.5rem;height:4.5rem;margin-bottom:.4rem;animation:2.4s linear infinite search-spin;position:relative}.search-dot{border-radius:50%;width:1.1rem;height:1.1rem;margin-left:-.55rem;position:absolute;left:50%}.search-dot-v{box-shadow:0 0 10px var(--select-glow);background:radial-gradient(circle at 35% 30%,#ffe488,#ffd54a 55%,#ecae28);top:0}.search-dot-h{background:radial-gradient(circle at 35% 30%,#fff,#d7d8e6 70%,#aeb0c6);bottom:0}@keyframes search-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.search-orbit{animation:none}}.account-fab{top:max(.85rem, env(safe-area-inset-top));right:max(.85rem, env(safe-area-inset-right));z-index:1000;background:var(--surface);border:var(--control-border-width) solid var(--surface-border);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:100px;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .3rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:fixed}.account-fab:hover{border-color:var(--accent);box-shadow:var(--board-shadow);transform:translateY(-1px)}.account-fab-avatar{background:var(--accent);width:1.85rem;height:1.85rem;color:var(--accent-contrast);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.account-fab-rating{font-family:var(--font-display);color:var(--accent);padding-right:.15rem;font-size:.82rem;font-weight:700}.drawer-root{z-index:10000;pointer-events:none;visibility:hidden;position:fixed;inset:0}.drawer-root.is-open{pointer-events:auto;visibility:visible}.drawer-scrim{opacity:0;background:#06060e8c;transition:opacity .28s;position:absolute;inset:0}.drawer-root.is-open .drawer-scrim{opacity:1}.drawer-panel{background:var(--bg);border-left:1px solid var(--surface-border);flex-direction:column;width:min(92vw,400px);height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0006}.drawer-root.is-open .drawer-panel{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--surface-border);flex:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.drawer-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-strong);font-size:1.1rem;font-weight:600}.drawer-close{border:1px solid var(--surface-border);background:var(--surface);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:color .18s,border-color .18s;display:inline-flex}.drawer-close:hover{color:var(--accent);border-color:var(--accent)}.drawer-body{-webkit-overflow-scrolling:touch;padding:1.1rem 1.2rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:1.1rem;display:flex;overflow-y:auto}.acc-identity{align-items:center;gap:.9rem;display:flex}.acc-avatar{background:var(--accent);width:3rem;height:3rem;color:var(--accent-contrast);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:inline-flex}.acc-id-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.acc-name{font-family:var(--font-display);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:600;line-height:1.05;overflow:hidden}.acc-method{letter-spacing:.04em;border-radius:100px;width:fit-content;padding:.1rem .5rem;font-size:.74rem}.acc-method.is-signed{background:color-mix(in srgb, var(--hint-place) 22%, transparent);color:var(--hint-place)}.acc-method.is-guest{background:var(--surface-2);color:var(--text-muted)}.acc-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.acc-stat{background:var(--surface);border:var(--control-border-width) solid var(--surface-border);border-radius:var(--control-radius);flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .3rem;display:flex}.acc-stat-value{font-family:var(--font-display);color:var(--accent);font-size:1.35rem;font-weight:700}.acc-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem}.acc-profile-btn{justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.acc-profile-arrow{transition:transform .18s}.acc-profile-btn:hover .acc-profile-arrow{transform:translate(3px)}.acc-section{border-top:1px solid var(--surface-border);flex-direction:column;gap:.6rem;padding-top:1.1rem;display:flex}.acc-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:600}.acc-muted{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.5}.acc-value{color:var(--text);font-size:.9rem}.acc-row{gap:.5rem;display:flex}.acc-grow{flex:1;min-width:0}.acc-stack{flex-direction:column;gap:.5rem;display:flex}.acc-line{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field{font:inherit;color:var(--text-strong);background:var(--field-bg);border:var(--control-border-width) solid var(--field-border);border-radius:var(--control-radius);padding:.6rem .7rem;font-size:.9rem}.field:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--select-glow);outline:none}.acc-danger{border-top-color:color-mix(in srgb, #ff5a6e 40%, var(--surface-border))}.btn-danger{color:#ff8089;background:#ff5a6e2e;border:1px solid #ff5a6e8c}.btn-danger:hover{color:#fff;background:#ff5a6e47;border-color:#ff5a6e}.acc-notice{color:var(--text-muted);text-align:center;padding:.4rem;font-size:.84rem}@media (prefers-reduced-motion:reduce){.drawer-panel,.drawer-scrim{transition:none}}.tournament-hub,.tournament-lobby{flex-direction:column;gap:1.1rem;width:100%;max-width:34rem;min-height:100%;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:flex}.tournament-hub>.screen-topbar,.tournament-lobby>.screen-topbar,.tournament-hub>:last-child,.tournament-lobby>:last-child{margin-bottom:auto}.t-error{color:#ff8f8f;text-align:center;margin:0;font-size:.86rem}.t-note{color:var(--text-muted);text-align:center;margin:.2rem 0;font-size:.84rem;line-height:1.5}.th-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(2rem,8vw,2.4rem);line-height:1.05}.th-hero p{color:var(--text-muted);max-width:36ch;margin:.4rem 0 0;font-size:.9rem;line-height:1.5}.th-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:.85rem;padding:1.15rem 1.2rem;display:flex;position:relative}.th-create:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:16px 16px 0 0;height:2px;position:absolute;inset:0 0 auto}.th-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.68rem}.th-join .th-eyebrow{color:var(--accent-2-soft)}.th-field{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.78rem;display:flex}.tournament-hub input{background:var(--surface-2);border:1px solid var(--surface-border);color:var(--text-strong);font:inherit;border-radius:10px;padding:.65rem .75rem;transition:border-color .15s,box-shadow .15s}.tournament-hub input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.th-code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--font-mono,ui-monospace, monospace);font-size:1.1rem}.th-sizes{gap:.5rem;display:flex}.th-size{border:1px solid var(--surface-border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:.7rem 0;transition:border-color .15s,background .15s,transform .1s;display:flex}.th-size:active{transform:scale(.97)}.th-size-n{font-family:var(--font-display);color:var(--text-strong);font-size:1.35rem;line-height:1}.th-size-sub{letter-spacing:.03em;font-size:.66rem}.th-size-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent)}.th-size-on .th-size-sub{color:var(--accent)}.th-card .btn{width:100%;margin-top:.15rem}.tl-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(1.7rem,6vw,2rem);line-height:1.1}.tl-hero p{color:var(--text-muted);margin:.3rem 0 0;font-size:.8rem}.tl-code{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 32%, var(--surface-border));border-radius:16px;align-items:center;gap:.8rem;padding:.85rem 1.1rem;display:flex}.tl-code-main{flex:1;min-width:0}.tl-code-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.68rem;display:block}.tl-code-val{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.22em;color:var(--accent);font-size:1.7rem;line-height:1.2;display:block}.tl-copy{flex:none}.tl-roster{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:.9rem 1.1rem}.tl-roster-head{color:var(--text-muted);justify-content:space-between;margin-bottom:.55rem;font-size:.8rem;display:flex}.tl-count{color:var(--text-strong);font-weight:600}.tl-count span{color:var(--text-muted);font-weight:400}.tl-meter{background:var(--surface-2);border-radius:999px;height:6px;margin-bottom:.75rem;overflow:hidden}.tl-meter span{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;transition:width .5s;display:block}.tl-slots{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.tl-slot{align-items:center;gap:.65rem;padding:.35rem .15rem;display:flex}.tl-ava{text-transform:uppercase;background:color-mix(in srgb, var(--accent-2) 32%, var(--surface));width:30px;height:30px;color:var(--accent-2-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.tl-ava-empty{background:var(--surface-2);border:1px dashed var(--surface-border)}.tl-slot-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;overflow:hidden}.tl-slot-empty .tl-slot-name{color:var(--text-muted);font-style:italic}.tl-host{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:4px;font-size:.64rem;display:inline-flex}.tl-ava-bot{background:var(--surface-2);color:var(--text-muted)}.tl-bot-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--surface-border);border-radius:5px;padding:1px 5px;font-size:.58rem}.tl-bot-remove{border:1px solid var(--surface-border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:color .15s,border-color .15s;display:inline-flex}.tl-bot-remove:hover{color:#d75a6a;border-color:#d75a6a}.tl-add-bot{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:0;display:flex}.tl-add-bot .tl-ava-empty{color:var(--accent-2-soft);font-size:1.1rem;transition:border-color .15s,color .15s}.tl-add-bot .tl-slot-name{color:var(--accent-2-soft);font-style:normal;transition:color .15s}.tl-add-bot:hover .tl-ava-empty{border-style:solid;border-color:var(--accent-2);color:var(--accent-2)}.tl-add-bot:hover .tl-slot-name{color:var(--accent-2)}.tl-start{width:100%}.tbk{--mh:92px;--slot:116px;--gap:2.3rem;flex-direction:column;gap:1.1rem;display:flex}.tbk-scroll{justify-content:safe center;margin:0 -1rem;padding:.4rem 1rem 1.2rem;display:flex;overflow-x:auto}.tbk-tree{align-items:stretch;min-width:max-content;display:flex}.tbk-round{animation:.5s both tbk-rise;animation-delay:calc(var(--ri,0) * 80ms);flex-direction:column;display:flex}.tbk-round-head{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:.5rem;font-size:.82rem}.tbk-round-body{flex-direction:column;flex:1;justify-content:center;display:flex}.tbk-match{box-sizing:border-box;width:158px;height:var(--mh);margin-block:calc((var(--slot) * var(--pow) - var(--mh)) / 2);margin-right:var(--gap);background:var(--surface);border:1px solid var(--surface-border);border-radius:11px;flex-direction:column;gap:2px;padding:7px 9px;display:flex;position:relative}.tbk-round:last-child .tbk-match{margin-right:0}.tbk-playing{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2), 0 0 16px color-mix(in srgb, var(--accent-2) 32%, transparent)}.tbk-mine.tbk-playing{box-shadow:0 0 0 1px var(--accent-2), 0 0 20px color-mix(in srgb, var(--accent-2) 45%, transparent)}.tbk-clickable{cursor:pointer}.tbk-round:not(:last-child) .tbk-match:after{content:"";width:calc(var(--gap) * .6);height:calc(var(--slot) * var(--pow) / 2);border-right:2px solid var(--wire,var(--surface-border));position:absolute;left:100%}.tbk-round:not(:last-child) .tbk-match:nth-child(odd):after{border-top:2px solid var(--wire,var(--surface-border));border-top-right-radius:10px;top:50%}.tbk-round:not(:last-child) .tbk-match:nth-child(2n):after{border-bottom:2px solid var(--wire,var(--surface-border));border-bottom-right-radius:10px;bottom:50%}.tbk-round:not(:last-child) .tbk-match:nth-child(odd):before{content:"";top:calc(50% + var(--slot) * var(--pow) / 2);left:calc(100% + var(--gap) * .6);width:calc(var(--gap) * .4);background:var(--wire,var(--surface-border));height:2px;margin-top:-1px;position:absolute}.tbk-round:not(:last-child) .tbk-match.tbk-done{--wire:var(--accent)}.tbk-round:not(:last-child) .tbk-match.tbk-done:after,.tbk-round:not(:last-child) .tbk-match.tbk-done:before{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 45%, transparent))}.tbk-bar{align-items:center;height:13px;display:flex}.tbk-live{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2-soft);align-items:center;gap:5px;font-size:.62rem;display:inline-flex}.tbk-mine .tbk-live{color:var(--accent-2)}.tbk-livedot{background:var(--accent-2);border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite tbk-pulse}.tbk-mine .tbk-livedot{background:var(--accent)}.tbk-played,.tbk-upcoming{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6rem}.tbk-upcoming{opacity:.65}.tbk-seat{flex:1;align-items:center;gap:7px;min-height:0;display:flex}.tbk-ava{text-transform:uppercase;background:color-mix(in srgb, var(--accent-2) 26%, var(--surface));width:22px;height:22px;color:var(--accent-2-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.tbk-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.84rem;overflow:hidden}.tbk-seed{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.62rem}.tbk-tick{color:var(--accent);display:flex}.tbk-win .tbk-name{color:var(--accent);font-weight:600}.tbk-win .tbk-ava{background:var(--accent);color:var(--accent-contrast)}.tbk-win .tbk-seed{color:var(--accent-strong)}.tbk-lose{opacity:.45}.tbk-lose .tbk-name{text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.tbk-tbd .tbk-name{color:var(--text-muted);font-style:italic}.tbk-tbd .tbk-ava{background:var(--surface-2)}.tbk-cta{text-align:left;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:100%;color:var(--text-strong);cursor:pointer;border-radius:14px;align-items:center;gap:.8rem;padding:.85rem 1rem;transition:background .15s;animation:.4s both tbk-rise;display:flex}.tbk-cta:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.tbk-cta-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 9px var(--accent);border-radius:50%;flex:none;animation:1.3s ease-in-out infinite tbk-pulse}.tbk-cta-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tbk-cta-text strong{font-size:.92rem;font-weight:600}.tbk-cta-text span{color:var(--text-muted);font-size:.76rem}.tbk-cta-go{color:var(--accent);white-space:nowrap;font-weight:600}.tbk-sim{cursor:pointer;color:var(--text-muted);text-underline-offset:2px;background:0 0;border:none;align-self:center;margin-top:-.6rem;font-size:.78rem;text-decoration:underline}.tbk-sim:hover{color:var(--accent-2-soft)}.tbk-crown{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--surface-border));background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 68%), var(--surface);border-radius:18px;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;animation:.6s cubic-bezier(.2,.8,.2,1) both tbk-rise;display:flex}.tbk-crown-trophy{color:var(--accent);animation:2.6s ease-in-out infinite tbk-glow}.tbk-crown-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.7rem}.tbk-crown-name{font-family:var(--font-display);color:var(--text-strong);font-size:clamp(1.8rem,7vw,2.2rem);line-height:1.05}@keyframes tbk-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tbk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tbk-glow{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 45%, transparent))}50%{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--accent) 75%, transparent))}}@media (prefers-reduced-motion:reduce){.tbk-round,.tbk-crown,.tbk-cta,.tbk-livedot,.tbk-cta-dot,.tbk-crown-trophy{animation:none}}body{overflow-x:clip}@media (width<=879px){.screen-topbar,.menu-list,.menu-footer,.hub-list,.lobby-card,.search-card,.invite-panel{width:min(92vw,33rem)}}@media (width>=880px){:root{--stage:680px}.online-hub,.online-lobby,.match-search,.engine-select,.game-screen,.replay-screen{justify-content:flex-start}.online-hub>.screen-topbar,.online-lobby>.screen-topbar,.match-search>.screen-topbar,.engine-select>.screen-topbar,.game-screen>.screen-topbar,.replay-screen>.screen-topbar,.online-hub>:last-child,.online-lobby>:last-child,.match-search>:last-child,.engine-select>:last-child,.game-screen>:last-child,.replay-screen>:last-child{margin-bottom:auto}.screen-topbar,.menu-list,.menu-footer,.hub-list,.lobby-card,.search-card,.invite-panel{width:min(94%, var(--stage))}.engine-select>:not(.screen-topbar),.profile-screen>:not(.screen-topbar),.tournament-hub,.tournament-lobby{max-width:var(--stage)}.menu-wordmark{font-size:clamp(4.4rem,6.5vw,6rem)}.menu-tagline{max-width:none;font-size:1.05rem}.menu-list{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.hub-list{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:.9rem;display:grid}.hub-card{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.3rem 1.25rem}.hub-arrow{align-self:flex-end;margin-top:auto}.engine-list{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.search-card{margin-top:0}.board{width:min(calc(var(--stage) - 2 * var(--board-pad)), 60vh)}.tbk-crown{width:100%;max-width:32rem;margin-inline:auto}}