:root{color-scheme:light;--bg: #c4b19a;--panel: rgba(17, 20, 22, .9);--panel-border: rgba(255, 255, 255, .08);--text: #f0f1ed;--muted: #adb2ae;--accent: #70d6ff;--selection: #70d6ff;--legal-target: rgba(112, 214, 255, .34);--legal-target-ring: rgba(214, 244, 255, .42);--legal-capture: rgba(112, 214, 255, .8);--legal-capture-inner: rgba(214, 244, 255, .24);--light-square: #d7d7d5;--dark-square: #5d6268;--shadow: 0 22px 70px rgba(11, 11, 12, .38);--board-size: min(78vw, 560px);--device-black: #1a1d1f;--device-black-soft: #252a2d;--device-rim: #363c41;--screen-border: #80868e;--led: #77ff46;--led-dim: #50634a;--panel-sidebar-base-width: 22rem;--panel-sidebar-offset: -10rem;--panel-sidebar-right-extend: 12rem;--panel-sidebar-y-offset: .05rem;--board-panel-surface: linear-gradient(180deg, rgba(38, 42, 45, .96) 0%, rgba(19, 22, 24, .96) 100%);--mobile-footer-gap: 2.5rem;--mobile-footer-padding-bottom: .8rem;--mobile-safe-bottom-space: 0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Michroma,sans-serif;font-stretch:condensed;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:linear-gradient(#241b1229,#241b1229),linear-gradient(90deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 220px),linear-gradient(0deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 160px),linear-gradient(180deg,#bfa78f,#a88f76)}body:before,body:after{content:"";position:fixed;left:50%;transform:translate(-50%);pointer-events:none;opacity:0;z-index:3;transition:opacity .18s ease}.mobile-scroll-cue{position:fixed;left:50%;bottom:.7rem;z-index:4;display:none;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:1px solid rgba(57,37,21,.3);border-radius:999px;background:#f5eee5db;box-shadow:0 .35rem 1.1rem #39251433,inset 0 1px #ffffffb3;transform:translate(-50%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.mobile-scroll-cue:hover{box-shadow:0 .45rem 1.35rem #3925143d,inset 0 1px #ffffffc7}.mobile-scroll-cue:active{transform:translate(-50%) translateY(.08rem)}.mobile-scroll-cue:focus-visible{outline:2px solid rgba(57,37,21,.85);outline-offset:2px}.mobile-scroll-cue__chevron{width:.9rem;height:.9rem;margin-top:-.12rem;border-right:3px solid rgba(57,37,21,.8);border-bottom:3px solid rgba(57,37,21,.8);transform:rotate(45deg)}.app-shell{flex:1 0 auto;width:min(1680px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem;display:grid;gap:2rem}.board-panel{background:linear-gradient(90deg,#f3f4ef6b,#f3f4efe6 8%,#cbcec994 22%,#f0f1ede0 41%,#bfc3be80 58%,#f4f5f0d6 76%,#d3d6d18c 90%,#f3f4ef52) top / 100% 2px no-repeat,linear-gradient(90deg,#e7e9e447,#e7e9e4c7 10%,#bcc0bc70 28%,#e9ebe6bd 47%,#b1b5b161 64%,#e5e7e2ad,#e7e9e43d) bottom / 100% 2px no-repeat,var(--board-panel-surface);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow);margin-right:3rem}.app-header{padding:2rem 2rem 1rem;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.logo{display:block;width:min(100%,420px);height:auto;margin:0 auto 1rem;border:1px solid #000;border-radius:4px}.app-header h1{margin:0}.app-header h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95}.intro{max-width:56ch;margin:1rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}.board-panel{padding:1.5rem 1.5rem 5rem}.board-layout{display:grid;grid-template-columns:minmax(10.5rem,13rem) minmax(34rem,3fr) minmax(22rem,34rem);align-items:stretch;gap:1.5rem}.board-column{display:grid;gap:.85rem;min-width:0}.panel-sidebar{background:transparent;display:grid;gap:3rem;justify-self:end;align-self:start;width:min(100%,calc(var(--panel-sidebar-base-width) + var(--panel-sidebar-right-extend)));padding-right:var(--panel-sidebar-right-extend);box-sizing:border-box;min-width:0;margin-right:0;transform:translate(calc(var(--panel-sidebar-offset) + var(--panel-sidebar-right-extend)),var(--panel-sidebar-y-offset))}.status-text{min-height:3rem;margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.03em}.turn-badge{display:block;width:min(100%,calc(var(--panel-sidebar-base-width) + var(--panel-sidebar-right-extend)));max-width:100%}.control-panel{display:grid;gap:.3rem;width:min(100%,calc(var(--panel-sidebar-base-width) + var(--panel-sidebar-right-extend)));max-width:100%}.move-entry-panel{position:relative;display:grid;gap:.9rem;width:min(100%,calc(var(--panel-sidebar-base-width) + var(--panel-sidebar-right-extend)));max-width:100%;padding:.9rem 1rem 1rem;border-radius:12px;background:linear-gradient(180deg,#25292cfa,#0d0f10fa);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #000000ad,0 .8rem 1.8rem #0003}.move-entry-panel__header{display:grid;gap:.2rem}.move-entry-panel__title,.move-entry-panel__subtitle,.move-entry-panel__label,.move-entry-panel__submit{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;text-transform:uppercase}.move-entry-panel__title{font-size:.84rem;letter-spacing:.14em;color:#f0f2ed}.move-entry-panel__subtitle{font-size:.63rem;letter-spacing:.14em;color:#98a09a}.move-entry-panel__readouts{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.move-entry-panel__readout{display:grid;gap:.34rem}.move-entry-panel__display-well{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.7rem .45rem .7rem .75rem;border-radius:.2rem;overflow:hidden;background:radial-gradient(circle at 70% 52%,#ff3b3b14,#ff3b3b08 24%,#0000 54%),linear-gradient(90deg,#46111138,#29090914 22%,#0000 42%),linear-gradient(180deg,#1d1f22fa,#0b0c0efc 48%,#050506);box-shadow:inset 0 .12rem .24rem #ffffff0f,inset 0 -.14rem .24rem #ffffff0d,inset 0 .34rem .44rem #000000d6,inset 0 -.34rem .44rem #000000d6,inset 0 0 0 1px #70121257,0 0 0 1px #ffffff05}.move-entry-panel__display-well:before,.move-entry-panel__display-well:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.move-entry-panel__display-well:before{background:linear-gradient(180deg,#ffffff17,#fff0 18%),linear-gradient(90deg,#ffffff0d,#fff0 14%,#fff0 86%,#ffffff0a)}.move-entry-panel__display-well:after{background:repeating-linear-gradient(180deg,#ffffff05 0,#ffffff05 1px,#0000 1px,#0000 4px);mix-blend-mode:screen;opacity:.35}.move-entry-panel__display-well:focus-within{box-shadow:inset 0 .12rem .24rem #ffffff0f,inset 0 -.14rem .24rem #ffffff0d,inset 0 .34rem .44rem #000000d6,inset 0 -.34rem .44rem #000000d6,inset 0 0 0 1px #b31c1c8f,0 0 0 1px #ffffff08,0 0 0 2px #ff4b4b24,0 0 1rem #ff2c2c29}.move-entry-panel__display-well:has(.move-entry-panel__input:disabled:not(:placeholder-shown)){box-shadow:inset 0 .12rem .24rem #ffffff0f,inset 0 -.14rem .24rem #ffffff0d,inset 0 .34rem .44rem #000000d6,inset 0 -.34rem .44rem #000000d6,inset 0 0 0 1px #a1181880,0 0 0 1px #ffffff08,0 0 .82rem #ff2c2c24}.move-entry-panel__label{font-size:.64rem;letter-spacing:.16em;color:#c9cec7}.move-entry-panel__stepper{position:relative;z-index:1;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:.28rem}.move-entry-panel__stepper-button{min-width:0;min-height:1.28rem;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:.28rem;background:linear-gradient(180deg,#3a3f43f2,#101214f5);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000007a,0 0 0 1px #0000003d;color:#f0f2ed;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:.88rem;font-weight:700;line-height:1;cursor:pointer;transition:filter .12s ease,transform .12s ease}.move-entry-panel__stepper-button:hover{filter:brightness(1.08)}.move-entry-panel__stepper-button:active{transform:translateY(.08rem) scaleY(.94)}.move-entry-panel__stepper-button:focus-visible{outline:2px solid #ff6d6d;outline-offset:1px}.move-entry-panel__stepper-button:disabled{opacity:.5;cursor:default;filter:grayscale(.25)}.move-entry-panel__input{width:100%;min-width:0;padding:.62rem .45rem .54rem;border:0;border-radius:.34rem;background:linear-gradient(180deg,#060607fc,#110707 48%,#070404);box-shadow:inset 0 .06rem .08rem #ffffff05,inset 0 .16rem .3rem #000000d6,inset 0 -.08rem .16rem #ff36361a,0 0 0 1px #560d0d8c;color:#ff6363eb;font-family:Wallpoet,Michroma,sans-serif;font-size:1.38rem;font-weight:400;letter-spacing:.2em;line-height:1;text-transform:uppercase;text-align:center;font-variant-numeric:lining-nums tabular-nums;-webkit-text-stroke:.025em rgba(255,193,193,.08);text-shadow:0 0 .08rem rgba(255,209,209,.75),0 0 .38rem rgba(255,104,104,.5),0 0 .78rem rgba(231,31,31,.32);caret-color:#ff8888e6;opacity:.96}.move-entry-panel__input::placeholder{color:#6c1818b8;-webkit-text-stroke:0;text-shadow:0 0 .05rem rgba(102,34,34,.25)}.move-entry-panel__input:focus{outline:none;box-shadow:inset 0 .06rem .08rem #ffffff05,inset 0 .16rem .3rem #000000d6,inset 0 -.08rem .2rem #ff585833,0 0 0 1px #801515b3}.move-entry-panel__input:disabled{color:#89292994;background:linear-gradient(180deg,#09090af7,#0f0c0cfc);cursor:not-allowed;text-shadow:0 0 .05rem rgba(109,35,35,.28)}.move-entry-panel__input:disabled:not(:placeholder-shown){color:#ff6c6ce6;text-shadow:0 0 .08rem rgba(255,214,214,.72),0 0 .34rem rgba(255,100,100,.46),0 0 .72rem rgba(231,31,31,.28);box-shadow:inset 0 .06rem .08rem #ffffff05,inset 0 .16rem .3rem #000000d6,inset 0 -.08rem .16rem #ff36361a,0 0 0 1px #6c12129e}.move-entry-panel__submit{order:2;justify-self:start;min-width:10rem;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:linear-gradient(180deg,#3b4044fa,#101214fa);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #000000ad,0 .12rem #000000c7;color:#f0f2ed;font-size:.72rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:filter .12s ease,transform .12s ease}.move-entry-panel__submit:hover{filter:brightness(1.08)}.move-entry-panel__submit:active{transform:translateY(.08rem) scaleY(.94)}.move-entry-panel__submit:focus-visible{outline:2px solid #ff6d6d;outline-offset:2px}.move-entry-panel__submit:disabled{opacity:.56;cursor:default;filter:grayscale(.28)}.move-entry-panel__promotion{order:3;display:grid;gap:.75rem;min-width:0;padding:.85rem .9rem .95rem;border-radius:.85rem;background:linear-gradient(180deg,#2e2828eb,#121111f5);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #0000006b,0 .55rem 1.2rem #0003;opacity:.82;transform:translateY(0);transition:opacity .14s ease,transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;z-index:3}.move-entry-panel__promotion[aria-disabled=true]{opacity:.82;pointer-events:none;transform:translateY(0)}.move-entry-panel__promotion[aria-disabled=false]{background:linear-gradient(180deg,#391212f0,#170808fa);border-color:#ff78782e;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0000006b,0 .7rem 1.5rem #0000003d;opacity:1}.move-entry-panel__promotion-status,.move-entry-panel__promotion-name{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;text-transform:uppercase}.move-entry-panel__promotion-status{margin:0;color:#beaead;font-size:.67rem;letter-spacing:.11em;line-height:1.55}.move-entry-panel__promotion[aria-disabled=false] .move-entry-panel__promotion-status{color:#ffd7d7}.move-entry-panel__promotion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;align-items:start}.move-entry-panel__promotion-control{display:grid;gap:.3rem}.move-entry-panel__promotion-button{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:100%;min-width:0;min-height:2rem;padding:0;border:1px solid rgba(0,0,0,.8);border-radius:999px;background:linear-gradient(180deg,#3e4246fa,#1a1d20fa 40%,#070809fa);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #000000bf,0 .08rem #000000d1,0 1px #ffffff0a;color:#f3f3ef;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background-position .12s ease}.move-entry-panel__promotion-button:before{content:"";position:absolute;inset:.08rem .32rem auto;height:28%;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff0a);opacity:.9;pointer-events:none}.move-entry-panel__promotion-button:hover{filter:brightness(1.1)}.move-entry-panel__promotion-button:active{transform:translateY(.16rem) scaleY(.88);background:linear-gradient(180deg,#191c1ffa,#0c0e0ffa 45%,#222629fa);box-shadow:inset 0 .08rem .16rem #000000db,inset 0 -.04rem .08rem #ffffff0a,0 0 #000000d1}.move-entry-panel__promotion-button:active:before{inset:.06rem .34rem auto;opacity:.45}.move-entry-panel__promotion-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.move-entry-panel__promotion-button:disabled{opacity:.4;cursor:default;filter:grayscale(.3) brightness(.72);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000080,0 .08rem #0000008c,0 1px #ffffff05}.move-entry-panel__promotion-button:disabled:hover,.move-entry-panel__promotion-button:disabled:active{transform:none;filter:grayscale(.3) brightness(.72);background:linear-gradient(180deg,#3e4246fa,#1a1d20fa 40%,#070809fa)}.move-entry-panel__promotion-button:disabled:before{opacity:.35}.move-entry-panel__promotion-button:disabled .move-entry-panel__promotion-symbol,.move-entry-panel__promotion-control:has(.move-entry-panel__promotion-button:disabled) .move-entry-panel__promotion-name{opacity:.72}.move-entry-panel__promotion-symbol{min-height:1rem;font-size:1rem;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.16),0 0 .16rem rgba(255,255,255,.05)}.move-entry-panel__promotion-name{display:block;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:.72rem;font-weight:700;font-stretch:condensed;letter-spacing:.11em;line-height:1;text-align:center;color:#eef0ec;pointer-events:none;transform:translate(1px)}.promotion-homage-panel{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.9rem;width:min(100%,calc(var(--panel-sidebar-base-width) + var(--panel-sidebar-right-extend)));max-width:100%;min-height:5.1rem;margin-top:.45rem;padding:.9rem 1rem .8rem;border-radius:.85rem;background:linear-gradient(180deg,#212426fa,#0e1011fa);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0000006b,0 .55rem 1.2rem #0000002e}.promotion-homage-panel:before{content:"";position:absolute;top:.8rem;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,#ffffff14,#ffffff0a);box-shadow:0 1px #0000008c}.promotion-homage-panel__dots{display:grid;justify-items:center;gap:.5rem;padding-top:.5rem;padding-left:.1rem;align-self:stretch}.promotion-homage-panel__dot{width:.38rem;height:.38rem;border-radius:50%;background:radial-gradient(circle at 34% 34%,#ffefc4cc,#d6b067c7 26%,#815f30d1);box-shadow:inset 0 .03rem .05rem #ffffff2e,0 0 0 1px #00000073;opacity:.72}.promotion-homage-panel__logo{justify-self:end;align-self:center;margin-top:.6rem;padding:.18rem .66rem .16rem;border-top:1px solid rgba(255,255,255,.76);border-right:1px solid rgba(132,136,140,.74);border-bottom:1px solid rgba(121,125,128,.78);border-left:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#f8f8f3fa,#e8e9e3fa 46%,#d6d8d1fa);box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #9195983d,0 0 0 1px #090a0a38;color:#666a6df0;font-family:DIN Condensed,Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif;font-size:.88rem;font-style:italic;font-weight:700;font-stretch:condensed;letter-spacing:.045em;line-height:1;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.38);transform:skew(-6deg)}.control-panel__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:0 .35rem;align-items:start}.control-panel__control{display:block}.control-panel__label{display:block;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:.72rem;font-weight:700;font-stretch:condensed;letter-spacing:.11em;text-transform:uppercase;text-align:center;color:#eef0ec;pointer-events:none;transform:translate(1px)}.control-panel__trough{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:1rem .35rem .2rem;align-items:center;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.7);background:linear-gradient(180deg,#070809e0,#191c1ffa 42%,#0a0b0cfa);box-shadow:inset 0 .16rem .24rem #000000b8,inset 0 -.08rem .16rem #ffffff0a}.control-panel__button-slot{display:grid}.control-panel__button{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:2rem;padding:0;border:1px solid rgba(0,0,0,.8);border-radius:999px;background:linear-gradient(180deg,#3e4246fa,#1a1d20fa 40%,#070809fa);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #000000bf,0 .08rem #000000d1,0 1px #ffffff0a;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background-position .12s ease}.control-panel__button:before{content:"";position:absolute;inset:.08rem .32rem auto;height:28%;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff0a);opacity:.9;pointer-events:none}.control-panel__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-panel__button:hover{filter:brightness(1.1)}.control-panel__button:active{transform:translateY(.16rem) scaleY(.88);background:linear-gradient(180deg,#191c1ffa,#0c0e0ffa 45%,#222629fa);box-shadow:inset 0 .08rem .16rem #000000db,inset 0 -.04rem .08rem #ffffff0a,0 0 #000000d1}.control-panel__button:active:before{inset:.06rem .34rem auto;opacity:.45}.control-panel__button:disabled{cursor:default;filter:grayscale(.3) brightness(.72);opacity:.6;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000080,0 .08rem #0000008c,0 1px #ffffff05}.control-panel__button:disabled:hover,.control-panel__button:disabled:active{transform:none;filter:grayscale(.3) brightness(.72);background:linear-gradient(180deg,#3e4246fa,#1a1d20fa 40%,#070809fa)}.control-panel__button:disabled:before{opacity:.35}.control-panel__controls:has(.control-panel__button:active){box-shadow:inset 0 .22rem .28rem #000000c7,inset 0 -.08rem .14rem #ffffff08}.captured-panel{position:relative;display:grid;gap:.7rem;padding:.95rem 1rem;border-radius:10px;background:linear-gradient(180deg,#1f2427f5,#131618fa);border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 0 2px #0000003d}.captured-panel--left{align-self:stretch;align-content:start;min-height:100%;border:1px solid rgba(94,63,34,.28);box-shadow:inset 0 0 0 1px #fff9ee2e,0 .6rem 1.4rem #462b1429}.captured-panel--left:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#482e172e,#482e172e),linear-gradient(180deg,#c3aa8e,#ad906f);border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:inset 0 -1px #61432733,0 1px #fff4e21f;z-index:0}.captured-panel--left>*{position:relative;z-index:1}.captured-panel--left .captured-panel__title,.captured-panel--left .captured-panel__label{color:#392515}.captured-panel--left .captured-panel__piece{color:#161616;text-shadow:0 1px 0 rgba(255,249,239,.24),0 .12rem .28rem rgba(63,38,18,.2)}.captured-panel--left .captured-panel__empty{color:#392515c7}.captured-panel__title{margin:0;font-size:.95rem}.captured-panel__row{display:grid;gap:.3rem}.captured-panel__label{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.captured-panel__symbols{display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.8rem;align-items:center}.captured-panel__piece{display:inline-grid;place-items:center;min-width:1.5rem;font-size:1.3rem;line-height:1}.captured-panel__empty{color:var(--muted);font-size:.9rem}.team-mate-panel{width:100%;max-width:100%;min-width:0;margin-right:0;box-sizing:border-box;display:grid;grid-template-columns:max-content 2.1rem minmax(0,1fr);justify-content:end;align-items:stretch;min-height:8.2rem;padding:.1rem .8rem .05rem;border-radius:8px;background:var(--board-panel-surface);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-top:0;border-bottom:0;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff24,inset 0 0 0 2px #00000047}.team-mate-panel__commands{display:grid;align-content:start;gap:.4rem;padding:.2rem .45rem .15rem .1rem;margin-top:.2rem}.team-mate-panel__row{display:grid;grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:.45rem}.team-mate-panel__command{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:.72rem;font-weight:700;font-stretch:condensed;letter-spacing:.11em;text-transform:uppercase;color:#f0f2ed}.team-mate-panel__led{justify-self:end;width:.82rem;height:.34rem;border-radius:.08rem;background:linear-gradient(180deg,#a8b1a04d,#49524538 55%,#1e231f2e);border:1px solid rgba(111,121,104,.24);box-shadow:inset 0 0 .08rem #ffffff12,inset 0 -.04rem .06rem #00000057}.team-mate-panel__led.is-active{background:linear-gradient(180deg,#d8ffc6,#94ff55 46%,#45ad1d);border-color:#afff8f8c;box-shadow:0 0 .42rem #83f74361,inset 0 0 .08rem #ffffff6b,inset 0 -.04rem .06rem #17430b4d}.team-mate-panel__stripes{align-self:stretch;margin:0 .55rem 0 0;background:repeating-linear-gradient(90deg,#a5a8a61f 0,#a5a8a61f 1px,#25292c00 1px,#25292c00 4px);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.06)}.team-mate-panel__brand{display:grid;grid-template-columns:max-content 1.15rem;align-content:center;align-items:center;column-gap:1.35rem;min-width:0;justify-self:start;align-self:start;padding:.2rem .35rem .2rem .75rem;margin-top:.2rem;border-left:1px solid rgba(255,255,255,.08);color:#f3f4ef}.team-mate-panel__brand-text{display:grid;gap:.2rem;min-width:0;justify-self:start;align-self:start}.team-mate-panel__brand-title{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:1.95rem;font-weight:700;font-stretch:condensed;letter-spacing:.015em;line-height:.9;white-space:nowrap;text-transform:uppercase}.team-mate-panel__brand-subtitle{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:700;font-stretch:condensed;letter-spacing:.07em;line-height:1.05;white-space:nowrap;text-transform:uppercase}.team-mate-panel__brand-strip{align-items:start;justify-self:end;align-self:stretch;width:100%;min-height:7.4rem;background:linear-gradient(180deg,#f6f6f1,#ecece6);border-left:1px solid rgba(255,255,255,.72);border-right:1px solid rgba(98,103,106,.38);box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 1px #13161852}.board-frame{width:var(--board-size);max-width:100%;margin:0;margin-top:-2.4rem}.board-shell{display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) 2.5rem;gap:0;width:100%;padding:1rem 1rem .8rem .85rem;border-radius:.4rem;background:linear-gradient(145deg,#2b3135,#16191b 45%,#252a2d);box-shadow:inset 0 0 0 2px #ffffff0a,inset 0 0 0 1px #000c,0 12px 28px #00000052}.board-screen{position:relative;min-width:0;padding:.7rem;background:linear-gradient(180deg,#3d43498c,#0f1214d1);border:1px solid rgba(174,181,188,.22);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 0 2px #00000073}.setup-dialog{width:min(92vw,34rem);margin:auto;padding:0;border:0;border-radius:16px;background:transparent;color:#0e1112;overflow:visible}.setup-dialog[open]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto}.setup-dialog--large{width:min(94vw,46rem)}.setup-dialog--large .setup-dialog__form,.setup-dialog--scrollable .setup-dialog__form{max-height:min(86vh,52rem);overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(min-width:1100px){.setup-dialog--game-info[open],.setup-dialog--promotion[open]{transform:translate(clamp(-12.5rem,-18vw,6rem))}}.setup-dialog::backdrop{background:radial-gradient(circle at top,rgba(160,255,115,.08),transparent 28%),#080a0ba8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.setup-dialog--game-info::backdrop{background:radial-gradient(circle at top,rgba(160,255,115,.08),transparent 28%),#080a0b61;-webkit-backdrop-filter:none;backdrop-filter:none}.setup-dialog__form{display:grid;gap:1.35rem;padding:2rem;font-family:Michroma,sans-serif;background:linear-gradient(180deg,#ffffff57,#fff0 12%),linear-gradient(180deg,#d9ddd9,#c6cbc7 44%,#b7bcb8);border:1px solid rgba(57,63,67,.72);border-radius:16px;box-shadow:inset 0 1px #ffffffb8,inset 0 0 0 2px #ffffff1f,inset 0 -1px #474f5352,0 30px 90px #0000006b}.setup-dialog__scroll-cue{position:absolute;left:50%;bottom:.9rem;z-index:2;display:none;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:1px solid rgba(57,37,21,.3);border-radius:999px;background:#f5eee5eb;box-shadow:0 .35rem 1.1rem #39251433,inset 0 1px #ffffffb8;transform:translate(-50%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.setup-dialog__scroll-cue:hover{box-shadow:0 .45rem 1.35rem #3925143d,inset 0 1px #fffc}.setup-dialog__scroll-cue:active{transform:translate(-50%) translateY(.08rem)}.setup-dialog__scroll-cue:focus-visible{outline:2px solid rgba(57,37,21,.85);outline-offset:2px}.setup-dialog__scroll-cue-chevron{width:.9rem;height:.9rem;margin-top:-.12rem;border-right:3px solid rgba(57,37,21,.8);border-bottom:3px solid rgba(57,37,21,.8);transform:rotate(45deg)}.setup-dialog__title,.setup-dialog__section{margin:0}.setup-dialog__title{font-size:clamp(1.75rem,4vw,2.2rem);line-height:1.05;letter-spacing:.06em;color:#111516;text-shadow:0 1px 0 rgba(255,255,255,.32)}.setup-dialog__description{margin:-.25rem 0 0;color:#171c1dc2;line-height:1.6;font-size:.84rem}.setup-dialog__section{display:grid;gap:.8rem;padding:0;border:0}.setup-dialog__section legend,.setup-dialog__label{font-size:.92rem;font-weight:700;letter-spacing:.04em;color:#1a2123}.setup-dialog__choice,.setup-dialog__description,.setup-dialog__promotion-detail,.setup-dialog__promotion-name,.setup-dialog__section legend,.setup-dialog__label,.setup-dialog__title{font-family:inherit}.setup-dialog__choices,.setup-dialog__promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.setup-dialog__choice{display:flex;align-items:center;gap:.65rem;padding:.95rem 1rem;border:1px solid rgba(95,103,108,.5);border-radius:10px;background:linear-gradient(180deg,#eff3eff5,#cfd5d0fa);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #5f666a2e;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.setup-dialog__choice:hover,.setup-dialog__choice:focus-within{transform:translateY(-.04rem);border-color:#768185d1;box-shadow:inset 0 1px #ffffffdb,0 0 0 3px #858f932e}.setup-dialog__choice:has(input[value=black]){background:linear-gradient(180deg,#222629fa,#060708);border-color:#535a5ee0;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000094;color:#f3f5f1}.setup-dialog__choice:has(input[value=black]) span{color:inherit}.setup-dialog__choice:has(input[value=black]):hover,.setup-dialog__choice:has(input[value=black]):focus-within{border-color:#8e969beb;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #858f932e}.setup-dialog__promotion-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:1rem;border:1px solid rgba(95,103,108,.5);border-radius:10px;background:linear-gradient(180deg,#eff3effa,#cfd5d0);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.setup-dialog__promotion-option:hover,.setup-dialog__promotion-option:focus-visible{transform:translateY(-.08rem);border-color:#80d64ab8;box-shadow:inset 0 1px #f5ffefd1,0 0 0 3px #83f74329;background:linear-gradient(180deg,#eef8e8,#d5e7cb);outline:none}.setup-dialog__promotion-option:active,.setup-dialog__promotion-option--selected{transform:translateY(.08rem) scale(.985);border-color:#65ae36db;box-shadow:inset 0 .16rem .26rem #527b362e,inset 0 -.08rem .14rem #ffffff5c,0 0 0 2px #83f74329;background:linear-gradient(180deg,#d8e9cf,#c0d8b2)}.setup-dialog__promotion-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:8px;background:linear-gradient(180deg,#fdfffcfa,#dee3dff0);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #535d6029;color:#11181a;font-size:2rem;line-height:1}.setup-dialog__promotion-copy{display:grid;gap:.35rem;min-width:0}.setup-dialog__promotion-name{font-weight:700}.setup-dialog__promotion-detail{color:#171c1db8;font-size:.82rem;line-height:1.45}.setup-dialog__choice:has(input:checked){border-color:#76d640d1;box-shadow:inset 0 1px #f0ffe8eb,inset 0 -1px #527b3647,0 0 0 3px #83f7432e;background:linear-gradient(180deg,#edf9e6,#d4e7c8)}.setup-dialog__choice:has(input[value=black]:checked){background:linear-gradient(180deg,#1e2225fa,#070809);border-color:#76d640d1;box-shadow:inset 0 1px #f0ffe82e,inset 0 -1px #527b3638,0 0 0 3px #83f7432e}.setup-dialog__choice:has(input[value=white]:checked){background:linear-gradient(180deg,#eff3eff5,#cfd5d0fa)}.setup-dialog__select,.setup-dialog__input{width:100%;padding:.85rem 1rem;border:1px solid rgba(87,95,100,.5);border-radius:8px;font:inherit;color:inherit;background:linear-gradient(180deg,#eef2ee,#d7ddd8);box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #585f6329}.setup-dialog__select:focus,.setup-dialog__input:focus{border-color:#7cda44cc;box-shadow:inset 0 1px #f7fff3db,0 0 0 3px #83f74329;outline:none}.setup-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem}.setup-dialog__button{padding:.8rem 1.15rem;border:1px solid transparent;border-radius:8px;font:inherit;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.setup-dialog__button:hover,.setup-dialog__button:focus-visible{transform:translateY(-.04rem);outline:none}.setup-dialog__button--primary{border-color:#557d27b8;background:linear-gradient(180deg,#a9ff6a,#6dcf39);color:#122008;box-shadow:inset 0 1px #ebffdfd1,inset 0 -1px #3a631b47,0 .5rem 1rem #5ea42c3d}.setup-dialog__button--secondary{border-color:#575f647a;background:linear-gradient(180deg,#eef2ee,#d2d8d4);color:#111516;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #585f632e}.setup-dialog__move-thumbnail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem;border-radius:14px;background:linear-gradient(180deg,#2f2a2af5,#100f10fa);border:1px solid rgba(80,27,27,.42);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #00000057,0 .8rem 1.8rem #00000029}.setup-dialog__move-thumbnail-readout{display:grid;gap:.34rem}.setup-dialog__move-thumbnail-label{font-size:.64rem;letter-spacing:.16em;color:#c9cec7}.setup-dialog__move-thumbnail-value{display:inline-grid;place-items:center;min-height:3.1rem;padding:.62rem .45rem .54rem;border-radius:.34rem;background:linear-gradient(180deg,#060607fc,#110707 48%,#070404);box-shadow:inset 0 .06rem .08rem #ffffff05,inset 0 .16rem .3rem #000000d6,inset 0 -.08rem .16rem #ff36361a,0 0 0 1px #560d0d8c;color:#ff6363eb;font-family:Wallpoet,Michroma,sans-serif;font-size:1.38rem;letter-spacing:.2em;line-height:1;text-transform:uppercase;text-align:center;text-shadow:0 0 .08rem rgba(255,209,209,.75),0 0 .38rem rgba(255,104,104,.5),0 0 .78rem rgba(231,31,31,.32)}.setup-dialog__move-thumbnail-submit{grid-column:1 / -1;justify-self:start;min-width:10rem;padding:.72rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#3b4044fa,#101214fa);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #000000ad,0 .12rem #000000c7;color:#f0f2ed;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-align:center}.setup-dialog__promotion-thumbnail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:14px;background:linear-gradient(180deg,#2f2a2af5,#100f10fa);border:1px solid rgba(80,27,27,.42);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #00000057,0 .8rem 1.8rem #00000029}.setup-dialog__promotion-thumbnail-control{display:grid;gap:.45rem;justify-items:center}.setup-dialog__promotion-thumbnail-name{font-size:.72rem;font-weight:700;color:#c9cec7;text-align:center;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.setup-dialog__promotion-thumbnail-button{display:grid;place-items:center;width:100%;min-height:4.5rem;border-radius:.9rem;background:linear-gradient(180deg,#3a3f43f2,#101214f5);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000007a,0 0 0 1px #0000003d}.setup-dialog__promotion-thumbnail-symbol{color:#f0f2ed;font-size:2rem;line-height:1;text-shadow:0 0 .08rem rgba(255,255,255,.3),0 0 .32rem rgba(255,255,255,.15)}.setup-dialog__game-details,.setup-dialog__leaderboard{display:grid;gap:.8rem}.setup-dialog__divider{width:100%;height:0;margin:0;border:0;border-top:1px solid rgba(57,63,67,.24)}.setup-dialog__detail-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.6rem;margin:0;color:#171c1dd1;font-size:.84rem;line-height:1.6}.setup-dialog__detail-label{font-weight:700;color:#1a2123}.setup-dialog__detail-value{display:flex;align-items:center;justify-self:start;min-width:0;margin-left:1rem}.setup-dialog__colour-thumbnail{display:inline-flex;align-items:center;gap:.65rem;min-width:9rem;padding:.72rem .9rem;border:1px solid rgba(118,214,64,.82);border-radius:10px;background:linear-gradient(180deg,#edf9e6,#d4e7c8);box-shadow:inset 0 1px #f0ffe8eb,inset 0 -1px #527b3647,0 0 0 3px #83f7432e}.setup-dialog__colour-thumbnail--white{background:linear-gradient(180deg,#fffffffa,#f4f7f1f5);box-shadow:inset 0 1px #fffffff5,inset 0 -1px #527b3624,0 0 0 3px #83f7432e}.setup-dialog__colour-thumbnail--black{border-color:#535a5ee0;background:linear-gradient(180deg,#222629fa,#060708);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000094,0 0 0 3px #83f7432e}.setup-dialog__colour-thumbnail-indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(61,77,40,.42);background:linear-gradient(180deg,#fdfffcfa,#dee3dff0);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #535d6029}.setup-dialog__colour-thumbnail-indicator-inner{width:.45rem;height:.45rem;border-radius:999px;background:linear-gradient(180deg,#78d84a,#4f9f28);box-shadow:0 0 .18rem #6dbe3a59}.setup-dialog__colour-thumbnail-text{color:#1a2123;font-size:.84rem;font-weight:700;letter-spacing:.04em}.setup-dialog__colour-thumbnail--black .setup-dialog__colour-thumbnail-text{color:#f3f5f1}.setup-dialog__difficulty-thumbnail{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;min-width:9rem;padding:.85rem 1rem;border:1px solid rgba(87,95,100,.5);border-radius:8px;background:linear-gradient(180deg,#eef2ee,#d7ddd8);box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #585f6329}.setup-dialog__difficulty-thumbnail-text{min-width:0;color:#1a2123;font-size:.84rem;font-weight:700;letter-spacing:.04em}.setup-dialog__difficulty-thumbnail-chevron{color:#171c1db8;font-size:.72rem;line-height:1}.setup-dialog__sound-thumbnail{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem;border:1px solid rgba(87,95,100,.36);border-radius:999px;background:linear-gradient(180deg,#eef2eef2,#d2d8d4eb);box-shadow:inset 0 1px #ffffffd6,inset 0 -1px #585f6324}.setup-dialog__sound-option{display:inline-grid;justify-items:center;gap:.32rem;min-width:4.75rem;padding:.5rem .72rem .58rem;border:1px solid transparent;border-radius:999px;background:transparent;color:#111516;cursor:pointer;opacity:.52;filter:saturate(.78) brightness(.88);transition:opacity .14s ease,filter .14s ease,transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.setup-dialog__sound-option:hover,.setup-dialog__sound-option:focus-visible{outline:none;transform:translateY(-.04rem);opacity:.82;filter:saturate(.96) brightness(.96)}.setup-dialog__sound-option[aria-pressed=true]{border-color:#ffbe2eb3;background:linear-gradient(180deg,#fff5cff0,#f8df9adb);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #ad822d2e,0 0 0 3px #ffc44029;opacity:1;filter:saturate(1.08) brightness(1.05)}.setup-dialog__sound-option-icon{width:2rem;height:2rem;object-fit:contain;pointer-events:none}.setup-dialog__sound-option-text{font-size:.84rem;font-weight:700;letter-spacing:.04em}.setup-dialog__detail-row--fen{align-items:start}.setup-dialog__detail-value--fen{display:grid;gap:.7rem}.setup-dialog__fen-thumbnail{display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:.65rem;width:fit-content;min-width:10rem;padding:.8rem 1rem;border:1px solid rgba(87,95,100,.48);border-radius:8px;background:linear-gradient(180deg,#eef2ee,#d2d8d4);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #585f632e;color:#111516;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.setup-dialog__fen-thumbnail:hover,.setup-dialog__fen-thumbnail:focus-visible{transform:translateY(-.04rem);outline:none;border-color:#768185d1;box-shadow:inset 0 1px #ffffffdb,0 0 0 3px #858f932e}.setup-dialog__fen-thumbnail[aria-expanded=true]{border-color:#76d640d1;box-shadow:inset 0 1px #f0ffe8eb,inset 0 -1px #527b3647,0 0 0 3px #83f7432e;background:linear-gradient(180deg,#edf9e6,#d4e7c8)}.setup-dialog__fen-thumbnail-text{font-size:.84rem;font-weight:700;letter-spacing:.04em}.setup-dialog__fen-thumbnail-chevron{font-size:.72rem;font-weight:700;line-height:1}.setup-dialog__fen-readout{margin:0;padding:.9rem 1rem;border:1px solid rgba(87,95,100,.42);border-radius:10px;background:linear-gradient(180deg,#f7f9f7fa,#dde2defa);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #585f631f;color:#171c1de0;font-family:Courier New,Courier,monospace;font-size:.74rem;line-height:1.6;text-transform:none;letter-spacing:.02em;word-break:break-all}.setup-dialog__leaderboard-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;counter-reset:leaderboard-rank}.setup-dialog__leaderboard-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem 1rem;border:1px solid rgba(87,95,100,.34);border-radius:10px;background:linear-gradient(180deg,#f7f9f7fa,#e2e7e3fa);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #585f631f;counter-increment:leaderboard-rank}.setup-dialog__leaderboard-item:before{content:counter(leaderboard-rank) ".";color:#171c1d9e;font-size:.76rem;font-weight:700;letter-spacing:.06em}.setup-dialog__leaderboard-name,.setup-dialog__leaderboard-score,.setup-dialog__leaderboard-empty{color:#171c1de0;font-size:.82rem;line-height:1.5}.setup-dialog__leaderboard-name{min-width:0;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.setup-dialog__leaderboard-score{justify-self:end;font-weight:700;color:#1a2123;white-space:nowrap}.setup-dialog__leaderboard-empty{margin:0;padding:.9rem 1rem;border:1px dashed rgba(87,95,100,.38);border-radius:10px;background:#f7f9f7c7}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;overflow:hidden;border:2px solid rgba(233,237,239,.82);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #ffffff14}@keyframes board-axis-computer-thinking{0%,45%,to{opacity:.28;box-shadow:none}50%,95%{opacity:1;box-shadow:0 0 .3rem #ff5656e0,0 0 .8rem #ff20209e}}.board-axis__cell--computer-active .board-axis__tick,.board-axis__cell--computer-active .board-axis__label{color:#ffd6d6}.board-axis__cell--computer-active .board-axis__tick{background:linear-gradient(180deg,#ff8d8d,#e01d1d);border-color:#ffd6d6d9}.board-axis__cell--computer-thinking .board-axis__tick,.board-axis__cell--computer-thinking .board-axis__label{animation:board-axis-computer-thinking .9s steps(1,end) infinite}.board-axis__cell--computer-confirmed .board-axis__tick,.board-axis__cell--computer-confirmed .board-axis__label{opacity:1;text-shadow:0 0 .25rem rgba(255,118,118,.9),0 0 .7rem rgba(255,55,55,.6)}.square{position:relative;display:grid;place-items:center;width:100%;min-width:0;min-height:0;aspect-ratio:1;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;cursor:default}.square.light{background:repeating-linear-gradient(90deg,#ffffffdb 0,#ffffffdb 2px,#c4c6c9e6 2px,#c4c6c9e6 4px)}.square.dark{background:linear-gradient(180deg,#666c72,#585f66)}.square--computer-destination{box-shadow:inset 0 0 0 3px #ff9292f2,inset 0 0 1.2rem #ff36366b,0 0 .85rem #ff3a3a59}.piece{position:relative;font-size:clamp(2rem,4.3vw,3.25rem);line-height:1;-webkit-user-select:none;user-select:none;color:#f2f2ef;transition:transform .14s ease,filter .14s ease,text-shadow .14s ease;text-shadow:0 1px 0 rgba(255,255,255,.22),0 0 .2rem rgba(255,255,255,.06),0 .2rem .3rem rgba(0,0,0,.35)}.piece[aria-label^=black]{color:#050607;text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;-webkit-text-stroke:.1px rgba(138,119,119,.75)}.piece[aria-label^=white]{color:#fbfbf7;-webkit-text-stroke:.6px rgba(255,255,255,.95)}.piece--computer-moving{-webkit-text-stroke:.8px rgba(255,184,184,.78);color:#ffe4e4;text-shadow:0 0 .24rem rgba(255,226,226,.9),0 0 .82rem rgba(255,68,68,.7);filter:drop-shadow(0 0 .5rem rgba(255,68,68,.46))}.piece--computer-preview{position:relative;z-index:2;transform:scale(1.08)}.square.occupied{cursor:pointer}.square.occupied:hover{box-shadow:inset 0 0 0 2px #d2dbe257}.square.occupied:hover .piece{transform:translateY(-.08rem) scale(1.04);filter:drop-shadow(0 .28rem .45rem rgba(0,0,0,.28))}.square.selected{box-shadow:inset 0 0 0 3px #70d6fffa,inset 0 0 1.4rem #70d6ff47,0 0 .9rem #3cc5ff4d}.square.selected .piece{font-weight:900;transform:translateY(-.08rem) scale(1.08);filter:drop-shadow(0 0 .7rem rgba(58,200,255,.5));text-shadow:0 0 .85rem rgba(213,247,255,.98),0 0 .35rem rgba(75,210,255,.7)}.square.selected .piece[aria-label^=black]{color:#050607;text-shadow:-1px 0 rgba(240,251,255,.98),1px 0 rgba(240,251,255,.98),0 -1px rgba(240,251,255,.98),0 1px rgba(240,251,255,.98),0 0 .85rem rgba(213,247,255,.98),0 0 .35rem rgba(75,210,255,.7);-webkit-text-stroke:.2px rgba(200,241,255,.92)}.square.selected .piece[aria-label^=white]{color:#fbfbf7;-webkit-text-stroke:.7px rgba(200,241,255,.98)}.square.selected:hover .piece[aria-label^=black]{color:#050607}.square.selected:hover .piece[aria-label^=white]{color:#fbfbf7}.square.legal-target:after,.square.legal-capture:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.square.legal-target:after{width:28%;aspect-ratio:1;border-radius:999px;background:var(--legal-target);box-shadow:0 0 0 2px var(--legal-target-ring),0 0 .7rem #52ceff59}.square.legal-capture:after{top:8%;right:8%;bottom:8%;left:8%;transform:none;border-radius:50%;border:4px solid var(--legal-capture);box-shadow:inset 0 0 0 1px var(--legal-capture-inner),0 0 .75rem #52ceff52}.square-label{position:absolute;font-size:.72rem;font-weight:700;opacity:0;pointer-events:none}.square-label.file{right:.35rem;bottom:.2rem}.square-label.rank{left:.35rem;top:.2rem}.board-axis{color:#d5dad4;text-transform:uppercase}.board-axis--left{display:grid;grid-template-rows:repeat(8,1fr);align-items:center;padding:.7rem 0 .1rem}.board-axis--bottom{grid-column:2;display:grid;grid-template-columns:repeat(8,1fr);align-items:start;padding:.2rem .7rem 0}.board-axis__cell{display:grid;align-items:center;justify-items:center;gap:.18rem}.board-axis--left .board-axis__cell{grid-template-columns:.85rem 1fr}.board-axis__tick{display:block;background:linear-gradient(180deg,#566068,#89939c);box-shadow:0 0 .45rem #00000038}.board-axis--left .board-axis__tick{width:.75rem;height:.24rem;justify-self:end}.board-axis--bottom .board-axis__tick{width:.24rem;height:.9rem}.board-axis__label{font-size:.76rem;letter-spacing:.08em;color:#e3e5e1}.board-panel,.panel-sidebar{overflow:visible}@media(max-width:1400px){.app-shell{width:min(100%,calc(100% - 2rem))}.board-panel{margin-right:0}.board-layout{grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);align-items:start}.panel-sidebar{grid-column:1 / -1;justify-self:stretch;width:100%;padding-right:0;transform:none;gap:1.5rem}.turn-badge,.control-panel,.move-entry-panel{width:100%}}@media(max-width:900px){body.has-scroll-cue:before{bottom:0;width:min(100%,32rem);height:4.5rem;background:linear-gradient(180deg,#a88f7600,#a88f76b8);opacity:1}body.has-scroll-cue .mobile-scroll-cue{display:grid;opacity:1;pointer-events:auto;animation:scroll-cue-bob 1.6s ease-in-out infinite}:root{--board-size: 32rem}.board-layout{grid-template-columns:1fr;gap:1rem}.board-column,.panel-sidebar,.captured-panel--left{width:100%;min-width:0;justify-self:stretch}.board-frame{width:100%;max-width:var(--board-size);margin-top:0}.panel-sidebar{order:2;gap:1rem}.captured-panel--left{order:3;min-height:auto;align-self:start;gap:.6rem;padding:.8rem .9rem}.captured-panel--left:before{height:100%;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.captured-panel__title{font-size:.82rem}.captured-panel__row{grid-template-columns:minmax(0,6.25rem) minmax(0,1fr);align-items:center;column-gap:.55rem}.captured-panel__label{font-size:.68rem;line-height:1.25}.captured-panel__symbols{min-height:1.5rem;gap:.18rem .24rem}.captured-panel__piece{min-width:1.1rem;font-size:1.05rem}.captured-panel__empty{font-size:.76rem}}@keyframes scroll-cue-bob{0%,to{transform:translate(-50%);opacity:.55}50%{transform:translate(-50%) translateY(.28rem);opacity:.95}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.has-scroll-cue .mobile-scroll-cue,.setup-dialog--has-scroll-cue .setup-dialog__scroll-cue{animation:none}}@media(max-width:700px){.app-shell{width:min(1680px,calc(100% - 1rem));padding-top:1rem;padding-bottom:1rem}.app-header,.board-panel{padding:1.1rem;border-radius:18px}.board-panel{padding-bottom:3rem}.board-layout{grid-template-columns:1fr;gap:1rem}.board-column,.panel-sidebar,.captured-panel--left{width:100%;min-width:0;justify-self:stretch}.panel-sidebar{order:2;gap:1rem}.captured-panel--left{order:3;min-height:auto;align-self:start;gap:.6rem;padding:.8rem .9rem}.captured-panel--left:before{height:100%;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.captured-panel__title{font-size:.82rem}.captured-panel__row{grid-template-columns:minmax(0,6.25rem) minmax(0,1fr);align-items:center;column-gap:.55rem}.captured-panel__label{font-size:.68rem;line-height:1.25}.captured-panel__symbols{min-height:1.5rem;gap:.18rem .24rem}.captured-panel__piece{min-width:1.1rem;font-size:1.05rem}.captured-panel__empty{font-size:.76rem}.board-shell{grid-template-columns:1.8rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) 2.15rem;padding:.8rem .8rem .65rem .65rem}.board-screen{padding:.5rem}.board-axis__label{font-size:.65rem}.turn-badge,.control-panel,.move-entry-panel{width:100%}.move-entry-panel__readouts{grid-template-columns:1fr}.team-mate-panel{grid-template-columns:1fr;gap:.75rem;min-height:0}.team-mate-panel__commands{padding-right:0}.team-mate-panel__stripes{min-height:1.1rem;margin:0}.team-mate-panel__brand{grid-template-columns:minmax(0,1fr) .9rem;padding:.35rem 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.team-mate-panel__brand-title{font-size:1.5rem}.setup-dialog__choices,.setup-dialog__promotion-grid,.setup-dialog__actions{grid-template-columns:1fr}.setup-dialog__actions{display:grid}.setup-dialog__promotion-thumbnail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.setup-dialog__promotion-thumbnail-control{align-items:start}.setup-dialog__promotion-thumbnail-name{font-size:.68rem}.setup-dialog__promotion-thumbnail-button{min-height:4rem}.setup-dialog__leaderboard-item{grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:.3rem}.setup-dialog__leaderboard-score{grid-column:2;justify-self:start}.setup-dialog--has-scroll-cue:after{content:"";position:absolute;left:50%;bottom:0;width:calc(100% - 2.2rem);height:4.5rem;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:linear-gradient(180deg,#c6cbc700,#c6cbc7e6);transform:translate(-50%);pointer-events:none;z-index:1}.setup-dialog--has-scroll-cue .setup-dialog__scroll-cue{display:grid;opacity:1;pointer-events:auto;animation:scroll-cue-bob 1.6s ease-in-out infinite}}#footer{flex-shrink:0;position:relative;z-index:2;display:block;text-align:center;font-family:Arial,Helvetica,sans-serif;margin:20px;color:#20150deb;font-size:.82rem;line-height:1.5;letter-spacing:.12em}#footer a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.16em}@media(max-width:700px){:root{--mobile-safe-bottom-space: 0px}.board-panel{margin-bottom:calc(var(--mobile-footer-gap) + var(--mobile-safe-bottom-space))}#footer{width:min(100%,calc(100% - 1rem));margin:0 auto calc(var(--mobile-footer-gap) + var(--mobile-safe-bottom-space));padding:.7rem .85rem calc(var(--mobile-footer-padding-bottom) + var(--mobile-safe-bottom-space));border-radius:12px;background:#f5eee5eb;box-shadow:0 .35rem 1rem #3925141f,inset 0 1px #ffffff8c;font-size:.72rem;line-height:1.5;letter-spacing:.1em}}@media(max-width:430px){:root{--mobile-safe-bottom-space: env(safe-area-inset-bottom, 0px)}.app-shell{width:min(100%,calc(100% - .5rem))}.app-header,.board-panel{padding:.8rem}.board-panel{padding-bottom:2.5rem}.board-shell{grid-template-columns:1.5rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) 1.9rem;padding:.6rem .55rem .5rem .45rem}.board-screen{padding:.35rem}.board-axis__label{font-size:.58rem}}