:root{color:#f6e9ff;background:#070314;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,select,input{font:inherit;border:1px solid #9b5de5;background:#2a1244;color:#fff7fb;border-radius:999px;padding:.45rem .9rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:hover,select:hover{border-color:#f4d35e}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(76,201,240,.55);outline-offset:2px}.primary{color:#170d25;background:#f4d35e;border-color:#f4d35e;font-weight:700}.wide{width:100%;justify-content:center}.ghost{background:transparent;border-color:transparent;padding-left:0}.app{position:relative;height:100%}.app>.board-wrap{position:absolute;inset:0}.app>.hud{position:absolute;inset:0 auto 0 0;z-index:3;display:flex;flex-direction:column;width:min(22.5rem,100%);padding:1.25rem 1.4rem 0;overflow:hidden;background:linear-gradient(180deg,#120820f0,#120820c7 22%,#1208205c 48%,#12082014 72%,#12082000);border-right:none;pointer-events:none}.hud{padding:1.25rem 1.4rem 2rem;background:linear-gradient(180deg,#2d1648f5,#10081ceb);border-right:1px solid #6f4aa1;overflow:auto}.app>.hud.online-lobby{overflow:auto;pointer-events:auto}.hud-chrome{position:relative;z-index:2;flex:0 0 auto;padding-bottom:.35rem;background:linear-gradient(180deg,#12082059 70%,#12082000);pointer-events:auto}.move-timeline{flex:0 0 auto;width:100%;max-height:2.8rem;margin:-.85rem 0 .35rem;padding:.15rem 0 0;overflow:hidden;list-style:none;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 42%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 42%,#000 100%);transition:max-height .32s ease}.move-timeline::-webkit-scrollbar{display:none;width:0;height:0}.is-history-open .move-timeline{max-height:min(38vh,20rem);overflow:auto;pointer-events:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2.1rem,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 2.1rem,#000 100%)}.move-event{display:grid;grid-template-columns:1.7rem .85rem minmax(0,1fr);align-items:center;gap:.45rem;color:#efe4fb;font-size:.78rem;line-height:1.3;padding:.38rem .15rem}.move-event+.move-event{border-top:1px solid rgba(183,125,255,.16)}.move-ply{color:#9fdff0;font-variant-numeric:tabular-nums;letter-spacing:.04em}.move-copy{min-width:0}.move-timeline .color-dot{width:.7rem;height:.7rem;box-shadow:0 0 .55rem currentColor}.profile-dot{align-items:center;border:1px solid rgba(244,211,94,.7);border-radius:999px;color:#f4d35e;display:inline-flex;font-size:.52rem;font-weight:800;height:1.1rem;justify-content:center;letter-spacing:.04em;width:1.1rem}.move-profile .move-copy{color:#f4d35e}.hud.menu{--menu-content-width: 48rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--menu-content-width)) minmax(0,1fr);align-content:start;width:100%;min-height:100dvh;margin:0;padding-inline:clamp(1rem,3vw,2rem);background:radial-gradient(circle at 75% 15%,rgba(76,201,240,.08),transparent 28rem),linear-gradient(135deg,#2d1648fa,#10081cf5);border-right:none}.hud.menu>*{grid-column:2}.local-menu{--menu-content-width: 62rem;padding-bottom:clamp(1rem,2vh,2rem)}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#4cc9f0;font-size:.75rem}.hud h1{margin:.2rem 0 .6rem;letter-spacing:.18em;text-transform:uppercase;color:#f4d35e}.hud h2,.hud h3{color:#fff7fb}.hud h2{margin:.25rem 0 .65rem}.hud h3{margin-bottom:.35rem}.lede,.hint{color:#d7c4f0;line-height:1.45}.board-wrap{min-height:0;position:relative}.status{color:#e9fbff;background:#4cc9f01f;border:1px solid rgba(76,201,240,.4);border-radius:.75rem;font-weight:700;padding:.75rem .85rem}.app>.hud>.status{flex:0 0 auto;width:calc(100% - .1rem);margin:0;text-align:left;pointer-events:auto}.hud-footer{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem;pointer-events:auto}button.status{cursor:pointer}button.status[aria-expanded=true]{border-color:#4cc9f0;box-shadow:0 0 .9rem #4cc9f047}.thinking{color:#f4d35e;display:flex;gap:.6rem;align-items:center}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.menu-actions{display:grid;gap:.75rem;margin:1.5rem 0}.menu-action{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border-radius:.85rem;padding:.9rem 1rem;text-align:left}.menu-action span{color:inherit;font-size:.88rem;font-weight:400;opacity:.82}.online-menu{--menu-content-width: 62rem;padding-bottom:3rem}.online-section{display:grid;gap:.75rem}.online-section h2,.online-section p{margin-block:0}.online-section label{display:grid;gap:.35rem}.room-list{display:grid;gap:.55rem}.room-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border-radius:.85rem;padding:.8rem .9rem;text-align:left}.room-card>span:first-child{display:grid;gap:.2rem}.room-card small,.check-row small{color:#bda9d6}.room-capacity{color:#4cc9f0;white-space:nowrap}.invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.invite-preview{display:grid;gap:.75rem;margin-top:.35rem;padding:1rem;background:#08031480;border:1px solid rgba(76,201,240,.35);border-radius:.9rem}.check-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start}.check-row input{margin-top:.2rem}.check-row span{display:grid;gap:.2rem}.start-room{display:grid;gap:.25rem;margin-top:.8rem}.menu-card,.rules-panel{background:linear-gradient(145deg,#2a1244b8,#10081ce6);border:1px solid rgba(183,125,255,.48);border-radius:1.15rem;box-shadow:0 1.2rem 3rem #03010c40;margin:1rem 0;padding:1.25rem}.resume-card{display:flex;max-height:clamp(16rem,34dvh,22rem);flex-direction:column;overflow:hidden;border-color:#4cc9f099}.save-count{display:grid;place-items:center;min-width:2rem;height:2rem;color:#08131b;background:#4cc9f0;border-radius:999px;font-weight:800}.saved-game-list{display:grid;gap:.65rem;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:.1rem .2rem .45rem 0;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-y;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 1.25rem),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 1.25rem),transparent 100%)}.saved-game-list::-webkit-scrollbar{display:none;width:0;height:0}.saved-game-list:focus-visible{outline:3px solid rgba(76,201,240,.55);outline-offset:.2rem}.saved-game{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;background:#08031470;border:1px solid rgba(76,201,240,.2);border-radius:.85rem}.saved-game-summary{display:grid;gap:.15rem;min-width:0}.saved-game-summary>span{color:#d7c4f0}.saved-game-summary small{color:#8f7da7}.saved-game-actions{display:flex;flex:0 0 auto;gap:.45rem}.section-heading,.game-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-heading .eyebrow{margin-top:0}.game-nav{align-items:center;margin-bottom:.75rem}.game-nav-actions{display:flex;align-items:center;gap:.45rem}.board-placement-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0}.board-placement-toggle svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.settings-grid label{min-width:0}.field-label,fieldset legend{color:#d7c4f0;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:1.15rem 0 .55rem;text-transform:uppercase}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.choice-grid-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:4.4rem;background:#08031470;border:1px solid rgba(155,93,229,.52);border-radius:.85rem;padding:.8rem;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease}.choice-card:hover{background:#461f6c8f;border-color:#c99cff;transform:translateY(-1px)}.choice-card.is-selected{background:linear-gradient(135deg,#f4d35e2e,#4cc9f01a);border-color:#f4d35e;box-shadow:inset 0 0 0 1px #f4d35e47}.choice-card strong,.choice-card small{display:block}.choice-card strong{color:#fff;font-size:.95rem}.choice-card small{color:#bda9d6;font-size:.75rem;line-height:1.35;margin-top:.18rem}.choice-indicator{display:grid;place-items:center;width:1.05rem;height:1.05rem;border:2px solid #8360ad;border-radius:50%}.choice-card.is-selected .choice-indicator{background:#f4d35e;border-color:#f4d35e;box-shadow:inset 0 0 0 3px #2a1244}.computer-settings{background:#07031457;border:1px solid rgba(76,201,240,.18);border-radius:.9rem;margin-top:.9rem;padding:.15rem .85rem .85rem}.computer-settings fieldset{border:0;margin:0;padding:0}.computer-settings fieldset+fieldset{margin-top:.85rem}.option-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.option-pills-styles{grid-template-columns:repeat(5,minmax(0,1fr))}.opponent-style-hint{margin-bottom:0}.in-game-computer-settings{margin-bottom:.9rem}.in-game-computer-settings .option-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-revision{color:#bda9d6;font-size:.72rem;white-space:nowrap}.computer-settings .adaptive-strength-settings{border-top:1px solid rgba(76,201,240,.18);margin-top:.85rem;padding-top:.2rem}.experimental-badge{border:1px solid rgba(244,211,94,.52);border-radius:999px;color:#f4d35e;font-size:.58rem;letter-spacing:.08em;margin-left:.35rem;padding:.15rem .35rem;text-transform:uppercase}.adaptive-toggle{align-items:flex-start;flex-direction:row;gap:.65rem}.adaptive-toggle input{flex:0 0 auto;margin-top:.2rem;width:1rem}.adaptive-toggle span,.adaptive-toggle strong,.adaptive-toggle small{display:block}.adaptive-toggle small{color:#bda9d6;line-height:1.35;margin-top:.2rem}.adaptive-bounds{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.adaptive-status{margin-bottom:0}.ai-diagnostics{border-top:1px solid rgba(76,201,240,.18);margin-top:.8rem;padding-top:.65rem}.ai-diagnostics summary{color:#4cc9f0;cursor:pointer;font-size:.78rem}.ai-diagnostics dl{display:grid;gap:.3rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-diagnostics dl div{display:flex;justify-content:space-between;gap:.5rem}.ai-diagnostics dt,.ai-diagnostics dd{font-size:.72rem;margin:0}.ai-diagnostics dd{overflow-wrap:anywhere;text-align:right}.online-computer-settings{background:#07031457;border:1px solid rgba(76,201,240,.18);border-radius:.9rem;margin-block:.85rem;padding:.8rem}.online-computer-settings .row{align-items:end}.online-computer-settings label{flex:1 1 8rem}.option-pills button{background:#2a1244b3;border-radius:.65rem;padding-inline:.55rem}.option-pills button.is-selected{background:#f4d35e;border-color:#f4d35e;color:#170d25;font-weight:700}.color-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.color-choice{display:flex;align-items:center;gap:.65rem;background:#2a1244b3;border-radius:.75rem;text-align:left}.color-choice.is-selected{border-color:#f4d35e;box-shadow:inset 0 0 0 1px #f4d35e4d}.color-choice strong,.color-choice small{display:block}.color-choice small{color:#bda9d6;font-size:.72rem;margin-top:.1rem}.color-dot{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 0 .7rem currentColor}.color-dot.green{color:#37c871;background:#37c871}.color-dot.coral{color:#ec625f;background:#ec625f}.color-dot.yellow{color:#f4d35e;background:#f4d35e}.color-dot.blue{color:#4cc9f0;background:#4cc9f0}.menu-card>.primary.wide{display:flex;align-items:center;justify-content:space-between;border-radius:.75rem;margin-top:1.15rem;padding:.72rem 1rem;transition:filter .14s ease,transform .14s ease}.menu-card>.primary.wide:hover{filter:brightness(1.06);transform:translateY(-1px)}.warning{color:#ffd7a8;background:#ff9b421f;border-left:3px solid #ff9b42;padding:.6rem .75rem}.save-state{color:#99e6b3;font-size:.85rem}.turn-actions{margin-top:.85rem}.turn-actions>p{color:#e7d9f6;line-height:1.4;margin:0 0 .55rem}.board-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;container-name:board;container-type:inline-size}.board-canvas{flex:1 1 auto;min-height:0;width:100%;height:100%}.board-canvas>div{width:100%!important;height:100%!important}.piece-controls{position:absolute;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65em 1em;width:100%;max-height:min(52vh,26rem);color:#fff8ff;font-size:clamp(1rem,.75rem + .7vw,1.35rem);background:linear-gradient(135deg,#2a1244fa,#0c0519fa);padding:.85em 1.1em;overflow:auto;-webkit-user-select:none;user-select:none;z-index:2;pointer-events:auto}.piece-controls-top{top:0;border-bottom:1px solid rgba(244,211,94,.55);box-shadow:0 .7rem 1.8rem #02000859;animation:piece-controls-slide-down .24s ease-out}.piece-controls-bottom{bottom:0;border-top:1px solid rgba(244,211,94,.55);box-shadow:0 -.7rem 1.8rem #02000859;animation:piece-controls-slide-up .24s ease-out}@keyframes piece-controls-slide-up{0%{opacity:.55;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes piece-controls-slide-down{0%{opacity:.55;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.piece-controls-top,.piece-controls-bottom{animation:none}}.piece-controls-copy{grid-column:1;grid-row:1;min-width:0}.piece-control-messages{block-size:5.5em;overflow-y:auto;overscroll-behavior:contain}.piece-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:.75em}.piece-controls-heading strong{color:#f4d35e;font-size:1.15em;letter-spacing:.05em;text-transform:uppercase}.piece-controls-heading button{display:grid;place-items:center;width:max(1.7em,2.75rem);height:max(1.7em,2.75rem);padding:0}.piece-controls p{color:#d7c4f0;font-size:.92em;line-height:1.4;margin:.4em 0 .55em}.piece-controls .piece-control-error{color:#ffd0ce;background:#ec625f29;border-left:3px solid #ec625f;padding:.35rem .45rem}.piece-controls .orientation-guidance{color:#9fdff0;margin-bottom:0}.piece-controls .orientation-guidance.is-previewing{color:#b8f2ff;text-shadow:0 0 .75rem rgba(76,201,240,.65)}.piece-control-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));grid-column:1 / -1;grid-row:2;align-items:center;gap:.55em;min-width:0;min-height:3.6em;padding:.15em}.orientation-choice{display:flex;align-items:center;gap:.45em;width:100%;min-width:0;min-height:3.25rem;background:#0b0518ad;border-radius:.7em;padding:.45em .65em;text-align:left;transition:border-color .14s ease,background .14s ease,transform .14s ease}.orientation-choice:hover,.orientation-choice:focus-visible,.orientation-choice.is-previewing{background:#5b2e7ecc;border-color:#f4d35e;transform:translateY(-1px)}.orientation-choice.is-previewing{border-color:#4cc9f0;box-shadow:0 0 .75rem #4cc9f073}.orientation-choice.keep-facing{border-color:#4cc9f0b3}.orientation-choice strong,.orientation-choice small{display:block;white-space:nowrap}.orientation-choice strong{color:#fff8ff;font-size:.92em}.orientation-choice small{color:#bda9d6;font-size:.78em;margin-top:.08em}.orientation-preview{flex:0 0 auto;width:2.55em;height:2.55em;filter:drop-shadow(0 .2em .3em rgba(0,0,0,.4))}.controls-placement{display:grid;grid-template-columns:repeat(2,auto);grid-column:2;grid-row:1;gap:.35em;justify-items:stretch;flex:0 0 auto}.controls-placement>span{grid-column:1 / -1;color:#9e89b9;font-size:.72em;letter-spacing:.08em;text-align:center;text-transform:uppercase}.controls-placement button{min-height:2.75rem;border-radius:.55em;font-size:.82em;padding:.4em .7em}@container board (max-width: 70rem){.piece-controls{grid-template-columns:minmax(0,1fr) auto;gap:.6em .9em;font-size:clamp(.92rem,1.6cqi,1.05rem);padding:.7em .85em}.piece-control-actions{width:100%;min-height:3.5rem}.orientation-choice{min-height:3.25rem}}@container board (max-width: 42rem){.piece-controls{gap:.5rem .65rem;max-height:min(48vh,22rem);padding:.6rem}.piece-controls-copy{align-self:start}.piece-control-messages{block-size:6.5rem}.piece-controls-heading strong{font-size:1rem}.piece-controls p{font-size:.875rem;line-height:1.35;margin-block:.3rem}.piece-control-actions{margin-inline:-.6rem;width:calc(100% + 1.2rem);padding-inline:.6rem}.orientation-choice{min-height:3rem;padding:.4rem .55rem}.orientation-preview{width:2.35rem;height:2.35rem}.controls-placement>span{display:none}}.controls-placement button.is-selected{color:#170d25;background:#f4d35e;border-color:#f4d35e}.rules-panel{line-height:1.5}.rules-panel ul,.rules-panel ol{padding-left:1.35rem}.rules-panel li+li{margin-top:.35rem}.error{color:#ff6b6b}label{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0}label>select,label>input{width:100%}.seats{list-style:none;padding:0;color:#d7c4f0}.seats strong{text-transform:capitalize;color:#fff7fb}.waiting{display:grid;place-items:center;height:100%;color:#c9b6ff;letter-spacing:.08em}@media(max-width:860px){.app>.hud{right:0;bottom:auto;width:100%;max-height:48vh;border-right:none;border-image:none;background:linear-gradient(180deg,#120820f0,#120820b8 42%,#1208202e 78%,#12082000)}.settings-grid{grid-template-columns:1fr}.piece-controls{grid-template-columns:minmax(0,1fr) auto}.piece-control-actions{grid-column:1 / -1;grid-row:2}.controls-placement{grid-column:2;grid-row:1}}@media(max-width:680px){.choice-grid,.choice-grid-modes,.option-pills,.color-choices{grid-template-columns:1fr}.choice-card{min-height:4rem}.saved-game{align-items:stretch;flex-direction:column}.saved-game-actions button{flex:1}}