:root{color:#f4f7f5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1914;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}.staging-banner{z-index:100;color:#fff4cf;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#5a3d00;border-bottom:1px solid #ffd166;padding:.35rem 1rem;font-size:.75rem;font-weight:850;position:sticky;top:0}button,textarea,select{font:inherit}button{min-height:2.75rem}.game-shell{width:min(100%,46rem);margin:0 auto;padding:1rem clamp(.75rem,3vw,1.5rem) 3rem}.game-header{grid-template-columns:1fr auto;align-items:end;gap:0 1rem;margin-bottom:.75rem;display:grid}.eyebrow{color:#9ed2b1;letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:0 0 .25rem;font-size:.72rem;font-weight:800}h1{margin:0;font-size:clamp(1.8rem,8vw,3rem);line-height:1}h2{margin:0 0 .75rem;font-size:1rem}.game-status{color:#d5e3da;text-align:right;margin:0;font-size:.9rem;font-weight:650}.board-panel{width:100%}.board{--piece-move-duration:.36s;aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #6f8f7d;border-radius:.45rem;grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 3rem #0006}.board--dragging{cursor:grabbing}.square{aspect-ratio:1;color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;place-items:center;width:100%;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square--draggable{touch-action:none}.square--light{background:#d9dfce}.square--dark{background:#6d8f77}.square:focus-visible{z-index:4;outline-offset:-4px;outline:4px solid #f8d66d}.square--last:before{content:"";background:#ffd4008c;position:absolute;inset:0}.square--selected:before{content:"";z-index:1;background:#ffea0066;border:clamp(3px,.8vw,6px) solid #ffe000;position:absolute;inset:0}.square--check:after{content:"";background:radial-gradient(circle,#ef534dcc,#a8000066 58%,#0000 72%);border-radius:50%;position:absolute;inset:7%}.piece{z-index:2;filter:drop-shadow(0 1px #fff8)drop-shadow(0 2px 1px #0005);pointer-events:none;place-items:center;font-family:DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:clamp(2rem,11.5vw,5rem);line-height:1;display:grid;position:absolute;inset:0}.square--moving{z-index:5}.square--drag-target{box-shadow:inset 0 0 0 clamp(3px,.8vw,6px) #fff176}.piece--drag-source{visibility:hidden}.drag-piece{z-index:8;aspect-ratio:1;color:#111;filter:drop-shadow(0 1px #fff8)drop-shadow(0 4px 3px #0008);pointer-events:none;place-items:center;width:12.5%;font-family:DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:clamp(2rem,11.5vw,5rem);line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)scale(1.08)}.piece--moving{will-change:transform;animation:piece-move var(--piece-move-duration) cubic-bezier(.22, .75, .3, 1)}@keyframes piece-move{0%{transform:translate3d(var(--move-x), var(--move-y), 0)}to{transform:translate(0,0)}}.target{z-index:3;aspect-ratio:1;pointer-events:none;background:#173c2db8;border-radius:50%;width:27%;position:absolute}.target--capture{background:0 0;border:clamp(3px,.8vw,6px) solid #173c2db8;width:78%}.coordinate{z-index:4;color:#173c2d;pointer-events:none;font-size:clamp(.55rem,2.3vw,.8rem);font-weight:900;line-height:1;position:absolute}.square--dark .coordinate{color:#f1f4eb}.coordinate--file{bottom:.15rem;right:.2rem}.coordinate--rank{top:.18rem;left:.2rem}.board--rejected{animation:.16s ease-out reject}.feedback{color:#f4c3a9;min-height:1.4rem;margin:.55rem 0;font-size:.88rem}.controls{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.controls button,.import-panel button,.promotion-dialog button{color:#f4f7f5;background:#183a2b;border:1px solid #4e725f;border-radius:.65rem;padding:.65rem .8rem;font-weight:700}button:hover:not(:disabled){border-color:#91cba8}button:disabled{opacity:.45}.import-panel,.history{background:#10251c;border:1px solid #294638;border-radius:.75rem;margin-top:1rem;padding:1rem}.import-panel textarea{resize:vertical;color:#f4f7f5;background:#09150f;border:1px solid #4e725f;border-radius:.5rem;width:100%;margin-bottom:.6rem;padding:.7rem;display:block}.history p{color:#aabbb1;margin:0}.history ol{counter-reset:move;margin:0;padding:0;list-style:none}.history li{counter-increment:move;border-bottom:1px solid #294638;grid-template-columns:2.2rem 1fr 1fr;gap:.4rem;padding:.3rem 0;display:grid}.history li:before{content:counter(move) ".";color:#91a99b}.promotion-backdrop{z-index:20;background:#000a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.promotion-dialog{background:#10251c;border:1px solid #77aa8c;border-radius:.8rem;width:min(100%,28rem);padding:1.2rem;box-shadow:0 2rem 5rem #000b}.promotion-dialog>div{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}@keyframes reject{50%{transform:translate(3px)}}@media (width>=38rem){.controls{grid-template-columns:repeat(3,1fr)}}.remote-shell{place-items:center;min-height:100dvh;padding:1rem;display:grid}.home-shell{background:radial-gradient(circle at 75% 15%,#28543c66,#0000 32rem),linear-gradient(145deg,#07110d,#0d1914 55%,#0a1510);min-height:100dvh;padding:clamp(.65rem,2.5vw,1.5rem)}.home-dashboard{background:#0d1d16e8;border:1px solid #315644;border-radius:clamp(1rem,3vw,1.6rem);width:min(100%,68rem);margin:0 auto;overflow:hidden;box-shadow:0 1.5rem 4rem #0008}.home-header{border-bottom:1px solid #294638;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(.85rem,3vw,1.5rem);display:flex}.home-brand{color:#f4f7f5;align-items:center;gap:.65rem;text-decoration:none;display:flex}.home-brand:focus-visible,.home-dashboard button:focus-visible,.home-dashboard select:focus-visible,.home-dashboard input:focus-visible{outline-offset:3px;outline:3px solid #f8d66d}.brand-piece{aspect-ratio:1;color:#f8d66d;background:#10251c;border:1px solid #4e725f;border-radius:50%;place-items:center;width:2.7rem;font-size:1.7rem;display:grid}.home-brand strong,.home-brand small{display:block}.home-brand strong{letter-spacing:-.02em;font-size:1.15rem}.home-brand small{color:#9fb2a6;margin-top:.08rem;font-size:.68rem}.account-shortcut{color:#f4f7f5;background:#183a2b;border:1px solid #3f6653;border-radius:999px;align-items:center;gap:.4rem;min-height:2.5rem;padding:.5rem .75rem;font-weight:750;display:flex}.home-hero{grid-template-columns:minmax(0,1fr) minmax(5.5rem,30%);align-items:center;gap:clamp(.5rem,3vw,2rem);padding:clamp(1rem,4vw,2.2rem);display:grid}.home-hero-copy{min-width:0}.home-hero h1{letter-spacing:-.04em;max-width:15ch;font-size:clamp(1.75rem,6.2vw,3.7rem);line-height:.98}.home-hero-copy>p:not(.eyebrow){color:#b9c9bf;max-width:42rem;margin:.7rem 0 1rem;font-size:clamp(.85rem,2.2vw,1rem)}.home-board-motif{aspect-ratio:1;border:2px solid #4e725f;border-radius:.85rem;grid-template:repeat(4,1fr)/repeat(4,1fr);justify-self:end;width:min(100%,13rem);display:grid;overflow:hidden;transform:rotate(2deg);box-shadow:0 1rem 2.5rem #0007}.home-board-motif span{color:#f4f7f5;place-items:center;font-size:clamp(1rem,5vw,2.5rem);display:grid}.home-board-motif span:nth-child(8n+1),.home-board-motif span:nth-child(8n+3),.home-board-motif span:nth-child(8n+6),.home-board-motif span:nth-child(8n+8){color:#173c2d;background:#cbd6c6}.home-board-motif span:nth-child(8n+2),.home-board-motif span:nth-child(8n+4),.home-board-motif span:nth-child(8n+5),.home-board-motif span:nth-child(8n+7){background:#547561}.play-now-button{color:#fff;text-align:left;background:linear-gradient(135deg,#285dc9,#2447a7);border:1px solid #7ea1ff;border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:min(100%,28rem);min-height:3.7rem;padding:.65rem .9rem;display:grid;box-shadow:0 .7rem 1.8rem #1849b066}.play-now-button strong,.play-now-button small{display:block}.play-now-button strong{font-size:1.05rem}.play-now-button small{color:#dbe7ff;margin-top:.1rem;font-size:.72rem;font-weight:550}.play-section,.future-section{background:#10251c;border:1px solid #294638;border-radius:1rem;margin:0 clamp(.65rem,3vw,1.5rem) .8rem;padding:clamp(.8rem,2.5vw,1.25rem)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:clamp(1rem,3vw,1.25rem)}.section-heading>span{color:#8da196;font-size:.68rem}.play-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,1.5vw,.75rem);display:grid}.feature-button{color:#f4f7f5;text-align:left;background:#183a2b;border:1px solid #3d604f;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;min-height:4.4rem;padding:.65rem;display:grid;position:relative}.play-mode-grid .feature-button{text-align:center;grid-template-columns:1fr;align-content:center;min-height:7rem}.feature-button:hover:not([aria-disabled=true]){background:#204a37;border-color:#91cba8;transform:translateY(-1px)}.feature-icon{color:#f8d66d;font-size:1.7rem;line-height:1}.feature-copy{min-width:0}.feature-copy strong,.feature-copy small{display:block}.feature-copy strong{line-height:1.1}.feature-copy small{color:#aebfb5;margin-top:.25rem;font-size:.7rem;font-weight:550;line-height:1.25}.feature-button--coming-soon,.feature-button--disabled{color:#a5b0aa;cursor:help;background:#15221c;border-color:#34463d}.feature-button--coming-soon .feature-icon,.feature-button--disabled .feature-icon{color:#78877f}.feature-badge{color:#bdc6c1;letter-spacing:.04em;text-transform:uppercase;background:#2b3731;border-radius:999px;grid-column:1/-1;width:max-content;max-width:100%;padding:.15rem .4rem;font-size:.56rem;font-weight:800}.mode-setup{background:#0b1a13;border:1px solid #3f6653;border-radius:.8rem;gap:.75rem;margin-top:.75rem;padding:.85rem;display:grid}fieldset.mode-setup legend{color:#9ed2b1;padding:0 .35rem;font-weight:800}.setup-fields,.friends-setup,.friend-create,.friend-join{gap:.6rem;display:grid}.setup-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-fields label,.friend-create label,.friend-join label{color:#b9c9bf;gap:.3rem;font-size:.7rem;font-weight:750;display:grid}.home-dashboard select,.home-dashboard input,.mode-setup button{color:#f4f7f5;background:#132c21;border:1px solid #4e725f;border-radius:.65rem;min-width:0;min-height:2.75rem;padding:.55rem .65rem;font-weight:700}.setup-primary{background:#285dc9!important;border-color:#6d92eb!important}.friends-setup{grid-template-columns:1fr 1fr}.friend-create,.friend-join{grid-template-columns:minmax(0,1fr) auto}.friend-create label,.friend-join label{grid-column:1/-1}.friend-join{border-left:1px solid #294638;padding-left:.75rem}.friend-join input{text-align:center;text-transform:uppercase;letter-spacing:.18em}.future-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.feature-button--compact{grid-template-columns:auto minmax(0,1fr);min-height:4.8rem;padding:.55rem}.feature-button--compact .feature-icon{font-size:1.25rem}.home-card{background:#10251c;border:1px solid #315644;border-radius:1rem;width:min(100%,32rem);padding:clamp(1.2rem,5vw,2rem);box-shadow:0 1.5rem 4rem #0007}.home-card h1{margin-bottom:1rem}.home-card>p:not(.eyebrow,.feedback){color:#c1d1c7}.home-card button,.home-card select{color:#f4f7f5;background:#183a2b;border:1px solid #4e725f;border-radius:.65rem;min-height:3rem;padding:.7rem .85rem;font-weight:700}.home-card select{color:#f4f7f5;background:#09150f;border:1px solid #4e725f;border-radius:.65rem;min-height:2.75rem;padding:.55rem .7rem}.engine-controls{grid-template-columns:repeat(2,1fr)}.engine-license{color:#9fb2a6;text-align:center;font-size:.75rem}.engine-license a{color:#9ed2b1}.remote-placeholder{aspect-ratio:1;color:#b8c9bf;background:#10251c;border:1px solid #315644;border-radius:.45rem;place-items:center;width:100%;display:grid}.chess-clocks{grid-template-columns:1fr 1fr;gap:.6rem;width:min(100%,38rem);margin:0 auto .6rem;display:grid}.chess-clock{font-variant-numeric:tabular-nums;border:2px solid #475569;border-radius:.6rem;justify-content:space-between;align-items:center;padding:.65rem .8rem;display:flex}.chess-clock.active{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.chess-clock strong{font-size:1.35rem}.untimed-label{text-align:center;width:min(100%,38rem);margin:0 auto .6rem;font-weight:700}.remote-controls{grid-template-columns:repeat(2,1fr)}.account-card{gap:1rem}.account-tabs,.account-form{gap:.75rem;display:grid}.account-tabs{grid-template-columns:1fr 1fr}.account-tabs button[aria-pressed=true]{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}@media (width<=44rem){.home-header{padding-block:.65rem}.home-hero{padding-block:.9rem}.section-heading>span{display:none}.future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-grid .feature-button:last-child{grid-column:1/-1}.friends-setup{grid-template-columns:1fr}.friend-join{border-top:1px solid #294638;border-left:0;padding-top:.75rem;padding-left:0}}@media (width<=30rem){.home-brand small,.play-mode-grid .feature-copy small{display:none}.account-shortcut{min-width:2.6rem;padding-inline:.6rem;font-size:0}.account-shortcut span{font-size:1.15rem}.home-hero{grid-template-columns:minmax(0,1fr) 5.5rem}.play-mode-grid .feature-button{min-height:5.8rem;padding-inline:.3rem}.play-mode-grid .feature-copy strong{font-size:.76rem}.setup-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.staging-banner{z-index:110;color:#bdc8d9;letter-spacing:.11em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121c2dcc;border:1px solid #52617a;border-radius:999px;width:max-content;padding:.18rem .5rem;font-size:.52rem;position:fixed;top:.35rem;left:50%;transform:translate(-50%)}.staging-banner+.home-shell{padding-top:1.65rem}.home-shell{color:#f7f9fd;background:radial-gradient(circle at 50% 25%,#17243a 0,#0000 26rem),#070d18;min-height:100dvh;padding:.65rem .65rem 6.6rem}.home-shell .home-dashboard{width:min(100%,37rem);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;overflow:visible}.home-shell .home-header{border:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.8rem;padding:.15rem .15rem .7rem;display:flex}.home-shell .home-brand{color:#f8fafc;align-items:center;gap:.65rem;text-decoration:none;display:flex}.home-shell .brand-piece{aspect-ratio:1;color:#f5f7fb;background:#0b1422;border:2px solid #213d66;border-radius:50%;place-items:center;width:3.2rem;font-size:2rem;display:grid;box-shadow:inset 0 0 1.2rem #09101c}.home-shell .home-brand h1{color:#f5f7fb;letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,7vw,2rem);line-height:1}.home-shell .home-brand h1 span{color:#4f83ed}.home-shell .home-brand small{color:#8d97aa;letter-spacing:0;margin-top:.28rem;font-size:clamp(.62rem,2.8vw,.78rem);font-weight:550;display:block}.home-shell .account-shortcut{color:#f6f8fc;background:#161f30;border:1px solid #202d42;border-radius:1rem;place-items:center;gap:.05rem;min-width:3.6rem;min-height:3rem;padding:.35rem .55rem;display:grid}.home-shell .account-shortcut span{color:#7ca3ff;font-size:1.15rem;line-height:1}.home-shell .account-shortcut strong{font-size:.58rem}.home-status-strip{background:linear-gradient(145deg,#151f30,#111a29);border:1px solid #263248;border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));min-height:5.8rem;margin:.45rem 0 .8rem;padding:.75rem .25rem;display:grid;box-shadow:0 .8rem 2.2rem #0005}.home-status-strip>div{text-align:center;align-content:center;place-items:center;min-width:0;padding:0 .35rem;display:grid}.home-status-strip>div+div{border-left:1px solid #2a3549}.home-status-strip strong,.home-status-strip small{max-width:100%;display:block}.home-status-strip strong{text-overflow:ellipsis;margin-top:.2rem;font-size:clamp(.7rem,3vw,.9rem);line-height:1.1;overflow:hidden}.home-status-strip small{color:#8994a7;margin-top:.18rem;font-size:clamp(.52rem,2.4vw,.66rem);line-height:1.15}.status-icon{font-size:1.55rem;font-weight:800;line-height:1}.status-icon--yellow{color:#f8b83e}.status-icon--green{color:#48d56d}.status-icon--violet{color:#ac70f3}.home-board-wrap{width:calc(100% - 1.8rem);margin:0 auto .8rem;padding:.1rem}.home-position-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#718096;border:1px solid #36445a;border-radius:.8rem;grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 1.1rem 2.7rem #0008}.home-position-square{place-items:center;min-width:0;display:grid;position:relative}.home-position-square--light{background:#8f99aa}.home-position-square--dark{background:#566277}.home-position-piece{font-family:DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:clamp(1.7rem,10vw,4.5rem);line-height:1}.home-position-piece--white{color:#f2f2f0;filter:drop-shadow(0 1px #fff)drop-shadow(0 2px 1px #1c2430)}.home-position-piece--black{color:#171d28;filter:drop-shadow(0 1px #606b7b)drop-shadow(0 2px 1px #0008)}.home-rank-label,.home-file-label{color:#d8dee8;text-shadow:0 1px 1px #0008;font-size:clamp(.42rem,1.8vw,.64rem);font-weight:800;line-height:1;position:absolute}.home-rank-label{top:.14rem;left:.16rem}.home-file-label{bottom:.14rem;right:.16rem}.home-shell .play-now-button{color:#fff;text-align:left;background:linear-gradient(135deg,#3974df,#264fbd);border:1px solid #6794ff;border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:calc(100% - .5rem);min-height:4.4rem;margin:0 auto .75rem;padding:.65rem 1rem;display:grid;box-shadow:0 .65rem 1.8rem #1c54c46e}.home-shell .play-now-button strong,.home-shell .play-now-button small{display:block}.home-shell .play-now-button strong{font-size:clamp(1.15rem,5vw,1.55rem)}.home-shell .play-now-button small{color:#c2d5ff;margin-top:.12rem;font-size:.72rem;font-weight:550}.play-now-icon{font-size:1.7rem}.play-now-arrow{color:#dce7ff;font-size:2rem;font-weight:300}.home-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.home-mode-grid .feature-button{color:#f5f7fb;text-align:center;background:linear-gradient(145deg,#172233,#121b2a);border:1px solid #29364b;border-radius:1rem;grid-template-columns:1fr;align-content:center;place-items:center;gap:.28rem;min-width:0;min-height:7.2rem;padding:.55rem .28rem;display:grid;box-shadow:0 .55rem 1.2rem #0004}.home-mode-grid .feature-button[data-feature=local] .feature-icon{color:#4bd368}.home-mode-grid .feature-button[data-feature=engine] .feature-icon{color:#f1b83f}.home-mode-grid .feature-button[data-feature=friends] .feature-icon{color:#b677f0}.home-mode-grid .feature-button[data-feature=puzzles] .feature-icon{color:#5e8df4}.home-mode-grid .feature-icon{font-size:clamp(1.55rem,7vw,2.2rem)}.home-mode-grid .feature-copy strong{font-size:clamp(.66rem,2.8vw,.84rem);line-height:1.15;display:block}.home-mode-grid .feature-copy small{color:#8994a7;margin-top:.25rem;font-size:clamp(.5rem,2.15vw,.64rem);font-weight:550;line-height:1.25;display:block}.home-mode-grid .feature-button[aria-disabled=true]{opacity:.7;cursor:help}.home-mode-grid .feature-button:hover:not([aria-disabled=true]){background:linear-gradient(145deg,#202f47,#17243a);border-color:#56719e;transform:translateY(-1px)}.home-mode-grid .feature-badge{color:#aebbd0;letter-spacing:.02em;background:#253149;border-radius:999px;width:auto;padding:.12rem .3rem;font-size:.45rem}.home-feedback{color:#f0bd6b;text-align:center;min-height:1.2rem;margin:.45rem 0 0;font-size:.72rem}.home-bottom-nav{right:.55rem;bottom:max(.45rem, env(safe-area-inset-bottom));z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121c2df2;border:1px solid #27344a;border-radius:1.05rem;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100% - 1.1rem,37rem);min-height:4.5rem;margin:auto;padding:.35rem;display:grid;position:fixed;left:.55rem;box-shadow:0 .8rem 2.4rem #000a}.bottom-nav-item{color:#7f8ba0;background:0 0;border:0;border-radius:.7rem;align-content:center;place-items:center;gap:.1rem;min-width:0;min-height:3.7rem;padding:.2rem;display:grid}.bottom-nav-item>span{font-size:1.25rem;line-height:1}.bottom-nav-item strong{text-overflow:ellipsis;max-width:100%;font-size:clamp(.52rem,2.5vw,.68rem);overflow:hidden}.bottom-nav-item small{font-size:.42rem}.bottom-nav-item--active{color:#568af4}.home-modal-backdrop{z-index:120;background:#02050bc9;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.home-mode-dialog{color:#f5f7fb;background:#111b2b;border:1px solid #34435d;border-radius:1.2rem;width:min(100%,32rem);padding:1rem;box-shadow:0 1.8rem 4rem #000c}.home-mode-dialog>header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.85rem;display:flex}.home-mode-dialog header p,.home-mode-dialog header h2{margin:0}.home-mode-dialog header p{color:#7fa4ef;letter-spacing:.09em;text-transform:uppercase;font-size:.64rem;font-weight:800}.home-mode-dialog header h2{margin-top:.2rem;font-size:1.25rem}.home-mode-dialog header button{color:#dce3ef;background:#1b273a;border:1px solid #3a4962;border-radius:50%;width:2.6rem;min-height:2.6rem;font-size:1.4rem}.home-dialog-content,.home-dialog-content>div{gap:.65rem;display:grid}.home-dialog-content label,.home-friends-dialog>div>label{color:#aeb9ca;gap:.3rem;font-size:.72rem;font-weight:750;display:grid}.home-mode-dialog select,.home-mode-dialog input,.home-mode-dialog .home-dialog-content button{color:#f5f7fb;background:#19263a;border:1px solid #3a4962;border-radius:.7rem;width:100%;min-height:2.9rem;padding:.6rem .75rem;font-weight:700}.home-mode-dialog .dialog-primary{background:#315fc8;border-color:#6992f2}.home-friends-dialog>div+div{border-top:1px solid #2b374c;padding-top:.75rem}.home-friends-dialog input{text-align:center;text-transform:uppercase;letter-spacing:.18em}.dialog-feedback{color:#f0bd6b;text-align:center;min-height:1rem;margin:.55rem 0 0;font-size:.72rem}.home-shell .home-brand:focus-visible,.home-shell button:focus-visible,.home-mode-dialog select:focus-visible,.home-mode-dialog input:focus-visible{outline-offset:2px;outline:3px solid #80a7ff}@media (width>=42rem){.home-shell{padding-top:1rem}.home-shell .home-dashboard{background:#0a111e;border:1px solid #202c40;border-radius:1.5rem;padding:.75rem;box-shadow:0 1.5rem 4rem #0008}.home-board-wrap{width:calc(100% - 4rem)}.home-mode-dialog{margin-bottom:5rem}}@media (width<=23rem){.home-shell{padding-inline:.4rem}.home-status-strip small,.home-mode-grid .feature-copy small,.bottom-nav-item small{display:none}.home-mode-grid .feature-button{min-height:5.7rem}}.game-shell{width:min(100%,38rem);min-height:100dvh;padding:.55rem .5rem max(1.25rem, env(safe-area-inset-bottom));color:#f5f7fb;background:#070d18;margin:0 auto}.staging-banner+.game-shell{padding-top:2.2rem}.play-header{grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:3.1rem;padding:.25rem .15rem;display:grid;position:relative}.play-header__back{color:#dbe4f4;background:0 0;border:0;border-radius:50%;width:2.7rem;min-height:2.7rem;font-size:1.6rem}.play-header__identity{min-width:0;display:grid}.play-header__identity strong{font-size:1.15rem;line-height:1.1}.play-header__identity span,.play-header__status{color:#8d9bb0;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.25;overflow:hidden}.play-header__status{color:#b9c6d8;text-align:right;max-width:9rem;margin:0;font-weight:700}.move-ribbon{background:#102a45;border:1px solid #29405e;border-radius:.85rem;grid-template-columns:2.55rem minmax(0,1fr) 2.55rem 2.55rem;align-items:center;gap:.25rem;min-height:3.25rem;margin:.25rem 0 .5rem;padding:.3rem;display:grid;box-shadow:0 .5rem 1.4rem #0003}.move-ribbon>button{color:#dce8f7;background:#183b60;border:0;border-radius:.6rem;width:2.55rem;min-height:2.55rem;padding:0;font-size:1.65rem;font-weight:800}.move-ribbon__track{overscroll-behavior-inline:contain;scrollbar-width:none;align-items:center;gap:.3rem;min-width:0;display:flex;overflow-x:auto}.move-ribbon__track::-webkit-scrollbar{display:none}.move-ribbon__empty{color:#97a8bd;white-space:nowrap;padding-inline:.5rem;font-size:.72rem}.move-ribbon__move{color:#d3deed;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.55rem;flex:none;min-height:2.25rem;padding:.35rem .55rem;font-size:.82rem;font-weight:750}.move-ribbon__move span{color:#7f94ad;margin-right:.22rem}.move-ribbon__move[aria-current=step]{color:#fff;background:#295b8d;border-color:#ffab9e;box-shadow:inset 0 0 0 1px #ffab9e}.move-ribbon .move-ribbon__present{color:#74a9ff;font-size:.8rem}.player-card{background:#111d2e;border:1px solid #25364e;border-radius:.85rem;grid-template-columns:2.7rem minmax(0,1fr) auto auto;align-items:center;gap:.55rem;min-height:4rem;margin:.42rem 0;padding:.5rem .65rem;display:grid;box-shadow:0 .45rem 1.2rem #0003}.player-card--active{background:#16385a;border-color:#3977c7;box-shadow:inset .2rem 0 #6fa7ff,0 .5rem 1.4rem #0004}.player-card__piece{aspect-ratio:1;background:#26364d;border-radius:50%;place-items:center;width:2.7rem;font-family:DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:1.8rem;display:grid}.player-card__identity{min-width:0;display:grid}.player-card__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.player-card__identity span,.player-card__turn{color:#8fa0b6;font-size:.65rem}.player-card--active .player-card__turn{color:#9bc0ff;font-weight:800}.player-card__clock{font-variant-numeric:tabular-nums;text-align:right;min-width:4.7rem;font-size:clamp(1.1rem,5vw,1.45rem)}.player-card__clock:has(+*){min-width:0}.game-shell .board{border:0;border-radius:.2rem;width:calc(100% + 1rem);margin-left:-.5rem;box-shadow:0 .85rem 2.2rem #0007}.game-shell .square--light{background:#d8e6f2}.game-shell .square--dark{background:#79a3e5}.game-shell .target{background:#215eacb8}.game-shell .target--capture{background:0 0;border-color:#215eaccc}.game-shell .coordinate{color:#315d9c}.game-shell .square--dark .coordinate{color:#e8f1ff}.game-feedback{color:#f2b9a5;text-align:center;min-height:1.15rem;margin:.25rem 0;font-size:.72rem}.game-actions{scrollbar-width:none;gap:.4rem;padding:.25rem 0 .4rem;display:flex;overflow-x:auto}.game-actions::-webkit-scrollbar{display:none}.game-actions button,.game-tools summary,.game-shell .import-panel button,.game-shell .promotion-dialog button{color:#dce5f2;background:#17263a;border:1px solid #334764;border-radius:.6rem;flex:1 0 auto;min-height:2.45rem;padding:.45rem .7rem;font-size:.72rem;font-weight:750}.game-tools{color:#a8b6c9;margin-top:.2rem;font-size:.72rem}.game-tools summary{cursor:pointer;align-items:center;display:inline-flex}.game-shell .import-panel{background:#101b2b;border-color:#293a53;margin-top:.5rem}.game-shell .import-panel textarea{color:#f5f7fb;background:#09111e;border-color:#364b69}.game-shell .promotion-dialog{background:#111e31;border-color:#446b9e}.game-shell .engine-license{color:#74859b;margin:.35rem 0 0}.game-shell .engine-license a{color:#8eaff0}.play-header button:focus-visible,.move-ribbon button:focus-visible,.move-ribbon__track:focus-visible,.game-actions button:focus-visible,.game-tools summary:focus-visible{outline-offset:2px;outline:3px solid #80a7ff}@media (width>=42rem){.game-shell{border:1px solid #1d2a3e;border-radius:1.2rem;margin-block:1rem;padding:.8rem;box-shadow:0 1.5rem 4rem #0008}.game-shell .board{border-radius:.5rem;width:100%;margin-left:0}}@media (width<=25rem){.play-header__status{max-width:6.5rem}.player-card{grid-template-columns:2.35rem minmax(0,1fr) auto}.player-card__piece{width:2.35rem}.player-card__turn{display:none}.player-card__clock{min-width:4.25rem;font-size:1.05rem}}