:root{--bg:#f4f1ea;--surface:#fff;--text:#1f1d1a;--muted:#6b665e;--border:#ddd6ca;--accent:#2f6f4f;--accent-text:#fff;--danger:#b3261e;--online:#2e9d5b;--offline:#a39e95;--highlight:#f2d36b;--square-light:#efe3c8;--square-dark:#b08a5f;--square-selected:#f2d36bbf;--square-hint:#1f1d1a47;--check:#dc2626e6;--turn-bg:#e3f0e8;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#171614;--surface:#23211e;--text:#ece8e1;--muted:#a39e95;--border:#3a3732;--accent:#5fae84;--accent-text:#10130f;--danger:#f08a80;--highlight:#c9a93f;--turn-bg:#1f3328;--square-light:#d9c9a6;--square-dark:#8f6c47}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h2{margin:0 0 .75rem;font-size:1.15rem}p{margin:0 0 .75rem}a{color:var(--accent)}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.5rem 1rem;display:flex}.header-home{padding:.35rem .8rem;font-size:.95rem}.site-name{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}main{padding:1rem}.site-footer{text-align:center;padding:1.5rem 1rem 2rem;font-size:.85rem}.credits{margin:0 0 1rem;padding-left:1.1rem}.credits li{margin-bottom:.25rem}.page{flex-direction:column;gap:1rem;max-width:34rem;margin:0 auto;display:flex}@media (width>=58rem){.page.home.has-games{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;max-width:60rem;display:grid}}.home-games,.home-actions{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.panel>:last-child{margin-bottom:0}.muted{color:var(--muted)}.small{font-size:.85rem}.lead{font-size:1.1rem}.error{color:var(--danger)}.code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;padding:.5rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:default}button.secondary,.button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.danger{color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem;text-decoration:underline}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;min-width:0;padding:.5rem .6rem}.button-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.copy-row{gap:.5rem;margin-bottom:.75rem;display:flex}.copy-row input{flex:1}fieldset{border:none;margin:0 0 1rem;padding:0}legend{margin-bottom:.4rem;font-weight:600}.segmented{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.segmented label{position:relative}.segmented input{opacity:0;position:absolute}.segmented span{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.45rem .9rem;display:inline-block}.segmented input:checked+span{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.inline-field{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.inline-field input{width:6rem}.dot{background:var(--offline);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.dot.online{background:var(--online)}.tag{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.8rem}.tag.turn{border-color:var(--accent);color:var(--accent);font-weight:600}.tag.turn.yours{background:var(--accent);color:var(--accent-text)}.tag.turn.check{border-color:var(--check);background:var(--check);color:#fff;animation:.2s ease-out pop}.tag.highlight{background:var(--highlight);border-color:var(--highlight);color:#1f1d1a}.banner{z-index:var(--layer-banner);border-radius:var(--radius);background:var(--highlight);color:#1f1d1a;text-align:center;padding:.5rem 1rem;position:sticky;top:0}.my-games{margin:0;padding:0;list-style:none}.my-games a{border-top:1px solid var(--border);color:var(--text);align-items:center;gap:.6rem;padding:.6rem 0;text-decoration:none;display:flex}.my-games li:first-child a{border-top:none}.my-games a>:last-child{text-align:right;margin-left:auto}.finished-games{margin-top:1rem}.finished-games summary{cursor:pointer;color:var(--muted);padding:.4rem 0}.finished-games summary:hover{color:var(--text)}.my-games+h2{margin-top:1.25rem}.piece-dot{border:1px solid var(--muted);border-radius:50%;flex-shrink:0;width:.9rem;height:.9rem}.piece-dot.white{background:#fff}.piece-dot.black{background:#1f1d1a}.page.game{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:64rem;display:grid}.page.game .banner{grid-column:1/-1}:root{--layer-board-overlay:5;--layer-effects:8;--layer-banner:10;--layer-modal:20}.move-rating{white-space:nowrap;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;font-weight:700;animation:1.4s ease-out forwards rating-in;position:absolute;transform:translate(-50%,-120%)}.move-rating.praise{background:var(--accent);color:var(--accent-text)}.move-rating.brilliant{background:var(--highlight);color:#1f1d1a}.move-rating.quiet{color:#fff;background:#808080d9;font-size:.68rem;font-weight:600}@keyframes rating-in{0%{opacity:0;transform:translate(-50%,-100%)scale(.7)}15%{opacity:1;transform:translate(-50%,-125%)scale(1.12)}25%{transform:translate(-50%,-120%)scale(1)}80%{opacity:1;transform:translate(-50%,-135%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.opening{color:var(--accent);align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.85rem;font-weight:600;display:flex}.opening-card{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;animation:2.2s ease-out forwards opening-card;display:flex;position:absolute;top:18%;left:0;right:0;box-shadow:0 8px 26px #0000004d}.opening-card-who{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.opening-card-name{color:var(--accent);font-size:clamp(.9rem,6cqw,1.5rem);font-weight:800}@keyframes opening-card{0%{opacity:0;transform:translate(-102%)}12%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(102%)}}.opening-card.plain{animation:2.2s ease-in forwards fade-out-late}.series{text-align:center;color:var(--muted);margin:0 0 .35rem;font-size:.85rem;font-weight:600}.captured{background:#80808033;border-radius:999px;flex-wrap:wrap;align-items:center;gap:0;min-width:0;margin-left:.4rem;padding:.1rem .4rem .1rem .3rem;display:inline-flex}.captured-piece{opacity:.9;width:1.3rem;height:1.3rem;margin-right:-.12rem;display:inline-block}.captured-piece>img,.captured-piece>svg{width:100%;height:100%;display:block}.captured-lead{color:var(--accent);margin-left:.45rem;font-size:.8rem;font-weight:700}.effects-layer{z-index:var(--layer-effects);pointer-events:none;position:absolute;inset:0;overflow:visible;container-type:inline-size}.takedown{will-change:transform;position:absolute}.takedown-part{will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.takedown-part>img,.takedown-part>svg{width:100%;height:100%;display:block}.takedown-silhouette{background:var(--text);opacity:.55;border-radius:50%;transform:scale(.62)}.takedown-silhouette.white{background:var(--square-light);border:2px solid var(--text)}.check-edges{background:radial-gradient(circle at 50% 50%, transparent 45%, var(--check) 130%);opacity:0;animation:.45s ease-out check-pulse;position:absolute;inset:0}.check-king{box-shadow:inset 0 0 0 3px var(--check);border-radius:4px;position:absolute}@keyframes check-pulse{40%{opacity:.55}to{opacity:0}}.promotion-burst{position:absolute;transform:translate(-50%,-50%)}.promotion-burst span{border:2px solid var(--highlight);opacity:0;border-radius:50%;animation:.6s ease-out forwards ring;position:absolute;inset:0}.promotion-burst span:nth-child(2){animation-delay:.1s}.promotion-burst span:nth-child(3){animation-delay:.2s}@keyframes ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.match-start{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;animation:1.2s ease-in forwards fade-out-late;display:flex;position:absolute;inset:0}.match-start-panels{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:94%;font-size:clamp(.8rem,6cqw,1.7rem);font-weight:700;display:flex}.match-start-side{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.3em;min-width:0;padding:.3em .7em;display:flex;box-shadow:0 6px 20px #00000040}.match-start-side em{color:var(--accent);font-size:.6em;font-style:normal;font-weight:600}.match-start-versus{color:var(--accent-text);background:var(--accent);border-radius:999px;padding:.1em .5em;font-size:1.2em;font-weight:800}.match-start-clock{background:var(--surface);border:1px solid var(--border);border-radius:999px;max-width:94%;padding:.2rem .7rem;font-size:.9rem}.spectacle .from-left{animation:.42s cubic-bezier(.16,1,.3,1) slam-left}.spectacle .from-right{animation:.42s cubic-bezier(.16,1,.3,1) slam-right}.match-start-flash{opacity:0;background:#fff;animation:.24s ease-out .3s flash;position:absolute;inset:0}@keyframes slam-left{0%{transform:translate(-140%)}70%{transform:translate(4%)}}@keyframes slam-right{0%{transform:translate(140%)}70%{transform:translate(-4%)}}@keyframes flash{50%{opacity:.75}}@keyframes fade-out-late{0%,72%{opacity:1}to{opacity:0}}.result-flourish{justify-content:center;align-items:center;animation:2.6s ease-in forwards fade-out-late;display:flex;position:absolute;inset:0}.result-headline{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);max-width:92%;padding:.4em .8em;font-size:clamp(1rem,9cqw,2.2rem);font-weight:800;position:relative;overflow:hidden;box-shadow:0 8px 28px #0000004d}.result-flourish.win .result-headline{border-color:var(--accent);color:var(--accent)}.result-flourish.spectacle .result-headline{animation:.5s cubic-bezier(.16,1.3,.3,1) land}.result-sweep{background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:.9s ease-in-out .35s sweep;position:absolute;inset:0;transform:translate(-120%)}.result-drain{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();opacity:0;animation:2.6s ease-out forwards drain;position:absolute;inset:0}@keyframes land{0%{opacity:0;transform:scale(.82)}}@keyframes sweep{to{transform:translate(120%)}}@keyframes drain{25%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.effects-layer *,.effects-layer :before,.effects-layer :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.match-start,.result-flourish{animation:1.2s ease-in forwards fade-out-late!important}}.modal-backdrop{z-index:var(--layer-modal);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{max-width:24rem}.modal .headline{font-size:1.2rem;font-weight:700}button.end-game{background:var(--check);border-color:var(--check);color:#fff}@media (width>=52rem){.page.game{grid-template-columns:minmax(0,36rem) minmax(0,1fr);align-items:start}}.game-board-column{flex-direction:column;gap:.5rem;display:flex}.game-side{flex-direction:column;gap:.75rem;display:flex}.board-area,.board{position:relative}.board-overlay{z-index:var(--layer-board-overlay);background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.board-overlay .panel{max-width:22rem}.board-overlay .panel.waiting{text-align:center}.panel.waiting .headline{margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.overlay-stack{flex-direction:column;gap:.5rem;max-width:22rem;display:flex}.player-bar{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.5rem;min-height:2.5rem;padding:.35rem .6rem;display:flex}.player-bar.your-turn{border-color:var(--accent);background:var(--turn-bg);box-shadow:0 0 0 1px var(--accent)}.player-name{white-space:nowrap}.clock{font-variant-numeric:tabular-nums;border-radius:6px;margin-left:auto;padding:.1rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem}.clock.running{background:var(--accent);color:var(--accent-text)}.clock.running.low{background:var(--danger);color:#fff}.emote-bubble{background:var(--highlight);color:#1f1d1a;white-space:nowrap;border-radius:999px;padding:.15rem .6rem;animation:.2s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.game-over .headline{margin-bottom:.25rem;font-size:1.4rem;font-weight:700}.action-bar{flex-direction:column;gap:.75rem;display:flex}.action-bar p{margin:0}.emote-bar{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.emote-bar .emote{background:var(--surface);border-color:var(--border);padding:.25rem .5rem;font-size:1.25rem}.recent-emotes ul{margin:.5rem 0 0;padding-left:1rem}.move-list{font-variant-numeric:tabular-nums;max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.move-list li{grid-template-columns:2.5rem 1fr 1fr;padding:.15rem 0;display:grid}.move-number{color:var(--muted)}.move-clock{margin-left:.4rem;font-size:.8rem}.game-menu summary{cursor:pointer;color:var(--muted)}.game-menu .panel{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.level-options{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.level-option{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.level-option:has(input:checked){background:var(--turn-bg);outline:1px solid var(--accent)}.level-option strong{width:1.2rem;display:inline-block}.board-style-picker{width:100%}.board-style-picker fieldset{margin-bottom:.75rem}.style-options{flex-wrap:wrap;gap:.5rem;display:flex}.style-option{cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;display:flex;position:relative}.style-option input{opacity:0;position:absolute}.style-preview{border:2px solid var(--border);border-radius:6px;width:3rem;height:3rem;display:block;overflow:hidden}.style-option input:checked+.style-preview{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.style-option input:focus-visible+.style-preview{outline:2px solid var(--accent);outline-offset:2px}.board-swatch{background:conic-gradient(var(--swatch-light) 0 25%, var(--swatch-dark) 0 50%, var(--swatch-light) 0 75%, var(--swatch-dark) 0)}.piece-preview{background:var(--square-light);padding:.2rem}.piece-preview img,.piece-preview svg{width:100%;height:100%;display:block}.game-menu .copy-row{width:100%;margin:0}.notify-hint{border-color:var(--accent)}.notify-sheet .steps{margin:0 0 .75rem;padding-left:1.4rem}.notify-sheet .steps li{margin-bottom:.4rem}.step-icon{vertical-align:-.2em;width:1.1em;height:1.1em;color:var(--muted)}