.board.animating .square{cursor:progress;pointer-events:none}.board.animating .square:hover:after{border-color:#0000}.board.animating .square:hover .piece{transform:none}.square.motion-square{z-index:14}.square.revival-square{z-index:17}.piece.motion-piece{z-index:13;pointer-events:none;will-change:transform;animation:piece-travel var(--motion-ms,.2s) ease-out both;transition:none}.piece.motion-piece.motion-reduced{animation-name:piece-appear}@keyframes piece-travel{0%{transform:translate(var(--move-x),var(--move-y))}to{transform:translate(0)}}@keyframes piece-appear{0%{opacity:0}to{opacity:1}}.capture-ghost{z-index:15;pointer-events:none;will-change:opacity;animation:ghost-fade var(--motion-ms,.15s) ease-out var(--ghost-delay,0s) both;place-items:center;display:grid;position:absolute}.capture-ghost .piece-glyph{width:104%;height:104%;position:absolute;inset:-2%}@keyframes ghost-fade{0%{opacity:1}to{opacity:0}}.train-overlay.motion-trainMove,.train-overlay.motion-rotate,.train-overlay.motion-transform{z-index:16}.train-overlay.motion-trainMove{will-change:transform;animation:train-advance var(--motion-ms,.28s) ease-out both}.train-overlay.motion-rotate{will-change:transform;animation:train-turn var(--motion-ms,.25s) ease-out both}.train-overlay.motion-transform{animation:train-forge var(--motion-ms,.3s) ease-out both}.train-overlay.motion-reduced{animation-name:piece-appear}@keyframes train-advance{0%{transform:translate(var(--train-x),var(--train-y))}to{transform:translate(0)}}@keyframes train-turn{0%{transform:rotate(var(--turn-start,-90deg))}to{transform:rotate(0)}}@keyframes train-forge{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.promotion-light{z-index:14;pointer-events:none;position:absolute;overflow:visible}.promotion-flare{filter:blur(4px);mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#fffbe8d9,#e9c46a57 38%,#0000 70%);border-radius:50%;position:absolute;inset:-24%}.phase-crown .promotion-flare{animation:promo-flare var(--motion-ms,.2s) ease-out both}@keyframes promo-flare{0%{opacity:0;transform:scale(.5)}40%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.piece.promoting-out{z-index:16}.piece.promoting-out .piece-glyph{animation:promo-dissolve var(--motion-ms,.15s) ease-in both}.piece.promoting-in{z-index:16;will-change:opacity;animation:promo-emerge var(--motion-ms,.2s) ease-out both;transition:none}@keyframes promo-dissolve{0%{opacity:1}to{opacity:0}}@keyframes promo-emerge{0%{opacity:0}to{opacity:1}}.necro-ritual{z-index:15;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ritual-vignette{opacity:.5;animation:ritual-darken var(--ms-necroCast,.22s) ease-out both;background:radial-gradient(circle,#0000 34%,#0902101f 60%,#0501098c);position:absolute;inset:0}.sacrifice-fire,.rebirth-fire{display:block;position:absolute}.fire-particles{z-index:5;opacity:0;position:absolute;inset:-100% 4% 0;overflow:visible}.fire-particles i{left:var(--left);width:clamp(2px,.38vw,4px);height:clamp(2px,.38vw,4px);animation:real-ember-rise var(--ms-necroBurn,.42s) ease-out var(--delay) infinite;background:radial-gradient(circle,#fff 0,#ffd67b 32%,#ff6423 68%,#0000 72%);border-radius:50%;position:absolute;bottom:4%;box-shadow:0 0 5px #ff9138,0 0 9px #a769ff99}.rebirth-particles i{background:radial-gradient(circle,#fff 0,#8cf8ff 34%,#7277ff 66%,#0000 72%);box-shadow:0 0 5px #75eaff,0 0 10px #895bffcc}.sacrifice-fire:after{content:"";filter:blur(3px);opacity:0;background:radial-gradient(#fff2a3,#ff7229 36%,#9c49ff5c 56%,#0000 72%);border-radius:50%;height:16%;position:absolute;bottom:4%;left:13%;right:13%}.phase-cast .sacrifice-fire .fire-particles{opacity:.22;transform:scale(.65)}.phase-burn .sacrifice-fire .fire-particles{opacity:1;animation:fire-erupt var(--ms-necroCast,.22s) ease-out both}.phase-burn .sacrifice-fire:after{animation:ember-bed var(--ms-necroBurn,.42s) ease-out both}.ash-core{opacity:0;background:#1e1114;border-radius:50%;height:10%;position:absolute;bottom:6%;left:20%;right:20%;box-shadow:0 0 8px #ff6b2d}.phase-burn .ash-core{animation:ash-appear var(--ms-necroBurn,.42s) ease-out both}.rebirth-fire{opacity:0}.phase-rebirth .rebirth-fire{opacity:1}.phase-rebirth .rebirth-fire .fire-particles{opacity:1;filter:hue-rotate(58deg)saturate(.88);animation:rebirth-flare var(--ms-necroRebirth,.56s) ease-out both}.summon-glow{mix-blend-mode:screen;filter:blur(6px);opacity:0;animation:summon-light var(--ms-necroRebirth,.56s) ease-out both;background:radial-gradient(circle,#d6fffae6,#62e6d16b 38%,#9c78ff2e 62%,#0000 74%);border-radius:50%;position:absolute;inset:-6%}.ritual-caption{--flip:0deg;color:#eadfff;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:#090510e0;border:1px solid #c4a0ff61;border-radius:999px;align-items:center;gap:8px;max-width:82%;padding:8px 13px;font-size:clamp(7px,.8vw,10px);font-weight:800;animation:.2s ease-out both caption-enter;display:flex;position:absolute;bottom:4.2%;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00000073,0 0 18px #9c78ff26}.ritual-caption i{background:#a77fff;border-radius:50%;width:6px;height:6px;animation:.48s ease-in-out infinite alternate caption-pulse;box-shadow:0 0 9px #a77fff}.live-fire{z-index:3;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;mix-blend-mode:screen;will-change:transform,opacity,filter;max-width:none;display:block;position:absolute}.sacrifice-fire-image{transform-origin:50% 100%;width:94%;height:141%;top:auto;bottom:-2%;left:3%}.rebirth-fire-image{transform-origin:50% 100%;width:120%;height:120%;top:auto;bottom:-2%;left:-10%}.board.flipped .sacrifice-fire,.board.flipped .rebirth-fire{transform:rotate(180deg)}.board.flipped .ritual-caption{--flip:180deg;top:4.2%;bottom:auto}.board.flipped .necro-victim.phase-burn:before{transform:rotate(180deg)}.phase-cast .sacrifice-fire-image.fire-layer-a{animation:real-fire-kindling var(--ms-necroCast,.22s) ease-out both}.phase-cast .sacrifice-fire-image.fire-layer-b{opacity:.1;transform:translate(4%,-1%)scale(.58)}.phase-burn .sacrifice-fire-image.fire-layer-a{animation:real-fire-consume var(--ms-necroBurn,.42s) cubic-bezier(.18,.72,.25,1) both}.phase-burn .sacrifice-fire-image.fire-layer-b{opacity:.58;animation:.12s steps(2,end) infinite alternate real-fire-flicker}.phase-rebirth .rebirth-fire-image.fire-layer-a{animation:real-rebirth-fire var(--ms-necroRebirth,.56s) cubic-bezier(.15,.8,.2,1) both}.phase-rebirth .rebirth-fire-image.fire-layer-b{opacity:.52;animation:.16s steps(2,end) infinite alternate real-rebirth-flicker}.necro-caster.phase-cast .piece-glyph{animation:caster-windup var(--ms-necroCast,.22s) cubic-bezier(.3,.1,.3,1) both}.necro-caster.phase-burn .piece-glyph{animation:.28s ease-in-out infinite alternate caster-channel}.necro-victim.phase-cast .piece-glyph{animation:victim-mark var(--ms-necroCast,.22s) ease-out both}.necro-victim.phase-burn .piece-glyph{z-index:16;animation:victim-incinerate var(--ms-necroBurn,.42s) cubic-bezier(.44,.02,.65,.45) both}.necro-victim.phase-burn:before{content:"";z-index:17;mix-blend-mode:screen;animation:burn-front var(--ms-necroBurn,.42s) ease-in both;background:linear-gradient(#0000 28%,#ffd15c47 52%,#ff4111b3);border-radius:48%;position:absolute;inset:8%}.piece.reviving{z-index:17;will-change:transform,opacity;animation:piece-rebirth var(--ms-necroRebirth,.56s) cubic-bezier(.16,.84,.22,1) both;transition:none}@keyframes ritual-darken{0%{opacity:0}to{opacity:.54}}@keyframes fire-erupt{0%{filter:brightness(2.2);transform:scale(.48)}to{filter:brightness();transform:scale(1)}}@keyframes ember-bed{0%{opacity:0;transform:scale(.2)}44%{opacity:1;transform:scale(1.18)}to{opacity:.28;transform:scale(.9)}}@keyframes ash-appear{0%,45%{opacity:0;transform:scale(.2)}to{opacity:.82;transform:scale(1)}}@keyframes rebirth-flare{0%{opacity:0;transform:scale(.2)}36%{opacity:1;transform:scale(1.18)}to{opacity:.25;transform:scale(.82)}}@keyframes summon-light{0%{opacity:0;transform:scale(.3)}34%{opacity:.95;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}@keyframes real-fire-kindling{0%{opacity:0;filter:brightness(2.2)blur(5px);transform:translateY(26%)scale(.18)}65%{opacity:.42;filter:brightness(1.35)blur(1px);transform:translateY(4%)scale(.64)}to{opacity:.2;filter:brightness();transform:translateY(0)scale(.72)}}@keyframes real-fire-consume{0%{opacity:.22;filter:brightness(1.7)saturate(1.3);transform:translateY(11%)scale(.64)}22%{opacity:1;filter:brightness(1.25)saturate(1.15);transform:translateY(0)scale(1.08,.94)}46%{filter:brightness(1.55);transform:translate(-2%,-2%)scale(.96,1.1)}72%{opacity:.96;filter:brightness(1.18);transform:translate(2%,-5%)scale(1.05,.98)}to{opacity:0;filter:brightness(1.8)blur(2px);transform:translateY(-17%)scale(.72,1.14)}}@keyframes real-fire-flicker{0%{filter:brightness(.85)saturate(1.35);transform:translate(-3%,-1%)scale(.92,1.07)}to{filter:brightness(1.45)saturate(1.1);transform:translate(3%,-4%)scale(1.07,.95)}}@keyframes real-rebirth-fire{0%{opacity:0;filter:brightness(2.4)blur(6px);transform:translateY(24%)scale(.2)}24%{opacity:1;filter:brightness(1.45)blur();transform:translateY(0)scale(1.08,.92)}58%{filter:brightness(1.2);transform:translate(-2%,-3%)scale(.96,1.1)}82%{opacity:.82;transform:translate(2%,-7%)scale(1.04,1.02)}to{opacity:0;filter:brightness(1.8)blur(2px);transform:translateY(-19%)scale(.72,1.18)}}@keyframes real-rebirth-flicker{0%{filter:brightness(.92)saturate(1.2);transform:translate(-2%,-2%)scale(.96,1.05)}to{filter:brightness(1.4)saturate(1.05);transform:translate(2%,-5%)scale(1.06,.96)}}@keyframes real-ember-rise{0%{opacity:0;transform:translate(var(--drift),16%) scale(.4)}22%{opacity:1}to{opacity:0;transform:translate(var(--drift),-260%) scale(.9)}}@keyframes caster-windup{0%{transform:translateY(0)scale(1)}62%{transform:translateY(6%)scale(.86)}to{filter:brightness(1.4);transform:translateY(-4%)scale(1.08)}}@keyframes caster-channel{0%{filter:brightness(1.1);transform:translateY(-2%)scale(1.03)}to{filter:brightness(1.65);transform:translateY(-6%)scale(1.08)}}@keyframes victim-mark{0%{transform:scale(1)}46%{filter:brightness(.78);transform:scale(.92)}to{filter:brightness(1.28);transform:scale(1.04)}}@keyframes victim-incinerate{0%{opacity:1;clip-path:inset(0);transform:translateY(0)scale(1)}34%{filter:brightness(2.3)sepia(.75);transform:translateY(-2%)scale(1.05)}to{opacity:0;clip-path:inset(0 0 100%);filter:brightness(2.8)sepia()blur(5px);transform:translateY(-27%)scale(.54)rotate(4deg)}}@keyframes burn-front{0%{opacity:0;clip-path:inset(100% 0 0)}34%{opacity:1}to{opacity:0;clip-path:inset(0)}}@keyframes piece-rebirth{0%{opacity:0;filter:brightness(3)blur(7px);transform:translateY(34%)scale(.25)}34%{opacity:.85;filter:brightness(2.2)blur(2px);transform:translateY(4%)scale(.82)}68%{opacity:1;filter:brightness(1.45)blur();transform:translateY(-8%)scale(1.13)}84%{transform:translateY(2%)scale(.97)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes caption-enter{0%{opacity:0;transform:translate(-50%,8px) scale(.96) rotate(var(--flip))}to{opacity:1;transform:translate(-50%,0) scale(1) rotate(var(--flip))}}@keyframes caption-pulse{to{filter:brightness(1.5);transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.fire-particles,.ritual-vignette{display:none!important}.ritual-caption{opacity:1!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#161512;--bg-alt:#1e1c1a;--panel:#262421;--panel-2:#302e2b;--ink:#dedad4;--muted:#a09b93;--line:#ffffff17;--gold:#d7b25e;--violet:#9c78ff;--teal:#62e6d1;--font:"Noto Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--head:var(--font);--shell:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0}button,a{font:inherit}button{color:inherit}.app-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{background:var(--bg-alt);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:6px;height:48px;padding:0 14px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.brand-mark{width:24px;height:24px;color:var(--gold);place-items:center;font-size:18px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;object-position:center bottom;width:120%;height:120%}.brand-name{letter-spacing:.01em;white-space:nowrap;font-size:16px;font-weight:400;line-height:1}.board-stage{position:relative}.turn-orb{z-index:4;color:#b7e9df;background:#0a1215eb;border:1px solid #62e6d145;border-radius:999px;padding:7px 12px;font-size:14px;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000004d}.turn-orb i{background:var(--teal);width:5px;height:5px;box-shadow:0 0 10px var(--teal);border-radius:50%;margin-right:5px;display:inline-block}.turn-orb.check-mode{color:#ffe5dc;background:#360a12f0;border-color:#ff6749b8;box-shadow:0 8px 30px #ff3d2638}.turn-orb.check-mode i{background:#ff5b42;animation:.72s ease-in-out infinite alternate check-dot;box-shadow:0 0 12px #ff5b42}@keyframes check-dot{to{filter:brightness(1.5);transform:scale(1.55)}}.board-frame{box-shadow:none;background:0 0;border:0;border-radius:3px;padding:0;position:relative}.board{aspect-ratio:1;border-radius:3px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.square{cursor:pointer;isolation:isolate;touch-action:manipulation;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:visible}:root{--sq-light:#d9cdb6;--sq-dark:#6c7684}:root[data-board-theme=brown]{--sq-light:#f0d9b5;--sq-dark:#a97a54}:root[data-board-theme=green]{--sq-light:#eeeed2;--sq-dark:#6f9457}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.square:after{content:"";pointer-events:none;position:absolute;inset:0}.square.selected:after{background:#e9c46a52}.square.in-check:after{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 55%,#ff402c9e,#ff402c3d 46%,#0000 72%)}.rank-label,.file-label{z-index:3;color:#1314189e;pointer-events:none;font-size:clamp(8px,.85vw,11px);font-weight:700;line-height:1;position:absolute}.rank-label{top:2px;left:2px}.file-label{bottom:2px;right:3px}.dark .rank-label,.dark .file-label{color:#fffffff5}.piece{z-index:2;place-items:center;width:92%;height:104%;display:grid;position:relative}.piece:after{content:"";z-index:0;filter:blur(5px);opacity:.5;background:#0a080eb3;border-radius:50%;height:11%;position:absolute;bottom:8%;left:16%;right:16%}.piece-glyph{z-index:2;width:100%;height:100%;line-height:1;display:block;position:relative}.piece-art{z-index:2;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.side-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:22px;position:sticky;top:20px;box-shadow:0 30px 80px #00000059}.panel-heading{justify-content:space-between;gap:12px;display:flex}.panel-heading h1{font-family:var(--head);margin:5px 0 0;font-size:22px;font-weight:500}.status-dot{color:var(--teal);text-shadow:0 0 9px var(--teal);font-size:14px}.panel-divider{background:var(--line);height:1px;margin:18px 0}.selected-card{background:linear-gradient(135deg,#e9c46a0f,#9c78ff0a);border:1px solid #e9c46a21;border-radius:12px;min-height:99px;padding:14px}.selected-card p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.selected-piece-row{align-items:center;gap:11px;margin-top:8px;display:flex}.selected-piece-row strong,.selected-piece-row small{display:block}.selected-piece-row strong{font-family:var(--head);font-size:17px}.selected-piece-row small{color:var(--gold);margin-top:3px}.mini-piece{background:#ffffff0f;border-radius:10px;place-items:center;width:43px;height:43px;display:grid;overflow:hidden}.mini-piece .piece-glyph{font-size:36px}.mini-piece.white .piece-glyph{color:#fff1cf}.mini-piece.black .piece-glyph{color:#16151b;-webkit-text-stroke:1px #8e879b}.spell-list{margin-top:20px}.spell-list>.eyebrow{margin-bottom:8px}.spell-list button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr 12px;align-items:center;gap:10px;width:100%;padding:11px 0;display:grid}.spell-list button i{width:32px;height:32px;color:var(--gold);font:normal 24px var(--head);background:#ffffff0d;border-radius:9px;place-items:center;display:grid}.spell-list button strong,.spell-list button small{display:block}.spell-list button strong{font:14px var(--head)}.spell-list button small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.spell-list button b{color:var(--muted);font-size:18px}.primary-button{color:#1c170c;cursor:pointer;background:linear-gradient(135deg,#f3d982,#bc8f35);border:1px solid #e6c56f;border-radius:11px;width:100%;margin-top:17px;padding:13px 16px;font-size:14px;font-weight:900;box-shadow:0 12px 34px #c99d3d2e}.primary-button span{float:right;font-size:16px;line-height:.7}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030307c7;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.rules-modal{background:radial-gradient(circle at 20% 0,#7e57e624,#0000 38%),#12121b;border:1px solid #e9c46a47;border-radius:20px;width:min(760px,100%);max-height:90vh;padding:38px;position:relative;overflow:auto;box-shadow:0 35px 100px #0009}.rules-modal h2{font:34px/1.15 var(--head);margin:10px 0 25px}.modal-close{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:17px;right:17px}.rule-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rule-grid article{border:1px solid var(--line);background:#ffffff06;border-radius:12px;gap:13px;padding:16px;display:flex}.rule-grid i{color:var(--gold);font:normal 32px var(--head)}.rule-grid h3{font:16px var(--head);margin:0 0 6px}.rule-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.rules-note{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.5}@keyframes fade-in{0%{opacity:0}}.move-dot{z-index:5;aspect-ratio:1;pointer-events:none;background:#14141457;border-radius:50%;width:26%;position:absolute}.move-dot.capture{box-sizing:border-box;background:0 0;border:6px solid #14141452;width:92%}.move-dot.assembly{background:var(--gold);box-shadow:0 0 0 3px #e9c46a47}.move-dot.revival{background:#62e6d1;width:44%;box-shadow:0 0 0 4px #62e6d14d}.square.choice-cell:after{background:#e9c46a66}.piece.choice-ghost{z-index:4;opacity:.55;pointer-events:none;position:absolute}.enchanted .cursed-pawn-art{z-index:4;width:72%;height:80%;top:15%;left:14%}.former-art{z-index:1;object-fit:contain;object-position:center bottom;opacity:.34;width:110%;height:110%;position:absolute;inset:-5%}.train-overlay{z-index:7;pointer-events:none;filter:drop-shadow(0 5px 4px #000000a6);display:block;position:absolute}.train-overlay img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;position:absolute}.train-overlay.horizontal img{width:100%;height:100%;inset:0}.train-overlay.vertical img{width:200%;height:50%;top:25%;left:-50%;transform:rotate(90deg)}.train-overlay.white img{filter:brightness(1.14)saturate(.88)}.train-overlay.black img{filter:brightness(.65)contrast(1.38)saturate(1.35)hue-rotate(150deg)}.state-badge{border-radius:999px;width:max-content;max-width:100%;margin-top:9px;padding:5px 8px;font-size:14px;font-weight:800;display:block}.state-badge.curse{color:#baf9ec;background:#62e6d112;border:1px solid #62e6d147}.state-badge.rebirth{color:#e8fffa;background:linear-gradient(90deg,#62e6d124,#9c78ff1f);border:1px solid #62e6d180;box-shadow:0 0 14px #62e6d11a}.spell-action{text-align:left;cursor:pointer;background:#e9c46a0e;border:1px solid #e9c46a33;border-radius:11px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px;transition:all .2s;display:flex}.spell-action:hover,.spell-action.active{border-color:var(--gold);background:#e9c46a1f;box-shadow:0 0 20px #e9c46a14}.spell-action i{font:normal 28px var(--head);color:var(--gold)}.spell-action strong,.spell-action small{display:block}.spell-action strong{font:14px var(--head)}.spell-action small{color:var(--muted);margin-top:2px;font-size:14px}.train-status{color:var(--muted);background:#73b8ff0d;border:1px solid #73b8ff33;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 10px;font-size:14px;display:flex}.train-status b{color:#90c7ff;font-size:14px}.notice-line{min-height:31px;color:var(--muted);border-bottom:1px solid var(--line);margin:12px 0 0;padding:8px 0;font-size:14px;line-height:1.5}.turn-orb.transform-mode{color:#1b1508;background:linear-gradient(135deg,#ffe4a0,#c99832);border-color:#ffe5a8;box-shadow:0 8px 30px #e9c46a47}.turn-orb.transform-mode i{box-shadow:none;background:#2b1d04}.turn-orb.revive-mode{color:#e9fffb;background:linear-gradient(135deg,#154340f7,#301c4ef7);border-color:#62e6d1b8;box-shadow:0 8px 30px #62e6d12e}.turn-orb.revive-mode i{background:#b7fff5;box-shadow:0 0 12px #62e6d1}.transform-card{background:linear-gradient(145deg,#e9c46a1c,#62e6d109);border:1px solid #e9c46a52;border-radius:12px;margin-top:10px;padding:13px}.transform-title{align-items:center;gap:9px;display:flex}.transform-title>i{background:var(--gold);color:#1c1609;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-style:normal;font-weight:900;display:grid}.transform-title strong,.transform-title small{display:block}.transform-title strong{font:14px var(--head)}.transform-title small{color:var(--muted);margin-top:2px;font-size:14px}.transform-card>p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.transform-card>p b{color:var(--gold)}.transform-card .spell-action{justify-content:space-between}.transform-card .spell-action>b{color:var(--gold);font-size:17px}.tutorial-button{color:#bff4eb;cursor:pointer;background:#62e6d112;border:1px solid #62e6d147;border-radius:9px;width:100%;margin-top:10px;padding:9px;font-size:14px;font-weight:900}.move-log{min-height:140px;margin-top:14px}.move-log>.eyebrow{margin-bottom:6px}.move-log p{color:var(--muted);border-bottom:1px solid #ffffff09;gap:7px;margin:0;padding:5px 0;font-size:14px;line-height:1.35;display:flex}.move-log p:first-of-type{color:#d2c8b7}.move-log p i{color:var(--gold);font-style:normal}.game-buttons{margin-top:12px}.game-buttons .primary-button{margin-top:0}.demo-button{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:10px;margin-top:8px;padding:10px;font-size:14px;font-weight:800}.demo-button:hover{color:var(--teal);border-color:#62e6d159}.piece{width:88%;height:96%}.piece.pawn{width:72%;height:82%}.piece.rook{width:80%;height:88%}.piece.reverie{width:92%;height:100%}.piece.necromancer{width:90%;height:98%}.piece.queen{width:86%;height:96%}.piece.magicKing,.piece.magicKing.powerless{width:106%;height:122%}.piece.magicKing:not(.choice-ghost){--piece-lift:2.5%;bottom:var(--piece-lift)}.piece-glyph,.piece-art,.former-art{place-items:center;display:grid}.piece-art{filter:none!important}.ornate-symbol{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto;width:100%;height:100%;display:block}.piece.white .ornate-symbol,.mini-piece.white .ornate-symbol{filter:drop-shadow(0 3px 1px #432708d1)}.piece.black .ornate-symbol,.mini-piece.black .ornate-symbol{filter:drop-shadow(0 3px 1px #000000eb)}.piece.magicKing.powerless .ornate-symbol{filter:drop-shadow(0 3px 2px #000000c7)}.brand-mark .ornate-symbol{filter:drop-shadow(0 0 5px #62e6d194);width:116%;height:116%}.former-art{opacity:.27;filter:grayscale(.82)brightness(.48)}.former-art .ornate-symbol{width:100%;height:100%}.piece.enchanted .piece-glyph,.mini-piece .enchanted-glyph{filter:brightness(.66)sepia(.5)hue-rotate(218deg)saturate(2.1)}.train-overlay.suppressed{filter:brightness(.7)sepia(.4)hue-rotate(220deg)saturate(1.6)drop-shadow(0 5px 4px #000000a6)}.enchanted .cursed-pawn-art{filter:none!important}.train-overlay .train-symbol{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.train-overlay.vertical .train-symbol{width:200%;height:50%;inset:25% auto auto -50%;transform:rotate(90deg)}.train-overlay.white .train-symbol{filter:drop-shadow(0 4px 2px #432708cc)}.train-overlay.black .train-symbol{filter:drop-shadow(0 4px 2px #000000eb)}.rule-art .ornate-symbol{filter:drop-shadow(0 2px 2px #000000c7);width:100%;height:100%}.rule-art.art-train .ornate-symbol{width:135%;max-width:none}.capture-ghost.white .piece-art,.capture-ghost.black .piece-art{filter:none!important}.demo-button.necro-demo{color:#d9c9ff;background:linear-gradient(135deg,#9c78ff1a,#ff60230d);border-color:#9c78ff52}.demo-button.necro-demo:hover{color:#f0e8ff;border-color:#9c78ff;box-shadow:0 0 22px #9c78ff1a}@media (width<=640px){.topbar{height:48px;padding:0 12px}.board-frame{border-radius:10px;padding:7px}.piece-glyph{font-size:clamp(30px,10vw,56px)}.clock{min-width:72px;padding:7px 8px;font-size:19px}.side-panel{border-radius:14px;padding:17px}.rules-modal{padding:28px 18px 20px}.rules-modal h2{padding-right:25px;font-size:27px}.rule-grid{grid-template-columns:1fr}.ritual-caption{white-space:normal;text-align:center;justify-content:center;max-width:92%;bottom:2.5%}.fire-particles i{width:4px}}.opponent-card{background:linear-gradient(145deg,#62e6d10f,#9c78ff0a);border:1px solid #62e6d138;border-radius:12px;margin-bottom:14px;padding:13px}.opponent-switch{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.opponent-switch button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:9px;padding:9px 6px;font-size:14px;font-weight:800;transition:all .18s}.opponent-switch button:hover{color:var(--teal);border-color:#62e6d159}.opponent-switch button.active{border-color:var(--teal);color:#dcfff8;background:#62e6d121;box-shadow:0 0 16px #62e6d11a}.level-switch{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;display:grid}.level-switch button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff08;border-radius:9px;padding:8px 7px;transition:all .18s}.level-switch button strong{font:14px var(--head);color:#d7d2e0;display:block}.level-switch button small{color:var(--muted);margin-top:3px;font-size:14px;line-height:1.4;display:block}.level-switch button.active{border-color:var(--gold);background:#e9c46a1a}.level-switch button.active strong{color:var(--gold)}.opponent-note{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.5}.opponent-card .tutorial-button{margin-top:9px}.invite-block{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.invite-block .primary-button{margin-top:8px}.match-link{gap:7px;margin-top:9px;display:flex}.match-link input{border:1px solid var(--line);color:#d7d2e0;background:#ffffff0a;border-radius:9px;flex:1;min-width:0;padding:8px 9px;font-size:14px}.match-link .tutorial-button{white-space:nowrap;width:auto;margin-top:0;padding:8px 11px}.match-error{color:#ffb4a2}.board.flipped,.board.flipped .piece-glyph,.board.flipped .rank-label,.board.flipped .file-label{transform:rotate(180deg)}.board.flipped .rank-label{inset:auto 4px 3px auto}.board.flipped .file-label{inset:3px auto auto 5px}.side-switch{margin-top:8px}@media (width<=640px){.turn-orb{width:max-content;margin:0 auto 8px;display:block;position:static;transform:none}}.move-log-scroll{overscroll-behavior:contain;max-height:214px;overflow-y:auto}.hidden-input{display:none}.review-controls{grid-template-columns:repeat(4,1fr)}.review-controls button{letter-spacing:0;padding:7px 4px;font-size:14px}.review-controls button:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--muted)}.review-card .demo-button{margin-top:9px}.game-actions{margin-bottom:11px}.game-actions .wide-action{grid-column:1/-1}:root{--touch:44px;--text:16px;--text-small:14px;--page-pad:16px}.app-shell{overflow:clip visible}html,body{max-width:100%;overflow-x:hidden}.menu-toggle{border:1px solid var(--line);background:var(--panel);min-width:44px;min-height:40px;color:var(--ink);font-size:var(--text-small);cursor:pointer;border-radius:4px;margin-left:auto;padding:8px 12px}.main-nav{background:var(--bg-alt);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:6px 8px 10px;display:none;position:absolute;top:48px;left:0;right:0}.main-nav.open{display:flex}.nav-link{min-height:var(--touch);color:var(--ink);font-size:var(--text);border-radius:3px;align-items:center;padding:8px 10px;font-weight:400;text-decoration:none;display:flex}.nav-link:hover,.nav-link:focus-visible{background:var(--panel-2);color:var(--gold)}.nav-link.current{color:var(--gold)}.nav-link.accent{color:#1c170c;background:var(--gold);justify-content:center;font-weight:700}.nav-link.as-button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.nav-spacer{display:none}.nav-menu{align-items:center;display:flex;position:relative}.nav-button{min-height:var(--touch);color:var(--ink);font-size:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:5px;padding:8px 10px;font-weight:400;display:flex}.nav-button:hover,.nav-button[aria-expanded=true]{background:var(--panel-2);color:var(--gold)}.nav-button:after{content:"▾";opacity:.7;font-size:11px}.nav-button.arrow-only{gap:0;min-width:28px;padding:8px 6px}.nav-name{min-height:var(--touch);color:var(--ink);font-size:var(--text);white-space:nowrap;align-items:center;padding:8px 4px 8px 10px;text-decoration:none;display:flex}.nav-name:hover{color:var(--gold)}.nav-drop{margin:0 0 0 10px;padding:0;list-style:none;display:none}.nav-menu.open>.nav-drop{display:block}.nav-drop a,.nav-drop button{width:100%;min-height:40px;color:var(--ink);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;padding:8px 10px;text-decoration:none;display:flex}.nav-drop a:hover,.nav-drop button:hover,.nav-drop a:focus-visible,.nav-drop button:focus-visible{background:var(--panel-2);color:var(--gold)}.nav-user{margin-left:auto}@media (width>=900px){.topbar{padding:0 20px}.menu-toggle{display:none}.main-nav{background:0 0;border:0;flex-direction:row;align-items:center;width:100%;height:100%;padding:0;display:flex;position:static}.nav-spacer{flex:1;min-width:16px;display:block}.nav-link,.nav-button,.nav-name{height:100%;min-height:0;padding:0 10px;font-size:15px}.nav-menu{height:100%}.nav-link,.nav-button{border-bottom:2px solid #0000}.nav-link:hover,.nav-button:hover,.nav-button[aria-expanded=true]{color:var(--gold);background:0 0}.nav-link.current,.nav-menu.current>.nav-button{color:var(--ink);border-bottom-color:var(--gold)}.nav-link.accent{border-bottom:0;align-self:center;height:auto;padding:6px 12px}.nav-drop{z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:0 0 3px 3px;min-width:190px;margin:0;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0006}.nav-drop a,.nav-drop button{min-height:32px;font-size:var(--text-small);padding:6px 12px}.nav-menu:hover>.nav-drop,.nav-menu.open>.nav-drop,.nav-menu:focus-within>.nav-drop{display:block}.nav-menu.at-right>.nav-drop{left:auto;right:0}}.page{z-index:1;width:100%;max-width:var(--shell);padding:16px var(--page-pad) 48px;margin:0 auto;position:relative}.page-narrow{max-width:560px}.page h1{font:600 24px/1.25 var(--head);margin:0 0 8px}.page h2{font:600 19px/1.3 var(--head);margin:22px 0 8px}.page h3{font:600 17px/1.35 var(--head);margin:0 0 6px}.page p{font-size:var(--text)}.page-head{margin-bottom:14px}.page-lead{color:var(--muted);font-size:var(--text);margin:0 0 10px}.page-banner{width:100%;max-width:var(--shell);padding:10px var(--page-pad);border:1px solid var(--line);background:var(--panel);font-size:var(--text-small);border-radius:4px;align-items:center;gap:10px;margin:8px auto 0;display:flex}.page-banner.good{color:#bff4eb;border-color:#62e6d166}.page-banner.bad{color:#ffcdbf;border-color:#ff785a73}.thin-banner{border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);align-items:center;gap:10px;margin:0;padding:6px 16px;font-size:13px;line-height:1.35;display:flex}.banner-close{min-width:32px;min-height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin-left:auto;font-size:18px;line-height:1}.banner-close:hover{background:var(--panel-2)}.site-footer{z-index:1;width:100%;max-width:var(--shell);padding:16px var(--page-pad) 24px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-small);margin:auto auto 0;position:relative}.site-footer p{margin:4px 0}.site-footer a{color:var(--gold)}.primary-button,.secondary-button,.demo-button,.tutorial-button,.ghost-button,.menu-toggle,.opponent-switch button,.level-switch button,.panel-tabs button,.start-choice,.pool-tile{min-height:var(--touch)}.primary-button{font-size:var(--text-small)}.secondary-button{border:1px solid var(--line);width:100%;color:var(--ink);font-size:var(--text-small);cursor:pointer;background:#ffffff0d;border-radius:11px;margin-top:10px;padding:13px 16px;font-weight:800}.secondary-button:hover{color:var(--teal);border-color:#62e6d173}.inline-button{justify-content:center;align-items:center;width:auto;padding:12px 18px;text-decoration:none;display:inline-flex}.big-button{flex-direction:column;align-items:center;gap:4px;min-height:64px;font-size:18px;display:flex}.big-button small{font-size:var(--text-small);letter-spacing:0;text-transform:none;opacity:.85;font-weight:500}.link-button{color:var(--gold);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;text-decoration:underline}.link-button.current{color:var(--teal);font-weight:700}.wide-action.danger{color:#ffcdbf;border-color:#ff785a8c}input,select,textarea{accent-color:var(--gold);font:inherit;font-size:var(--text);color:var(--ink);border:1px solid var(--line);min-height:var(--touch);background:#ffffff0d;border-radius:10px;padding:11px 12px}textarea{min-height:96px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,.square:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.rated-toggle{min-height:var(--touch);font-size:var(--text);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.rated-toggle input{width:22px;height:22px;min-height:0;padding:0}.rated-toggle small{width:100%;color:var(--muted);font-size:14px}.rated-toggle.disabled{color:var(--muted)}.room-ready{background:#62e6d10f;border:1px solid #62e6d14d;border-radius:12px;margin-top:14px;padding:12px}.room-ready p{font-size:var(--text-small);margin:0 0 8px}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px}.data-table th{color:var(--muted);font-size:14px}.data-table a{color:var(--gold)}.table-scroll{overflow-x:auto}.rating-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.rating-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:12px}.rating-card strong{font:600 26px var(--head);color:var(--gold);display:block}.rating-card small{color:var(--muted);font-size:14px}.rating-card .rating-row{align-items:baseline;gap:8px;display:flex}.rating-delta{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.rating-delta.up{color:#7fd6a0}.rating-delta.down{color:#ff9a80}.rating-delta.flat{color:var(--muted)}.rating-spark{width:100%;height:28px;margin-top:6px;display:block;overflow:visible}.rating-spark path{fill:none;stroke:var(--gold);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.filter-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.filter-row label{font-size:var(--text-small);color:var(--muted);flex-direction:column;gap:4px;display:flex}.pager{font-size:var(--text-small);align-items:center;gap:12px;margin-top:14px;display:flex}.stack-form{gap:14px;max-width:420px;display:grid}.page-auth{max-width:400px}.page-auth h1{text-align:center;margin-bottom:14px}.page-auth .stack-form{width:100%;max-width:360px;margin:0 auto}.page-auth .opponent-note{text-align:center;max-width:360px;margin:10px auto 0}.stack-form label{font-size:var(--text-small);color:var(--muted);gap:6px;display:grid}.stack-form small{color:var(--muted);font-size:14px}.stack-form .primary-button{margin-top:4px}.form-error{color:#ffcdbf;font-size:var(--text-small);border:1px solid #ff785a73;border-radius:10px;margin:8px 0 0;padding:10px 12px}.settings-list{gap:10px;display:grid}.settings-row{min-height:var(--touch);border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.settings-row input{flex:0 0 22px;width:22px;height:22px;min-height:0;margin-top:2px;padding:0}.settings-row strong{font-size:var(--text);display:block}.settings-row small{color:var(--muted);margin-top:3px;font-size:14px;display:block}.settings-tab{width:100%;min-height:38px;color:var(--ink);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:9px 10px;display:block}.settings-tab:hover{background:var(--panel-2)}.settings-tab.current{background:var(--panel-2);color:var(--gold);font-weight:600}.settings-choice{cursor:default}.theme-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.theme-row button{min-height:var(--touch);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:var(--text-small);cursor:pointer;border-radius:4px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.theme-row button.active{border-color:var(--gold);color:var(--gold);background:#332f26}.theme-swatch{border:1px solid var(--line);border-radius:2px;width:22px;height:22px;display:inline-block}.theme-swatch.theme-blue{background:linear-gradient(135deg,#d9cdb6 50%,#6c7684 50%)}.theme-swatch.theme-brown{background:linear-gradient(135deg,#f0d9b5 50%,#a97a54 50%)}.theme-swatch.theme-green{background:linear-gradient(135deg,#eeeed2 50%,#6f9457 50%)}.connection-badge{font-size:var(--text-small);border-radius:10px;margin:0 0 10px;padding:10px 12px}.connection-badge.waiting{color:#f0dcae;background:#e9c46a14;border:1px solid #e9c46a66}.connection-badge.slow{color:#f5e3b8;background:#e9c46a1a;border:1px solid #e9c46a8c}.connection-badge.lost{color:#ffcdbf;background:#ff5a3c1a;border:1px solid #ff785a80}.offer-strip{font-size:var(--text-small);background:#62e6d114;border:1px solid #62e6d166;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.offer-strip .primary-button,.offer-strip .ghost-button{width:auto;margin:0}.outcome-card{background:linear-gradient(145deg,#e9c46a1f,#9c78ff0f);border:1px solid #e9c46a66;border-radius:14px;margin-bottom:12px;padding:14px}.outcome-line{font:600 20px var(--head);margin:6px 0;display:block}.outcome-actions{gap:8px;margin-top:10px;display:grid}.outcome-actions .primary-button,.outcome-actions .demo-button{margin-top:0}.panel-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 8px;display:grid}.panel-tabs button{border:1px solid var(--line);color:var(--muted);font-size:var(--text-small);cursor:pointer;background:#ffffff08;border-radius:10px;padding:10px;font-weight:700}.panel-tabs button.active{border-color:var(--teal);color:#dcfff8;background:#62e6d11f}.chat-block{gap:8px;display:grid}.chat-log{overscroll-behavior:contain;gap:6px;max-height:200px;display:grid;overflow-y:auto}.chat-line{font-size:var(--text-small);margin:0;line-height:1.45}.chat-line b{color:var(--gold)}.chat-form{gap:6px;display:flex}.chat-form input{flex:auto;min-width:0}.chat-form .tutorial-button,.chat-form .demo-button,.chat-form button{flex:none;width:auto;margin:0;padding:10px 14px}.chat-tools{flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.premove-bar,.confirm-bar{font-size:var(--text-small);background:#9c78ff1a;border:1px solid #9c78ff73;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.confirm-bar{background:#e9c46a1a;border-color:#e9c46a80}.confirm-bar .primary-button{width:auto;margin:0}.clock.low{color:#ffd9cd;border-color:#ff785a99}.spectator-note{color:#bff4eb}.narrow-modal{width:min(460px,100%);padding:26px 20px}.report-list{gap:12px;display:grid}.report-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:14px}.report-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.report-card header small{color:var(--muted);font-size:14px}.report-text{font-size:var(--text-small);margin:8px 0}.report-reason{color:var(--muted);gap:4px;margin:8px 0;font-size:14px;display:grid}.report-actions{flex-wrap:wrap;gap:8px;display:flex}.report-actions .ghost-button{padding:10px 14px;font-size:14px}.square.occupied{touch-action:none}.board.dragging{cursor:grabbing}.square.drag-source .piece.dragged-away{opacity:.28}.drag-ghost{z-index:40;pointer-events:none;width:64px;height:64px;margin:-32px 0 0 -32px;position:fixed}.drag-ghost .piece{width:100%;height:100%}.square.last-from:before,.square.last-to:before{content:"";pointer-events:none;background:#d7b25e57;position:absolute;inset:0}.square:focus-visible{z-index:8}@media (width<=640px){.side-panel{padding:14px}.opponent-note,.notice-line,.move-log p,.chat-tools{font-size:14px;line-height:1.5}.eyebrow,.opponent-switch button,.level-switch button,.demo-button,.tutorial-button,.level-switch button strong,.level-switch button small{font-size:14px}.page h1{font-size:24px}.clock{min-width:78px;font-size:22px}}@media (width<=360px){:root{--page-pad:12px}.control-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}}.board-stage{width:100%;max-width:min(760px,100vh - 280px);margin-inline:auto}@media (width<=980px){.board-stage{max-width:100%}}.page-studio{max-width:1240px}.studio-layout{gap:16px;display:grid}.page-studio .side-panel,.page-studio .board-stage{grid-area:auto}.page-studio .side-panel{position:static}.page-studio .board-stage{position:relative}@media (width>=1000px){.studio-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.page-studio .side-panel{position:sticky;top:20px}}.studio-block{margin-top:16px}.studio-block:first-child{margin-top:0}.studio-block+.studio-block{border-top:1px solid var(--line);padding-top:16px}.studio-field{font-size:var(--text-small);color:var(--muted);gap:6px;margin-top:10px;display:grid}.studio-field input,.studio-field textarea{width:100%;min-height:var(--touch);border:1px solid var(--line);color:var(--ink);background:#ffffff0a;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px}.studio-field textarea{resize:vertical;min-height:88px}.palette-row{margin-top:10px}.palette-side{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;display:grid}.palette-button{border:1px solid var(--line);min-height:78px;color:var(--ink);cursor:pointer;background:#ffffff08;border-radius:4px;align-content:start;justify-items:center;gap:2px;padding:7px 5px;display:grid}.palette-button img{object-fit:contain;width:34px;height:34px}.palette-button small{color:var(--muted);text-align:center;overflow-wrap:anywhere;font-size:14px;line-height:1.2}.palette-button.active{border-color:var(--gold);background:#e9c46a24}.palette-button.active small{color:var(--gold)}.demo-button.active{border-color:var(--teal);color:var(--teal)}.check-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.check-line{font-size:var(--text-small);border-radius:10px;margin:8px 0 0;padding:9px 11px;line-height:1.45}.check-line.bad{color:#ffcdbf;background:#ff5a3c14;border:1px solid #ff785a73}.check-line.warn{color:#f2e0b4;background:#e9c46a14;border:1px solid #e9c46a73}.check-line.good{color:#bff4eb;background:#62e6d112;border:1px solid #62e6d166}.tree-list{overscroll-behavior:contain;gap:2px;max-height:280px;margin-top:8px;display:grid;overflow-y:auto}.tree-row{width:100%;min-height:36px;color:var(--ink);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.tree-row:hover{background:#ffffff0d}.tree-row.current{color:#dcfff8;background:#62e6d124}.tree-row.variation{color:var(--muted)}.tree-row .tree-ply{min-width:24px;color:var(--gold);font-size:14px}.tree-row i{color:var(--gold);margin-left:auto;font-style:normal}.eval-card{background:linear-gradient(145deg,#e9c46a1a,#9c78ff0d);border:1px solid #e9c46a59;border-radius:12px;margin-top:10px;padding:12px}.eval-card strong{font:600 26px var(--head);color:var(--gold);display:block}.eval-card small{color:var(--muted);margin-top:2px;font-size:14px;display:block}.eval-card p{font-size:var(--text-small);margin:8px 0 0}.lesson-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{border:1px solid var(--line);min-height:64px;color:var(--ink);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.lesson-card:hover{border-color:#62e6d166}.lesson-number{width:34px;height:34px;color:var(--gold);background:#e9c46a24;border-radius:50%;flex:0 0 34px;place-items:center;font-weight:800;display:grid}.lesson-body{flex:1;min-width:0}.lesson-body strong{font:600 17px var(--head);display:block}.lesson-body small{color:var(--muted);margin-top:3px;font-size:14px;line-height:1.45;display:block}.lesson-mark{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:6px 10px;font-size:14px}.lesson-mark.done{color:#bff4eb;border-color:#62e6d173}@media (width<=640px){.lesson-card{flex-wrap:wrap}.lesson-mark{order:3}}:root{--text:15px;--text-small:14px}body{font-size:var(--text);line-height:1.5}.side-panel,.rating-card,.settings-row,.report-card,.lesson-card,.eval-card,.check-line,.room-ready,.opponent-card,.transform-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px}.side-panel,.settings-row,.report-card,.lesson-card,.rating-card,.opponent-card,.transform-card,.eval-card,.room-ready{background:var(--panel);border:1px solid var(--line)}.primary-button{background:var(--gold);border:1px solid var(--gold);color:#1c170c;box-shadow:none;border-radius:4px;font-weight:700}.primary-button:hover{background:#f2d489}.primary-button:disabled{opacity:.55;cursor:default}.secondary-button,.demo-button,.tutorial-button,.ghost-button,.menu-toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);box-shadow:none;border-radius:4px;font-weight:600}.secondary-button:hover,.demo-button:hover,.tutorial-button:hover,.ghost-button:hover{border-color:var(--gold);color:var(--gold)}.demo-button,.tutorial-button,.secondary-button{font-size:var(--text-small)}input,select,textarea{background:var(--bg-alt);border-radius:4px;font-size:16px}.eyebrow{color:var(--muted);font-size:var(--text-small);font-weight:600}.panel-tabs button,.opponent-switch button,.level-switch button{border-radius:4px}.big-button{min-height:52px;font-size:17px}.big-button small{font-size:var(--text-small)}.page-lobby{max-width:var(--shell)}.lobby-grid{align-items:start;gap:12px;display:grid}@media (width>=1000px){.lobby-grid{grid-template-columns:236px minmax(0,1fr) 292px}}@media (width>=1200px){.lobby-grid{grid-template-columns:264px minmax(0,1fr) 324px}}.lobby-side{align-content:start;gap:8px;display:grid}.lobby-center{align-content:start;gap:12px;min-width:0;display:grid}.start-choice{border:1px solid var(--line);background:var(--panel);width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;border-radius:4px;padding:11px 14px;display:block}.start-choice:hover{background:var(--panel-2);border-color:var(--gold)}.start-choice strong{font-size:17px;font-weight:600;display:block}.start-choice small{color:var(--muted);font-size:var(--text-small);margin-top:2px;display:block}.lobby-main{border:1px solid var(--line);background:var(--panel);border-radius:4px}.lobby-tabs{border-bottom:1px solid var(--line);display:flex}.lobby-tabs button{min-height:42px;color:var(--muted);font-size:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 8px}.lobby-tabs button:hover{color:var(--ink);background:var(--panel-2)}.lobby-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.lobby-body{padding:10px}.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=520px){.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pool-tile{border:1px solid var(--line);background:var(--panel-2);min-height:78px;color:var(--ink);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;display:flex;position:relative}.pool-tile:hover{border-color:var(--gold)}.pool-tile strong{font-size:20px;font-weight:600}.pool-tile small{color:var(--muted);font-size:var(--text-small)}.pool-tile.searching{border-color:var(--gold);background:#332f26}.pool-tile .pool-search{color:var(--gold);font-size:var(--text-small);margin-top:4px;display:block}.pool-tile:hover{border-color:var(--gold);background:#302c24}.lobby-note{color:var(--muted);font-size:var(--text-small);margin:10px 0 0}.seek-list{--seek-grid:1.2fr .9fr .9fr .9fr .8fr auto}.seek-head{grid-template-columns:var(--seek-grid);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--text-small);align-items:center;gap:8px;padding:0 8px;display:grid}.seek-head>*{align-items:center;min-width:0;min-height:34px;display:flex}.seek-head button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;display:flex}.seek-head button:hover,.seek-head button.sorted{color:var(--gold)}.seek-head button i{opacity:.85;font-size:11px;font-style:normal}.seek-button .seek-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.seek-row{border-bottom:1px solid var(--line)}.seek-button{grid-template-columns:var(--seek-grid);width:100%;min-height:44px;color:var(--ink);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px;display:grid}.seek-button:hover:not(:disabled){background:var(--panel-2)}.seek-button:disabled{opacity:.5;cursor:default}.seek-button b{font-size:16px;font-weight:600}.seek-button span{color:var(--muted)}.seek-button em{color:var(--gold);font-style:normal}.seek-row.mine .seek-button{background:#2c2a24}.seek-button em{text-align:right}.seek-row.mine .seek-button em{color:var(--muted)}.recent-games{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:10px 12px 12px}.recent-games h2{font-size:var(--text);margin:0 0 8px;font-weight:600}.recent-empty{border:1px dashed var(--line);background:var(--bg-alt);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:132px;padding:18px 16px;display:flex}.recent-empty p{max-width:52ch;color:var(--muted);font-size:var(--text);margin:0}.recent-empty strong{color:var(--ink);margin-bottom:4px;font-size:17px;font-weight:600;display:block}.recent-empty .primary-button{width:auto;margin:0;padding:11px 20px}.game-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=900px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.game-cards{grid-template-columns:minmax(0,1fr)}}.game-card{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:3px;gap:3px;padding:8px;text-decoration:none;display:grid}.game-card:hover{border-color:var(--gold)}.recent-games .game-card{background:var(--bg-alt)}.game-card .mini-board{width:100%;max-width:none;margin-bottom:5px}.game-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.game-card small{color:var(--muted);font-size:12px;line-height:1.35}.game-card-noboard{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);place-items:center;margin:0 0 5px;font-size:12px;display:grid}.leader-pool+.leader-pool{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.record-grid{align-items:start;gap:14px;display:grid}@media (width>=900px){.record-grid{grid-template-columns:minmax(0,1fr) 320px}}.record-block{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:12px 14px}.record-block h2{font-size:var(--text);margin:0 0 8px;font-weight:600}.record-moves{max-height:60vh;font-size:var(--text-small);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;margin:0;padding-left:26px;display:grid;overflow-y:auto}.record-moves li{color:var(--ink);overflow-wrap:anywhere;padding:2px 0}.record-block .opponent-switch{margin-top:10px}.profile-head{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:10px}.profile-head h1{margin:0 0 4px}.profile-tabs{border:1px solid var(--line);border-radius:4px;margin:8px 0 12px;display:inline-flex}.profile-tabs button{flex:none;padding:10px 22px}.profile-games,.profile-stats{margin-top:10px}.lobby-aside{align-content:start;gap:8px;display:grid}.aside-card{border:1px solid var(--line);background:var(--panel);border-radius:4px}.aside-card h2{border-bottom:1px solid var(--line);font-size:var(--text);margin:0;padding:9px 12px;font-weight:600}.aside-card .aside-body{padding:8px 12px 12px}.aside-card .data-table{margin-top:0}.lobby-about{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-small);margin-top:14px;padding-top:12px}.lobby-about a{color:var(--gold)}.lobby-counters{gap:6px;margin:0;display:grid}.lobby-counters p{color:var(--muted);font-size:var(--text-small);justify-content:space-between;align-items:baseline;gap:10px;margin:0;display:flex}.lobby-counters b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.puzzle-card{color:inherit;padding:10px 12px 12px;text-decoration:none;display:block}.puzzle-card:hover .mini-board{border-color:var(--gold)}.puzzle-card .mini-board{width:100%;max-width:none}.puzzle-card strong{font-size:var(--text);margin-top:8px;font-weight:600;display:block}.puzzle-card small{color:var(--muted);font-size:var(--text-small);margin-top:3px;line-height:1.45;display:block}.puzzle-card em{color:var(--gold);font-style:normal;font-size:var(--text-small);margin-top:6px;display:block}.wc-modal-backdrop{z-index:60;background:#000000a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wc-modal{border:1px solid var(--line);background:var(--panel);border-radius:4px;width:min(520px,100%);max-height:88vh;padding:0;overflow:auto;box-shadow:0 12px 40px #00000080}.wc-modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.wc-modal-head h2{margin:0;font-size:18px;font-weight:600}.wc-modal-body{padding:14px}.wc-modal-body>*+*{margin-top:12px}.wc-modal-close{min-width:34px;min-height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;margin-left:auto;font-size:20px;line-height:1}.wc-modal-close:hover{background:var(--panel-2)}.field-row{gap:6px;display:grid}.field-row>span{color:var(--muted);font-size:var(--text-small)}.choice-row{flex-wrap:wrap;gap:6px;display:flex}.choice-row button{min-height:var(--touch);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:var(--text-small);cursor:pointer;border-radius:4px;padding:9px 13px}.choice-row button.active{border-color:var(--gold);color:var(--gold);background:#332f26}.slider-row{gap:4px;display:grid}.slider-row input[type=range]{background:0 0;border:0;width:100%;min-height:32px;padding:0}.learn-layout{align-items:start;gap:12px;display:grid}@media (width>=900px){.learn-layout{grid-template-columns:236px minmax(0,1fr)}}.learn-nav{border:1px solid var(--line);background:var(--panel);border-radius:4px;align-content:start;gap:2px;padding:6px;display:grid}.learn-nav a{min-height:38px;color:var(--ink);font-size:var(--text-small);border-radius:3px;padding:9px 10px;text-decoration:none;display:block}.learn-nav a:hover{background:var(--panel-2)}.learn-nav a.current{background:var(--panel-2);color:var(--gold);font-weight:600}.learn-nav b{color:var(--muted);font-size:var(--text-small);margin:8px 0 2px;padding:0 10px;font-weight:600;display:block}.learn-body{border:1px solid var(--line);background:var(--panel);border-radius:4px;min-width:0;padding:14px 16px 18px}.learn-body h1{font-size:22px}.learn-body h2{margin:20px 0 8px;font-size:18px}.learn-body p{max-width:70ch;margin:0 0 10px;line-height:1.6}.learn-body ul{margin:0 0 12px;padding-left:22px;list-style:outside}.learn-body li{margin:4px 0;line-height:1.55}.learn-piece{align-items:flex-start;gap:14px;margin:0 0 6px;display:flex}.learn-piece .learn-art{flex:0 0 64px;place-items:end center;width:64px;height:74px;display:grid}.learn-piece .learn-art img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.learn-piece .learn-art.art-train{flex-basis:88px;width:88px}.learn-piece .learn-art.art-train img{width:130%;max-width:none}.learn-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.learn-links a{color:var(--gold);font-size:var(--text-small)}.mini-board{aspect-ratio:1;border:1px solid var(--line);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(100%,266px);display:grid;overflow:hidden}.mini-board-figure{margin:0 0 12px}.mini-board-figure figcaption{color:var(--muted);font-size:var(--text-small);margin-top:6px;line-height:1.5}.mini-cell{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.mini-cell.light{background:var(--sq-light)}.mini-cell.dark{background:var(--sq-dark)}.mini-cell.mark:after{content:"";background:#e9c46a57;position:absolute;inset:0}.mini-cell img{z-index:1;object-fit:contain;object-position:center;width:88%;height:88%;position:relative}.data-table th{font-size:var(--text-small)}.data-table td,.data-table th{padding:8px}.hall-empty{color:var(--muted);text-align:center;margin:0;padding:22px 8px}@media (width<=640px){.page{padding:12px var(--page-pad) 40px}.learn-body{padding:12px 14px 16px}.lobby-body{padding:8px}}.game-page{--board-max:calc(100vh - 48px - 20px);--side-w:clamp(320px, 26vw, 360px);grid-template-columns:minmax(0,1fr) var(--side-w);width:100%;max-width:calc(var(--board-max) + var(--side-w) + 16px + 28px);align-items:start;gap:16px;height:calc(100vh - 48px);min-height:0;margin:0 auto;padding:10px 14px;display:grid}.app-shell:has(.game-page) .site-footer{display:none}.app-shell:has(.game-page){height:100vh;overflow:hidden}.board-column{place-items:center;min-width:0;height:100%;min-height:0;display:grid}.board-column .board-frame{width:min(100%, var(--board-max))}.game-side{border:1px solid var(--line);background:var(--panel);overscroll-behavior:contain;border-radius:4px;flex-direction:column;gap:6px;height:100%;min-height:0;padding:8px;display:flex;overflow-y:auto}.game-title{font-size:var(--text-small);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;line-height:1.35;overflow:hidden}@media (width<=900px){.game-title{white-space:normal}}.player-row{align-items:stretch;gap:6px;display:flex}.player-strip{border:1px solid var(--line);background:var(--bg-alt);border-radius:4px;flex:1;align-items:center;gap:8px;min-width:0;min-height:42px;padding:5px 8px;display:flex}.player-strip.active{border-color:var(--gold)}.player-strip-body{flex:1;min-width:0}.player-strip-body strong{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.player-strip-body small{color:var(--muted);font-size:13px;display:block}.player-note{color:var(--muted);font-size:13px;font-style:normal;display:block}.avatar{border-radius:3px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.black-avatar{border:1px solid var(--line);color:#cfc9c0;background:#2a2825}.white-avatar{color:#26221c;background:#e8e2d6;border:1px solid #cfc7b6}.material-line{flex-wrap:wrap;align-items:center;gap:1px;margin-top:2px;display:flex}.material-group{display:inline-flex}.material-piece{place-items:center;width:14px;height:14px;display:inline-grid}.material-piece img{object-fit:contain;opacity:.85;width:100%;height:100%}.material-line b{color:var(--muted);margin-left:4px;font-size:12px;font-weight:600}.clock{border:1px solid var(--line);background:var(--panel-2);min-width:98px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:3px;flex:none;place-items:center;padding:4px 8px;font:600 30px/1 Noto Sans Mono,ui-monospace,monospace;display:grid}.clock.active{color:#1a1a1a;background:#f0f0f0;border-color:#f0f0f0}.clock.low{color:#ff8a6a}.clock.active.low{color:#3a1108;background:#f7cfc4;border-color:#f7cfc4}.move-table{overscroll-behavior:contain;border:1px solid var(--line);background:var(--bg-alt);border-radius:4px;flex:auto;min-height:96px;overflow-y:auto}.move-table table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.move-table th{width:34px;color:var(--muted);text-align:right;vertical-align:middle;padding:0 6px;font-weight:400}.move-table td{width:calc(50% - 17px);padding:0}.move-table tr:nth-child(odd){background:#ffffff05}.move-table-empty{color:var(--muted);font-size:var(--text-small);margin:0;padding:10px}.move-cell{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 6px;line-height:1.4;display:block}button.move-cell:hover{background:var(--panel-2)}.move-cell.current{color:var(--gold);background:#3a362c;font-weight:600}.log-line{color:var(--muted);border-bottom:1px solid #ffffff0a;margin:0;padding:4px 8px;font-size:13px;line-height:1.4}.move-list-block{flex:auto;min-height:96px;display:flex}.move-list-block .move-table{width:100%}.review-bar{border:1px solid var(--gold);color:var(--gold);background:#332f26;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.review-nav{gap:4px;margin-left:auto;display:flex}.review-nav button{border:1px solid var(--line);background:var(--panel-2);min-width:32px;min-height:32px;color:var(--ink);cursor:pointer;border-radius:3px;font-size:13px}.review-nav button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.review-nav button:disabled{opacity:.35;cursor:default}.action-row{flex-wrap:wrap;gap:4px;display:flex}.game-action{border:1px solid var(--line);background:var(--panel-2);width:40px;min-width:40px;min-height:40px;color:var(--ink);cursor:pointer;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.game-action:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.game-action:disabled{opacity:.4;cursor:default}.game-action[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.game-action i{font-size:17px;font-style:normal;line-height:1}.big-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;display:grid}.big-action{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:var(--ink);cursor:pointer;border-radius:4px;padding:10px 12px;font-size:15px;font-weight:600}.big-action:hover{border-color:var(--gold);color:var(--gold)}.big-action.primary{background:var(--gold);border-color:var(--gold);color:#1c170c}.big-action.primary:hover{color:#1c170c;background:#f2d489}.more-menu{position:relative}.more-drop{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:4px;min-width:200px;padding:4px;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000073}.more-drop button,.more-drop a{width:100%;min-height:38px;color:var(--ink);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:8px 10px;text-decoration:none;display:block}.more-drop button:hover,.more-drop a:hover{background:var(--panel-2);color:var(--gold)}.more-drop button:disabled{opacity:.4;cursor:default}.bot-options{gap:6px;display:flex}.option-group{flex:1;gap:0;display:flex}.option-group button{border:1px solid var(--line);background:var(--panel-2);min-height:38px;color:var(--muted);cursor:pointer;flex:1;padding:6px 8px;font-size:13px}.option-group button:first-child{border-radius:4px 0 0 4px}.option-group button:last-child{border-radius:0 4px 4px 0}.option-group button+button{border-left:0}.option-group button.active{border-color:var(--gold);color:var(--gold);background:#332f26}.option-group button:disabled{opacity:.4;cursor:default}.side-block{gap:6px;display:grid}.side-links{color:var(--muted);margin:0;font-size:13px}.side-links a{color:var(--gold)}.side-warning{color:var(--muted)}.review-strip{border:1px solid var(--line);background:var(--bg-alt);font-size:var(--text-small);border-radius:4px;gap:6px;padding:8px;display:grid}.review-strip p{color:var(--muted);margin:0}.game-page .outcome-line{border:1px solid var(--gold);color:var(--gold);font:600 var(--text)/1.3 var(--head);background:#332f26;border-radius:4px;margin:0;padding:8px}.game-page .notice-line{min-height:0;color:var(--muted);border:0;margin:0;padding:0;font-size:13px;line-height:1.4}.chat-panel{gap:6px;display:grid}.chat-toggle{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:36px;color:var(--ink);font-size:var(--text-small);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.chat-toggle i{color:var(--muted);font-style:normal}.board-choice{z-index:30;position:absolute}.promotion-choice{border:1px solid var(--line);background:var(--panel);border-radius:3px;gap:0;padding:0;display:grid;box-shadow:0 6px 20px #00000080}.promotion-choice button{aspect-ratio:1;background:var(--panel);cursor:pointer;border:0;place-items:center;width:11vh;max-width:64px;padding:4px;display:grid}.promotion-choice button:hover{background:var(--gold)}.promotion-choice img{object-fit:contain;width:100%;height:100%}.castle-choice{border:1px solid var(--gold);max-width:92%;color:var(--ink);text-align:center;background:#262421f2;border-radius:3px;padding:5px 9px;font-size:12px;line-height:1.3}.ram-choice{border:1px solid var(--gold);white-space:nowrap;background:#262421f2;border-radius:3px;gap:4px;margin-top:-30px;padding:3px;display:flex}.ram-choice button{border:1px solid var(--line);background:var(--panel-2);min-height:32px;color:var(--ink);cursor:pointer;border-radius:3px;padding:5px 9px;font-size:12px}.ram-choice button:hover{border-color:var(--gold);color:var(--gold)}@media (width<=900px){.game-page{flex-direction:column;align-items:stretch;gap:8px;max-width:100%;height:auto;padding:8px;display:flex}.app-shell:has(.game-page){height:auto;overflow:visible}.app-shell:has(.game-page) .site-footer{display:block}.game-side{display:contents}.game-side>*{order:5}.game-title{order:1}.player-row.top{order:2}.board-column{order:3;height:auto}.player-row.bottom{order:4}.board-column .board-frame{width:100%;max-width:min(100%,100vh - 300px)}.move-table,.move-list-block{flex:none;max-height:170px}.clock{min-width:86px;font-size:26px}.game-action{width:44px;min-width:44px;min-height:44px}.chat-toggle,.option-group button{min-height:44px}.promotion-choice button{width:11vw;max-width:52px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}