:root{color-scheme:dark;--bg:#0b0f18;--surface:#131824;--line:#293140;--text:#eeeef4;--muted:#9ba6b8;--mint:#87efd1;--gold:#dca66b;--purple:#b49afa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#1a2130;color:var(--text);border-radius:8px;padding:10px 13px;transition:background .15s}button:hover{background:#2b3648}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}header,main,footer{max-width:1400px;margin:auto}header{height:86px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:950;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:3px;margin-left:16px;color:var(--muted)}nav{display:flex;gap:25px;align-items:center;font-size:12px}nav button{border:0;background:none}main{padding:0 42px}.hero{height:345px;position:relative;overflow:hidden;display:flex;align-items:center;margin:26px 0 36px;border-radius:14px;background:#121522;border:1px solid #252b39}.hero-copy{padding:35px;z-index:2;width:57%;background:linear-gradient(90deg,#121522 80%,transparent)}.hero img{position:absolute;right:0;top:0;width:61%;height:100%;object-fit:cover;object-position:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.1px;color:var(--gold);margin:0 0 12px}h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,74px);font-weight:500;letter-spacing:-4px;margin:0 0 8px}h1 span{color:var(--gold)}.tagline{font-size:19px;margin:0 0 14px}.subtle{color:var(--muted);line-height:1.6;font-size:13px}.textlink{font-size:12px;color:var(--mint);font-weight:650;display:inline-block;margin-top:9px}.art-label{position:absolute;bottom:10px;right:15px;font-size:8px;letter-spacing:2px;color:#ded6c9}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;scroll-margin-top:25px}.arena-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.arena-heading .eyebrow{margin-bottom:5px}h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0}.arena-heading h2{letter-spacing:1px;font-size:25px}.arena-heading h2 span{color:var(--muted);font-weight:400;font-size:16px;margin:0 8px}.board-tools{display:flex;gap:7px}.board-tools button{font-size:11px;padding:8px 10px}.player-bar{display:flex;gap:12px;align-items:center;padding:12px 15px;background:#151b28;border:1px solid var(--line);border-radius:10px}.player-bar .avatar{display:grid;place-items:center;width:36px;height:36px;font-size:30px;background:#2a2540;border-radius:8px;color:var(--mint)}.player-bar.eth .avatar{color:#e8e3ff;background:#333849}.player-bar strong{font-size:13px;display:block}.player-bar small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.clock{margin-left:auto;font:600 24px ui-monospace,monospace;font-variant-numeric:tabular-nums}.player-bar.turn{border-color:var(--gold)}.board-wrap{position:relative;isolation:isolate;overflow:hidden;margin:10px 0;border:1px solid #423329;border-radius:12px;background:#10131c}#scene{width:100%;aspect-ratio:1.14;min-height:330px}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.board-badge{position:absolute;bottom:13px;left:0;right:0;pointer-events:none;text-align:center;font-size:8px;letter-spacing:2px;color:#bf996d}.event-toast{pointer-events:none;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.9);opacity:0;color:#fff7e5;font:italic 700 38px Georgia;text-shadow:0 2px 20px #000;background:#0d101adc;padding:12px 28px;border:1px solid var(--gold);border-radius:12px;white-space:nowrap}.event-toast.show{animation:toast 1.6s both}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}15%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}#status{font-size:13px;margin:15px 0 5px;color:var(--mint);min-height:20px}.board-help{font-size:10px;color:var(--muted);margin:0}.board-help button{border:0;background:none;text-decoration:underline;padding:3px;font-size:10px;color:var(--muted)}.panel{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:start}.panel-top{display:flex;justify-content:space-between;gap:12px}.panel-top .eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.live-dot{font-size:8px;letter-spacing:1px;color:var(--mint);white-space:nowrap}.live-dot:before{content:'●';margin-right:5px}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:10px 0 22px}.mode-tabs{display:flex;background:#0c111b;padding:4px;border-radius:9px;margin-bottom:22px}.mode-tabs button{flex:1;border:0;background:none;font-size:11px;padding:10px 4px;color:var(--muted)}.mode-tabs .active{background:#2a3445;color:white;box-shadow:0 2px 6px #0005}label{font-size:11px;display:block;margin:12px 0 8px;color:var(--muted)}input,select{min-width:0;width:100%;background:#0e1420;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px;font-size:12px}select{cursor:pointer}.helper{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0 18px}.primary{background:var(--mint);color:#0c2621;border:0;font-weight:750;padding:13px 18px}.primary:hover{background:#b5ffe8}#new-game,#create-room{width:100%;margin:0 0 12px}.match-actions{display:flex;gap:6px}.match-actions button{font-size:10px;flex:1;padding:9px 5px}.notice{font-size:11px;color:#eec28b;line-height:1.5;min-height:0;margin:12px 0}.notice:empty{display:none}.match-log{border-top:1px solid var(--line);margin-top:23px;padding-top:16px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-line h3{font-size:12px;margin:0}.section-line button{background:none;border:0;font-size:10px;padding:5px}#moves{height:170px;overflow:auto;margin-top:14px}.empty{color:#718098;font-size:12px;line-height:1.8}.move-row{display:grid;grid-template-columns:35px 1fr 1fr;font:12px ui-monospace,monospace;padding:7px 8px;border-radius:4px}.move-row:nth-child(even){background:#1b2331}.move-row span:first-child{color:#748399}.captured-row{display:flex;border-top:1px solid var(--line);padding-top:15px;gap:12px;margin-top:15px}.captured-row>span{font-size:8px;color:var(--gold);letter-spacing:1px;padding-top:4px}#captured{font-size:12px;color:var(--muted);line-height:1.6}.below-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin:50px 0}.score-panel,.manifesto{border:1px solid var(--line);border-radius:12px;padding:28px}.score-panel h2{font-size:22px}.manifesto{background:radial-gradient(ellipse at 100% 0,#292343,transparent 80%),#121725}.manifesto h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:20px 0}.manifesto p{font-size:13px;color:var(--muted);line-height:1.8;max-width:360px}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.pills span,.pill{font-size:8px;letter-spacing:1px;border:1px solid #464359;border-radius:30px;padding:6px 9px;color:#d6cceb}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.collection{padding:25px;border-radius:12px;border:1px solid var(--line);min-height:250px;background:#151c29}.collection-symbol{font-family:Georgia,serif;font-size:65px;letter-spacing:7px;color:var(--mint);margin-top:25px}.collection-symbol span{font-size:35px;color:var(--purple)}.collection h3{font-size:17px;margin:16px 0 8px}.collection p{font-size:12px;color:var(--muted);line-height:1.7}.zebra{background:repeating-linear-gradient(125deg,transparent,transparent 30px,#ffffff03 30px,#ffffff03 45px),#161d26}.zebra .collection-symbol{color:#efeee6}.collab{background:radial-gradient(ellipse at right bottom,#352544,#141b28)}.fine{font-size:10px;line-height:1.8;color:#7c899e;margin:25px 0 40px;max-width:900px}footer{padding:30px 42px;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between}footer span,footer>a:last-child{font-size:10px;color:var(--muted)}.input-row{display:flex;gap:8px;margin:12px 0}.input-row button{flex-shrink:0;font-size:11px}dialog{background:#17202e;border:1px solid #5a5463;border-radius:16px;color:var(--text);max-width:440px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#030610b8;backdrop-filter:blur(5px)}dialog p{color:var(--muted);font-size:13px;line-height:1.6}.promotion-options{display:flex;gap:10px}.promotion-options button{font-size:38px;flex:1}.promotion-options span{font:10px system-ui;display:block}.flat-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);padding:16px 16px 30px}.flat-board button{position:relative;border:0;border-radius:0;font-family:Georgia,serif;font-size:clamp(25px,5vw,55px);padding:0;display:grid;place-items:center;aspect-ratio:1;line-height:1;color:#f7f1e9;text-shadow:0 2px 2px #000}.flat-board button.dark{background:#34323c}.flat-board button.light{background:#ab7b55}.flat-board button.black{color:#171321;text-shadow:0 0 2px #ab8fff,0 1px 1px #b6ffe5}.flat-board button.selected{box-shadow:inset 0 0 0 4px var(--mint)}.flat-board button.legal:after{content:'';width:13px;height:13px;border-radius:50%;background:#76ffd7b8;position:absolute}.flat-board button.last{box-shadow:inset 0 0 0 3px #ffe2a6}.flat-board small{position:absolute;bottom:3px;left:3px;font:8px system-ui;color:#fff9;text-shadow:none}.flat-board [aria-pressed=true]{outline:2px solid var(--mint)}[hidden]{display:none!important}.score-table{width:100%;border-collapse:collapse;font-size:12px}.score-table td,.score-table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.score-table th{font-size:9px;color:var(--muted);font-weight:500}.score-table td:last-child{font:12px ui-monospace,monospace;white-space:nowrap}.score-table td:first-child{color:var(--gold);width:30px}@media(max-width:1050px){header,main,footer{padding-left:22px;padding-right:22px}.game-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.panel{padding:18px}.hero{height:300px}.hero-copy{width:58%;padding:26px}.board-tools{gap:4px}.board-tools button{padding:7px;font-size:10px}#scene{aspect-ratio:1;min-height:320px}}@media(max-width:760px){header{height:68px}nav{gap:12px}nav a{display:none}.brand{font-size:22px}.brand span{font-size:8px}.hero{height:280px;margin:18px 0 28px}.hero img{width:100%;opacity:.45;object-position:70% center}.hero-copy{width:100%;background:linear-gradient(90deg,#101522dd,transparent);padding:22px}.hero h1{font-size:49px;letter-spacing:-2px}.subtle{font-size:11px}.hero .tagline{font-size:16px}.game-layout{grid-template-columns:1fr}.panel{margin-top:10px}.panel h2{font-size:25px;margin:8px 0 15px}.below-grid{grid-template-columns:1fr;gap:18px;margin:30px 0}.collections{grid-template-columns:1fr}.collection{min-height:200px}.collection-symbol{float:right;font-size:50px;margin-top:30px}.collection h3{margin-top:35px}.section-line{align-items:flex-start}.section-line>.helper{max-width:130px;font-size:9px;margin:0}.score-panel,.manifesto{padding:22px}.manifesto h2{font-size:31px}.arena-heading h2{font-size:22px}.arena-heading{gap:10px}.board-tools button{font-size:9px;padding:8px}.board-tools{gap:4px}#scene{min-height:310px;aspect-ratio:1.03}.clock{font-size:22px}.board-badge{font-size:7px;letter-spacing:1px}.player-bar{padding:9px 12px}footer{flex-wrap:wrap;gap:15px}footer span{display:none}header,main,footer{padding-left:16px;padding-right:16px}.event-toast{font-size:28px}.flat-board{padding:10px 10px 27px}.flat-board button{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.event-toast.show{opacity:1}}
/* The canvas has an inline pixel width. Never let its intrinsic size widen a grid column on resize. */
.arena-column,.panel{min-width:0}#scene{max-width:100%;overflow:hidden}.player-bar>div{min-width:0}.player-bar strong{overflow-wrap:anywhere}
@media(max-width:760px){.game-layout{grid-template-columns:minmax(0,1fr)}}

.rules{margin-top:14px;color:var(--muted);font-size:11px;line-height:1.7}.rules summary{cursor:pointer;color:var(--gold)}.rules p{max-width:650px}
.board-badge{width:max-content;max-width:90%;margin:auto;padding:5px 12px;border-radius:20px;background:#10151de6;color:#e1bd8c}
/* Release polish: readable camera controls, restrained depth and clearer playing state. */
.board-tools select{width:auto;max-width:140px;padding:8px 10px;font-size:11px;background:#1a2130}
.board-wrap{box-shadow:0 16px 45px #0004,inset 0 1px #ffffff0b;border-color:#68604b}
.player-bar{background:linear-gradient(110deg,#1b2030,#131b27);box-shadow:inset 0 1px #ffffff07}
.player-bar.turn{border-color:#e1b679;box-shadow:inset 3px 0 #e1b679,0 0 22px #dca66b09}
.piece-readout{position:absolute;z-index:2;top:12px;left:12px;padding:7px 11px;border-radius:7px;background:#0c1624ee;border:1px solid #adc4ea4d;font-size:11px;letter-spacing:.3px;color:#e8edff;pointer-events:none;text-transform:capitalize;box-shadow:0 4px 12px #0004}
.flat-board button{transition:box-shadow .12s}.flat-board button.selected{box-shadow:inset 0 0 0 4px var(--mint),inset 0 0 20px #6bf4d333}.flat-board button.legal:after{box-shadow:0 0 0 2px #15372a80}
.mode-tabs button.active{box-shadow:inset 0 1px #ffffff15,0 2px 7px #0005}
@media(max-width:1050px){.arena-heading{flex-wrap:wrap;gap:12px}.board-tools{margin-left:auto}.board-tools select{font-size:10px;padding:8px;max-width:125px}}
@media(max-width:760px){.board-tools{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;width:100%;gap:5px}.board-tools button,.board-tools select{font-size:10px;min-height:36px;width:100%;max-width:none;padding:7px 5px}.arena-heading{margin-bottom:12px}.piece-readout{top:8px;left:8px;font-size:9px;padding:6px 8px}#scene{aspect-ratio:1;min-height:310px}}

.invite-dialog{width:min(440px,calc(100vw - 32px));max-height:90dvh;padding:36px;border:1px solid #9cffd351;border-radius:24px;background:radial-gradient(ellipse at top,#293249,#111621 65%);box-shadow:0 30px 120px #0009;color:#eef2ff;text-align:left}.invite-dialog::backdrop{background:#040810dc;backdrop-filter:blur(12px)}.invite-close{position:absolute;right:12px;top:10px;font-size:24px;background:transparent}.invite-crest{font-size:56px;letter-spacing:12px;color:#b6a0ff;margin:20px 0}.invite-crest span{font-size:22px;color:#a8f4d9}.invite-dialog h2{font-size:36px;line-height:1.06;margin:12px 0}.invite-dialog p{color:#c2c9d9;line-height:1.6}.invite-dialog form{margin-top:24px}.invite-dialog input{width:100%;font-size:18px;margin:8px 0}.invite-dialog .primary{width:100%;margin:10px 0}.invite-dialog small{display:block;color:#98a5b8;line-height:1.5}.invite-dialog #invite-error{color:#ffafbd}.color-reveal{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:auto;background:radial-gradient(ellipse,#0a1023ce 0%,#0a10238a 43%,transparent 85%);border-radius:16px;color:#fff}.color-reveal[hidden]{display:none}.color-reveal h2{font-size:clamp(25px,4vw,48px);margin:12px 0;text-shadow:0 3px 20px #000}.color-reveal p{margin:0;color:#d8e5ed}.draw-orbit{width:90px;height:90px;position:relative;margin-bottom:20px;animation:draw-orbit 1.1s cubic-bezier(.3,0,.7,1) infinite;border:1px solid #b6a0ff6b;border-radius:50%;box-shadow:0 0 40px #b6a0ff40}.draw-orbit span{position:absolute;font-size:34px;line-height:1;background:#131b2b;border-radius:50%;padding:6px;color:#cab8ff;left:-14px;top:25px}.draw-orbit span+span{left:auto;right:-14px;color:#a4f7d6}.reveal-count{font:700 22px monospace;color:#a4f7d6;margin-top:20px}.color-reveal.settled .draw-orbit{animation:none}.color-reveal.reduced .draw-orbit{animation:none}@keyframes draw-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.draw-orbit{animation:none}}@media(max-width:480px){.invite-dialog{padding:28px}.invite-dialog h2{font-size:30px}.color-reveal .eyebrow{font-size:9px}.draw-orbit{width:64px;height:64px;margin-bottom:10px}.draw-orbit span{top:14px;font-size:26px}.reveal-count{margin-top:10px}}

/* A persistent result, after the final move has landed. */
.match-result{--result-color:#e8be76;box-sizing:border-box;width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:32px 34px 24px;border:1px solid #e8be7666;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#4a382b55,transparent 55%),linear-gradient(155deg,#202536,#0c111b 70%);color:#edf2ff;text-align:center;box-shadow:0 30px 100px #0009,0 0 60px #e8be7612;isolation:isolate}.match-result::backdrop{background:#03070bc9;backdrop-filter:blur(9px)}.match-result[open]{animation:result-arrive .55s cubic-bezier(.16,1,.3,1)}.match-result[data-outcome=loss]{--result-color:#baa8ee;border-color:#baa8ee66;background:radial-gradient(ellipse at 50% 0,#75568240,transparent 55%),#111723}.match-result[data-outcome=draw]{--result-color:#a1e8d2;border-color:#a1e8d266}.result-close{position:absolute;right:12px;top:10px;background:transparent;font-size:25px;color:#b6c1d5;padding:4px 10px}.result-emblem{display:grid;place-items:center;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--result-color),transparent 55%);border-radius:50%;margin:2px auto 22px;box-shadow:0 0 55px color-mix(in srgb,var(--result-color),transparent 82%),inset 0 0 28px #ffffff08;position:relative;color:var(--result-color)}.result-emblem:after{content:'';position:absolute;inset:-9px;border:1px dashed color-mix(in srgb,var(--result-color),transparent 55%);border-radius:50%;animation:result-orbit 3s ease-out both}.result-emblem span{font-size:65px;line-height:1;animation:result-crown .9s cubic-bezier(.16,1,.3,1) both}.match-result[data-outcome=loss] .result-emblem span{animation:result-fall .8s ease-out both}.match-result[data-outcome=draw] .result-emblem span{font-size:48px}.match-result .eyebrow{margin:0;color:var(--result-color)}#result-side{font-size:9px;letter-spacing:2px;color:#9da9be;margin:9px 0 15px}.match-result h2{font-size:clamp(34px,7vw,55px);line-height:1.04;letter-spacing:-2px;margin:0 0 12px}#result-winner{font-size:18px;overflow-wrap:anywhere;margin:0;font-weight:650}#result-reason{font-size:12px;color:#a5b0c3;margin:8px 0 22px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-block:1px solid #ffffff12;gap:8px}.result-stats span{font-size:8px;letter-spacing:1.5px;color:#9ba8be}.result-stats b{display:block;font:600 20px ui-monospace,monospace;letter-spacing:0;color:#e4ebf6;margin-bottom:6px}#result-copy{font-size:12px;line-height:1.6;color:#b9c4d7;margin:20px auto;max-width:300px}#result-again{display:block;width:100%;padding:14px;font-size:15px;background:var(--result-color);color:#111723}#result-review{background:transparent;border:0;margin:8px 0 2px;color:#c5d0df}#result-next{font-size:10px;line-height:1.6;margin:8px auto 0;max-width:300px}#result-error{color:#ffb2c0;font-size:12px}#result-error:empty{display:none}#show-result{margin:6px 0 12px;border-color:#e8be7655;color:#e8be76;font-size:11px}.result-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:-1}.result-sparks i{position:absolute;width:4px;height:9px;left:calc(7% + var(--i)*5.6%);top:-15px;background:var(--result-color);opacity:0;animation:result-spark 1.8s calc(var(--i)*.035s) ease-out both}.match-result[data-outcome=loss] .result-sparks{display:none}@keyframes result-arrive{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes result-crown{from{opacity:0;transform:translateY(-30px) rotate(-15deg) scale(.6)}to{opacity:1;transform:none}}@keyframes result-fall{from{transform:translateY(-12px)}to{transform:rotate(-22deg) translate(-4px,5px)}}@keyframes result-orbit{from{transform:rotate(-90deg)}to{transform:rotate(50deg)}}@keyframes result-spark{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:.8}100%{opacity:0;transform:translateY(350px) rotate(230deg)}}.match-result.reduced,.match-result.reduced *,.match-result.reduced *:after{animation:none!important}.match-result.reduced .result-sparks{display:none}@media(max-width:480px){.match-result{padding:24px 22px 18px}.result-emblem{width:76px;height:76px;margin-bottom:20px}.result-emblem span{font-size:52px}#result-winner{font-size:16px}}@media(prefers-reduced-motion:reduce){.match-result,.match-result *,.match-result *:after{animation:none!important}.result-sparks{display:none}}

/* Moonlight Garden — interface and immersive arena. */
:root{--bg:#080f18;--surface:#111d2b;--line:#2c3d4d;--gold:#d9b382;--mint:#a2e3d1;--purple:#b6acd7}body{background:radial-gradient(ellipse at 50% 600px,#17304455,transparent 60%),#080f18}header{height:78px;border-bottom:1px solid #b9cddd16}.brand{letter-spacing:4px;font-size:22px}.brand span{color:var(--gold)}nav a{color:#a5b6c7}.hero{height:360px;border-radius:24px;border-color:#aabbd52b;margin:28px 0 40px;box-shadow:0 22px 70px #0005}.hero img{width:100%;height:100%;object-position:center 48%;opacity:.85}.hero-copy{position:relative;width:80%;height:100%;padding:40px;background:linear-gradient(90deg,#07101bea 2%,#07101ba8 45%,transparent 90%)}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,5.7vw,78px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0}.hero h1 em{font-weight:400;color:#d9bc98}.hero .tagline{font-size:13px;color:#bdcbd8;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.hero-play{display:flex;gap:35px;align-items:center;padding:13px 18px;border:1px solid #d9b38270;background:#d9b382;color:#17212b;border-radius:8px;font-size:12px;font-weight:750}.hero-caption{font:8px ui-monospace,monospace;letter-spacing:1.1px;color:#bcc7d3}.art-label{font-size:7px;letter-spacing:1.4px;right:20px;bottom:15px;color:#b2c0d0;background:#07101b88;padding:5px 8px}.game-layout{gap:20px 28px;align-items:start}.arena-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:1px solid #c2d2e21c;border-radius:14px;background:linear-gradient(110deg,#172737e6,#101a28e6);flex-wrap:wrap}.arena-wordmark{font-size:14px;font-weight:800;letter-spacing:2px;color:#f1ece4}.arena-wordmark>span{color:#d9b382}.arena-wordmark small{display:block;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#8ea6bb;margin-top:6px}.arena-view-controls{display:flex;gap:6px;flex-wrap:wrap}.arena-view-controls button{font-size:11px;padding:10px 12px;border-color:#b4c7d622;background:#0b1624a6}#focus-mode{color:#e7c79f;border-color:#d9b38255}#fullscreen{background:#d9b382;color:#102030;border-color:#d9b382}#arena-view-notice:empty{display:none}#arena-view-notice{flex-basis:100%;font-size:11px;color:#a7bbcc}.arena-heading{margin:2px 0 16px}.arena-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#a9bdc8;margin-bottom:8px}.arena-heading h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:1px}.board-tools button,.board-tools select{background:#101e2c;border-color:#7e9aae25;font-size:10px}.board-wrap{border:1px solid #bb94625c;border-radius:18px;overflow:hidden;box-shadow:0 26px 65px #0007,0 0 0 5px #b9925710,0 0 70px #718baf0b;background:#10212d}#scene{aspect-ratio:1;min-height:0}.player-bar{border:1px solid #68819633;border-radius:12px;background:linear-gradient(115deg,#162535,#0d1b29);padding:12px 16px}.player-bar .avatar{border:1px solid #becde929;border-radius:50%;background:#8598dc12;color:#bfc9ff}.player-bar.sol .avatar{color:#8fe7ce;background:#59c4b510}.player-bar strong{font-size:13px;font-weight:650;letter-spacing:.1px}.player-bar small{font-size:9px;letter-spacing:.4px;color:#90a5b8}.player-bar .clock{font:600 23px ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-1px;padding:7px 10px;background:#040e1b80;border:1px solid #adbed31a;border-radius:8px}.player-bar.turn{border-color:#a3c9b565;box-shadow:inset 3px 0 #a2e3d1,0 0 24px #8ee2bc0b}.player-bar.turn .clock{color:#b4f1da}.board-badge{background:#081423dc;border:1px solid #dfc39833;font-size:7px;letter-spacing:1.7px;bottom:10px}#status{padding:10px 13px;background:#132434;border:1px solid #adc4d51a;border-radius:9px;font-size:12px;color:#c5d7e7}.board-help{font-size:10px;color:#829bb1}.board-help button{color:#d7b88b;font-size:10px}.panel{border:1px solid #c1d2df24;border-radius:18px;padding:25px;background:linear-gradient(155deg,#1a2a3b,#0d1826 60%);box-shadow:0 20px 45px #0002;position:sticky;top:20px}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.8px;margin:20px 0}.panel .eyebrow{font-size:8px;color:#9fb3c4}.live-dot{font:8px ui-monospace,monospace;color:#a9c5be}.mode-tabs{background:#06111c;border:1px solid #adc1d41c;padding:4px;border-radius:10px;gap:3px}.mode-tabs button{border-radius:6px;font-size:10px;padding:10px 7px;border:0;background:transparent;color:#91a7bb}.mode-tabs button.active{color:#ecdfcd;background:#283748;box-shadow:inset 0 1px #d8c9b433}label{font-size:10px;color:#a2b5c6}input,select{background:#091726;border:1px solid #71889f40;color:#e0e9f0;border-radius:8px}.primary{background:#d9b382;color:#112033;font-weight:700;border-color:#e2c094}.primary:hover{background:#e9c89f}.helper{color:#8fa6ba;font-size:11px;line-height:1.65}.panel h3{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#a8bece}.move-row{font:12px ui-monospace,monospace;border-bottom:1px solid #9cbbd010;padding:8px}.move-row:nth-child(even){background:#c4d5e403}#moves{background:#081523;border-radius:9px;padding:8px;max-height:200px}.empty{color:#8299b0;font-size:11px;line-height:1.7}.below-grid{margin-top:48px}.score-panel,.manifesto,.collection{border-color:#94b3c324;border-radius:18px;background:linear-gradient(135deg,#142334,#0b1724)}.collection-symbol{opacity:.75}.collection h3{font-family:Georgia,serif;font-weight:400}.flat-board{background:#b68f61;padding:9px 9px 25px;aspect-ratio:1}.flat-board button{font-size:clamp(24px,4.2vw,58px);color:#eff5ff;text-shadow:0 2px 2px #092137,1px 0 #28456a,-1px 0 #28456a}.flat-board button.light{background:linear-gradient(130deg,#c1a17a,#ad895e)}.flat-board button.dark{background:linear-gradient(130deg,#284655,#142f3c)}.flat-board button.black{color:#111d29;text-shadow:0 1px 1px #9bf2d8,1px 0 #a1cebf,-1px 0 #a1cebf}.flat-board small{text-shadow:none;color:#36515c}.flat-board .dark small{color:#9eafb7}.arena-panel-hidden .panel{display:none}.arena-panel-hidden .game-layout{grid-template-columns:minmax(0,850px);justify-content:center}
/* Focus uses the whole viewport; native fullscreen keeps dialogs in the same document. */
body.arena-focus{background:#07111c url('./moonlight-garden.png') center/cover fixed}body.arena-focus:before{content:'';position:fixed;inset:0;background:#06101bd9;pointer-events:none;z-index:-1}.arena-focus header,.arena-focus footer,.arena-focus .hero,.arena-focus .below-grid,.arena-focus #collection,.arena-focus main>.helper{display:none}.arena-focus main{max-width:none;padding:0}.arena-focus .game-layout{--arena-size:min(calc(100dvh - 270px),calc(100vw - 384px));grid-template-columns:minmax(220px,var(--arena-size)) 300px;justify-content:center;gap:12px 24px;padding:14px 20px;margin:0;min-height:100dvh;align-content:start}.arena-focus .arena-toolbar{padding:10px 14px}.arena-focus .arena-wordmark{font-size:12px}.arena-focus .arena-heading{margin:0 0 8px;gap:8px}.arena-focus .arena-heading .eyebrow{display:none}.arena-focus .arena-heading h2{font-size:23px}.arena-focus .board-tools{margin-left:auto}.arena-focus .board-help,.arena-focus .rules{display:none}.arena-focus .player-bar{padding:7px 12px;margin:7px 0}.arena-focus .player-bar .clock{font-size:19px;padding:5px 8px}.arena-focus #status{margin:8px 0;font-size:11px;padding:8px 10px}.arena-focus .board-wrap{width:100%;aspect-ratio:1}.arena-focus #scene{width:100%;height:100%;aspect-ratio:1;min-height:0}.arena-focus .panel{max-height:calc(100dvh - 105px);overflow:auto;position:static;padding:20px;margin:0}.arena-focus .panel h2{margin:12px 0;font-size:27px}.arena-focus.arena-panel-hidden .game-layout{--arena-size:min(calc(100dvh - 270px),calc(100vw - 48px));grid-template-columns:minmax(220px,var(--arena-size))}.arena-focus .arena-toolbar{min-width:0}.arena-focus .arena-view-controls button{font-size:10px;padding:8px}.arena-focus .arena-toolbar .arena-wordmark{display:none}.arena-focus .arena-view-controls{width:100%;justify-content:center}.arena-focus .flat-board{height:100%;width:100%;padding:7px 7px 20px}.arena-focus .flat-board button{font-size:clamp(18px,4.5dvh,58px)}
@media(max-width:1000px){.arena-toolbar{gap:12px}.arena-wordmark{font-size:12px}.arena-view-controls button{font-size:10px;padding:9px}.hero-copy{width:95%;padding:30px}.hero-caption{max-width:130px;line-height:1.5}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.panel{padding:20px}.arena-focus .game-layout{--arena-size:min(calc(100dvh - 270px),calc(100vw - 335px));grid-template-columns:minmax(220px,var(--arena-size)) 265px;gap:12px 18px;padding:12px 16px}}
@media(max-width:760px){.hero{height:340px;margin:18px 0 28px;border-radius:18px}.hero-copy{width:100%;padding:26px 22px;background:linear-gradient(90deg,#06121ce8,#06121c55)}.hero img{object-position:62% center;opacity:.7}.hero h1{font-size:48px;letter-spacing:-2px}.hero .tagline{font-size:12px;max-width:230px}.hero-actions{gap:12px}.hero-play{padding:12px 15px;gap:20px}.hero-caption{font-size:7px;max-width:100px}.art-label{font-size:6px;right:12px}.game-layout{grid-template-columns:minmax(0,1fr)}.arena-toolbar{padding:14px}.arena-wordmark{font-size:14px}.arena-view-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.arena-view-controls button{min-height:38px;font-size:11px}.arena-heading h2{font-size:26px}.panel{position:static;margin-top:8px}.player-bar{padding:9px 12px}.player-bar .clock{font-size:21px}.arena-focus .game-layout,.arena-focus.arena-panel-hidden .game-layout{grid-template-columns:minmax(0,1fr);padding:10px 12px;gap:10px;max-width:640px;margin:auto}.arena-focus .arena-view-controls{grid-template-columns:1fr 1fr 1fr}.arena-focus .arena-view-controls button{font-size:9px;padding:8px 5px;min-height:34px}.arena-focus #arena-sound{display:none}.arena-focus .arena-heading{display:block}.arena-focus .arena-heading h2{display:none}.arena-focus .board-tools{margin:0;gap:5px}.arena-focus .board-tools button,.arena-focus .board-tools select{min-height:32px;padding:6px 4px}.arena-focus .arena-toolbar{padding:8px}.arena-focus .panel{max-height:none;overflow:visible}.arena-focus .board-wrap{max-width:min(100%,calc(100dvh - 240px));margin:auto}.arena-focus .player-bar{margin:6px 0}.arena-focus .arena-column{width:100%;min-width:0}.arena-focus .flat-board button{font-size:clamp(21px,6dvh,48px)}}
@media(max-height:520px) and (min-width:600px){.arena-focus .game-layout,.arena-focus.arena-panel-hidden .game-layout{--arena-size:min(calc(100dvh - 162px),calc(100vw - 330px));grid-template-columns:minmax(150px,var(--arena-size)) 270px;max-width:none;padding:6px 10px;gap:6px 16px}.arena-focus.arena-panel-hidden .game-layout{--arena-size:min(calc(100dvh - 162px),calc(100vw - 30px));grid-template-columns:minmax(150px,var(--arena-size))}.arena-focus .arena-heading h2,.arena-focus .arena-heading .eyebrow{display:none}.arena-focus .arena-heading{display:block;margin-bottom:4px}.arena-focus .board-tools{display:flex;width:100%;margin:0}.arena-focus .board-tools>*{flex:1;min-width:0;min-height:26px;font-size:8px;padding:4px}.arena-focus .arena-toolbar{padding:4px 8px}.arena-focus .arena-view-controls{display:flex}.arena-focus .arena-view-controls button{font-size:9px;min-height:26px;padding:5px 8px}.arena-focus .player-bar{padding:3px 8px;margin:4px 0}.arena-focus .player-bar .avatar{display:none}.arena-focus .player-bar strong{font-size:10px}.arena-focus .player-bar small{font-size:7px}.arena-focus .player-bar .clock{font-size:15px;padding:2px 6px}.arena-focus #status{padding:4px 8px;font-size:9px;margin:4px 0}.arena-focus .board-wrap{max-width:none}.arena-focus .panel{max-height:calc(100dvh - 55px);overflow:auto;padding:14px}.arena-focus .flat-board button{font-size:clamp(16px,5dvh,30px)}}
.arena-focus .arena-heading>div:first-child{display:none}.arena-focus .board-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;gap:5px}.arena-focus .board-tools button,.arena-focus .board-tools select{white-space:nowrap;width:100%;max-width:none;min-width:0;font-size:10px;padding:6px;min-height:30px}.arena-focus .player-bar{min-height:44px;padding:5px 10px;margin:5px 0}.arena-focus .player-bar .avatar{width:30px;height:30px;min-width:30px;font-size:20px}.arena-focus .player-bar .clock{padding:4px 7px}.arena-focus .game-layout{--arena-size:min(var(--focus-board-size,calc(100dvh - 300px)),calc(100vw - 384px))}.arena-focus.arena-panel-hidden .game-layout{--arena-size:min(var(--focus-board-size,calc(100dvh - 300px)),calc(100vw - 48px))}@media(max-width:1000px) and (min-width:761px){.arena-focus .game-layout{--arena-size:min(var(--focus-board-size,calc(100dvh - 300px)),calc(100vw - 335px))}}@media(max-height:520px) and (min-width:600px){.arena-focus .game-layout{--arena-size:min(var(--focus-board-size,calc(100dvh - 180px)),calc(100vw - 330px))}.arena-focus .player-bar{min-height:30px;height:30px;margin:3px 0;padding:2px 8px}.arena-focus .player-bar .clock{padding:2px 6px}.arena-focus .board-tools button,.arena-focus .board-tools select{min-height:25px;font-size:8px;padding:3px}.arena-focus .player-bar .avatar{display:none}}
@media(min-width:761px){.arena-focus.arena-panel-hidden .arena-toolbar{width:min(900px,calc(100vw - 40px));justify-self:center}}@media(max-height:520px) and (min-width:600px){.arena-focus.arena-panel-hidden .arena-toolbar{width:calc(100vw - 24px);justify-self:center}}
/* Capitol Chaos — a cosmetic collection. Chess ownership stays visible. */
#skin-locker{width:min(700px,94vw);max-height:90dvh;overflow:auto;border:1px solid #b7a17580;border-radius:24px;background:linear-gradient(135deg,#281824,#102337 70%);color:#f5efe4;padding:32px;box-shadow:0 35px 120px #000b}#skin-locker::backdrop{background:#050a13bb;backdrop-filter:blur(8px)}#skin-locker h2{font:normal clamp(30px,5vw,44px) Georgia,serif;margin:12px 0}#skin-locker p{line-height:1.65;color:#bec8d3}#skin-locker a{color:#e6c798}.skin-close{float:right;font-size:24px}.skin-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.skin-choices button{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:210px;padding:15px;background:#0c1422;border:2px solid #ffffff21;border-radius:18px;color:#eee}.skin-choices button[aria-pressed=true]{border-color:#e5c690;background:linear-gradient(140deg,#552533,#183653);box-shadow:0 0 0 3px #e5c69022}.skin-choices strong{font:24px Georgia,serif}.skin-choices small{font-size:11px;line-height:1.5}.skin-icon{font-size:48px;display:grid;place-content:center;height:110px}.campaign-duo{display:flex;justify-content:center;align-items:center;height:125px;position:relative}.campaign-duo .royal-portrait{width:115px;height:115px}.royal-portrait{display:block;background-image:url('./royals.png');background-size:200% 200%;background-repeat:no-repeat;pointer-events:none}.portrait-wk{background-position:0 0}.portrait-wq{background-position:100% 0}.portrait-bk{background-position:0 100%}.portrait-bq{background-position:100% 100%}.capitol-card{background:linear-gradient(125deg,#462332,#133657)!important}.capitol-card button{margin-top:12px}.skin-cast{font-size:12px}.collections{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}#flat-board button{position:relative}#flat-board .royal-portrait{position:absolute;inset:0 2% 4%;z-index:1}#flat-board .piece-role{position:absolute;top:2px;right:3px;font:800 10px sans-serif;background:#111e30;color:#fff;border:1px solid #b5c5d9;border-radius:4px;padding:1px 3px;z-index:2}#flat-board .campaign-emblem{position:absolute;bottom:4px;right:3px;font:800 8px sans-serif;color:#fff;background:#ba3044;padding:1px 3px;border-radius:3px}#flat-board .black .campaign-emblem{background:#2864b7}#flat-board button[data-court=red].light{background:#dbbfae}#flat-board button[data-court=red].dark{background:#702b3b}#flat-board button[data-court=blue].light{background:#b2c7dc}#flat-board button[data-court=blue].dark{background:#1d4064}#flat-board button.legal{box-shadow:inset 0 0 0 3px #61f9c8}#flat-board button.selected{box-shadow:inset 0 0 0 4px #ffe092}.capitol-white .player-bar.eth{border-left-color:#ee6578}.capitol-black .player-bar.sol{border-left-color:#62a7f2}.capitol-white .arena-column,.capitol-black .arena-column{--campaign:1}.arena-view-controls{flex-wrap:wrap}@media(max-width:500px){#skin-locker{padding:22px 16px}.skin-choices{gap:8px}.skin-choices button{padding:8px;min-height:180px}.campaign-duo .royal-portrait{width:75px;height:85px}.campaign-duo{height:100px}.skin-choices strong{font-size:19px}}
.royal-portrait{background-image:url('./royals-full.png')}#flat-board .royal-portrait{inset:-5% -5% 0}#turn-alert{padding:8px 14px;margin:8px 0;border:1px solid #dfbd7a;border-radius:10px;background:#dabb7922;color:#ffe3aa;font-size:13px;font-weight:700}#turn-alert[hidden]{display:none}.turn-nudge{animation:turn-nudge .45s ease-out}@keyframes turn-nudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}45%{transform:translateX(3px)}70%{transform:translateX(-1px)}}#result-banter{font:italic 18px/1.5 Georgia,serif;color:#e7c78d}.campaign-duo .royal-portrait{height:125px}@media(prefers-reduced-motion:reduce){.turn-nudge{animation:none}}

/* Riftbound — approved sanctuary direction, keeping the board readable. */
body.riftbound{--gold:#e2c18b;--mint:#a4d8dc;background:#081217 url('./rift-sanctuary.png') center/cover fixed;color:#e8e6df}body.riftbound .arena-column,body.riftbound .panel{background:linear-gradient(135deg,#172128ee,#101920ed);border-color:#ba9a6460}body.riftbound .arena-wordmark small{font-size:0}body.riftbound .arena-wordmark small:after{content:'THE WELL & THE LANTERN';font-size:9px;letter-spacing:1.5px}body.riftbound .arena-heading .eyebrow{font-size:0}body.riftbound .arena-heading .eyebrow:after{content:'RIFTBOUND · THE SANCTUARY';font-size:9px}body.riftbound .board-frame{border-color:#bba57d;box-shadow:0 22px 60px #0008,0 0 35px #c3914520}body.riftbound .player-bar.eth{border-color:#b5945d70;background:linear-gradient(100deg,#3b2e24,#17222b)}body.riftbound .player-bar.sol{border-color:#5b939e80;background:linear-gradient(100deg,#102d39,#17222b)}body.riftbound .panel h2,body.riftbound .arena-heading h2{font-family:Georgia,serif;letter-spacing:0}body.riftbound .board-badge{background:#09191de8;color:#e9d4a4}body.riftbound #turn-alert{border-color:#c5a673;background:#33291cd9}body.riftbound .flat-board button.dark{background:#30424b}body.riftbound .flat-board button.light{background:#d0c6b2}body.riftbound .flat-board button.black{color:#142c36;text-shadow:0 1px 1px #a0ccd5}.rift-portrait{position:absolute;inset:-10%;background-image:url('./rift-pieces.png');background-size:333.333% 191.402%;background-repeat:no-repeat;pointer-events:none}.rift-k{background-position:0 0}.rift-q{background-position:50% 0}.rift-r{background-position:100% 0}.rift-b{background-position:0 100%}.rift-n{background-position:50% 100%}.rift-p{background-position:100% 100%}.rift-piece .piece-role{position:absolute;right:2px;bottom:2px;font:bold 9px system-ui;color:#fff;background:#15232bdc;border-radius:3px;padding:2px;z-index:1}.skin-choices .rift-choice{grid-column:1/-1;text-align:left;min-height:125px;position:relative;overflow:hidden;background:#18232b}.rift-choice-art{position:absolute;inset:0;background:linear-gradient(90deg,#091217dd,#09121722),url('./rift-preview.png') center 30%/cover;pointer-events:none}.rift-choice strong,.rift-choice small{position:relative;display:block;z-index:1}.rift-choice strong{font:28px Georgia,serif;color:#efdcad}.rift-choice small{margin-top:10px;color:#d0dce1}body.riftbound .arena-toolbar{background:#111b22f0;border-color:#bba57d50}.hero img{object-position:center}.skin-choices .rift-choice[aria-pressed=true]{outline:2px solid #e4c48c}

#flat-board .rift-portrait{inset:0;background-size:333.333% 191.402%;overflow:hidden}#flat-board .rift-k{background-position:7.857% 0}#flat-board .rift-q{background-position:49.286% 0}#flat-board .rift-r{background-position:90.714% 0}#flat-board .rift-b,#flat-board .rift-n,#flat-board .rift-p{background-size:333.333% 209.407%}#flat-board .rift-b{background-position:7.857% 100%}#flat-board .rift-n{background-position:49.286% 100%}#flat-board .rift-p{background-position:90.714% 100%}#flat-board .rift-piece .piece-role{top:2px;bottom:auto;font-size:8px;padding:1px 2px;line-height:1}body.riftbound #flat-board button.black{font-size:clamp(28px,7vw,48px);color:#18333e;text-shadow:0 1px 0 #9fc9d0}body.riftbound .board-badge{pointer-events:none}body.riftbound .board-wrap:has(.flat-board:not([hidden])) .board-badge{display:none}

/* The waiting board remains readable; only its surface recedes. */
body.riftbound .board-wrap{background:#091b25 url('./rift-sanctuary.png') center/cover;isolation:isolate}#scene,#flat-board{transition:opacity .65s ease,filter .65s ease}body.opponent-turn #scene,body.opponent-turn #flat-board{opacity:.86;filter:saturate(.82)}.board-wrap:after{content:attr(data-turn);position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;padding:6px 12px;border:1px solid #e0be7d80;border-radius:20px;background:#15232be8;color:#ffe1a7;font:700 9px system-ui;letter-spacing:1.6px;white-space:nowrap}.board-wrap[data-turn='']:after{display:none}.opponent-turn .board-wrap:after{color:#bbdce5;border-color:#8fbacb65}.player-bar.turn{box-shadow:inset 3px 0 #e8c784,0 0 18px #e0b66a18}.riftbound .flat-board .dark{background-image:radial-gradient(ellipse at 25% 50%,#85d9e51a,transparent 55%)}.riftbound .flat-board button:nth-child(n+33){box-shadow:inset 0 0 15px #e9a3440d}#time-control{width:100%;margin:8px 0 0}.motion-disabled #scene,.motion-disabled #flat-board{transition:none}@media(prefers-reduced-motion:reduce){#scene,#flat-board{transition:none}}
/* Keep audio reachable in mobile focus mode too. */
.arena-toolbar #arena-sound,.arena-toolbar #music{display:inline-flex!important;align-items:center;justify-content:center}body:not(.riftbound) #music{display:none!important}