:root{--bg:#1a1b1f;--bg-2:#141518;--panel:#1a1b1f;--panel-2:#24262b;--line:#34363c;--line-strong:#44474e;--hover:#2a2c31;--text:#e6e3dc;--muted:#a9a59c;--faint:#6c6a65;--gold:#d6a84e;--gold-2:#f0c873;--on-accent:#1a1408;--good:#8fc27a;--bad:#e0675a;--warn:#e2b04a;--orange:#e8894a;--blue:#6fa8dc;--board-light:#ecd9b9;--board-dark:#ae8a68;--mono:"JetBrainsMono Nerd Font", "JetBrains Mono", ui-monospace, "DejaVu Sans Mono", monospace;--font:var(--mono);--display:var(--mono);--fs:14px;--radius:0;--c-border:color-mix(in srgb, var(--text) 40%, transparent);--c-fill:color-mix(in srgb, var(--text) 4%, transparent);--c-hover:color-mix(in srgb, var(--text) 8%, transparent);--c-selected:color-mix(in srgb, var(--text) 18%, transparent);--c-pressed:color-mix(in srgb, var(--text) 22%, transparent);--frame:color-mix(in srgb, var(--text) 28%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;border-radius:0}html,body{height:100%;margin:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font:var(--fs) / 1.55 var(--mono);font-variant-ligatures:none;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--mono);letter-spacing:0;margin:0;font-weight:700}h1{font-size:1.45em}h1:before{content:"> ";color:var(--gold)}h2{font-size:1.1em}h3{color:var(--gold);font-size:.95em}p{margin:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:var(--mono)}::selection{background:color-mix(in srgb, var(--gold) 45%, transparent)}button,.btn{font:inherit;color:var(--text);background:var(--c-fill);border:1px solid var(--c-border);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--c-hover)}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--gold);outline-offset:1px}button:active:not(:disabled),.btn:active{background:var(--c-pressed)}button:disabled{opacity:.4;cursor:default}button.primary,.btn.primary{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent);font-weight:700}button.primary:hover:not(:disabled),.btn.primary:hover{background:color-mix(in srgb, var(--gold) 22%, transparent)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--c-hover)}button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}button.sm,.btn.sm{padding:1px 8px;font-size:.88em}button.active{background:var(--c-selected);color:var(--gold);border-color:#0000}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--c-border);padding:5px 8px}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}textarea{resize:vertical;font-size:.9em}input[type=checkbox],input[type=range]{accent-color:var(--gold)}.panel{border:1px solid var(--frame);background:0 0;margin-top:6px;padding:14px 14px 12px;position:relative}.panel>h3:first-child,.panel>.row:first-child>h3:first-child{background:var(--bg);padding:0 6px;font-size:.92em;line-height:1.5;position:absolute;top:-.8em;left:10px}.panel>.row:first-child:has(>h3:first-child){min-height:1.4em}.panel:focus-within{border-color:color-mix(in srgb, var(--gold) 70%, transparent)}.tag{color:var(--muted);white-space:nowrap;font-size:.86em}.tag:before{content:"[";color:var(--faint)}.tag:after{content:"]";color:var(--faint)}.tag.gold{color:var(--gold)}.meter{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 8px);height:10px}.meter span{background:repeating-linear-gradient(90deg, var(--gold) 0 6px, transparent 6px 8px);height:100%;transition:width .2s;display:block}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}code{font-family:var(--mono);color:var(--gold)}.study{grid-template-columns:minmax(0,auto) minmax(300px,420px);align-items:start;gap:24px;display:grid}.study>aside{min-width:0}.controls button{justify-content:center;min-width:5ch}.study .board-col{width:min(100vh - 150px,100vw - 740px);min-width:320px;max-width:760px}@media (width<=1100px){.study{grid-template-columns:minmax(0,1fr)}.study>aside{min-width:0}.study .board-col{width:min(100%,640px);min-width:0;max-width:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--frame)}@keyframes blink{50%{opacity:0}}.cursor{background:var(--gold);width:.6em;animation:1.1s step-end infinite blink;display:inline-block}.cg-wrap cg-board{background-color:var(--sq-light);background-image:conic-gradient(var(--sq-dark) 0 25%, var(--sq-light) 0 50%, var(--sq-dark) 0 75%, var(--sq-light) 0);background-size:25% 25%}cg-board square.move-dest{background:radial-gradient(#141e1452 20%,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 79%,#141e144d 80%)}cg-board square.move-dest:hover{background:#141e142e}cg-board square.last-move{background-color:color-mix(in srgb, var(--gold) 40%, transparent)}cg-board square.selected{background-color:color-mix(in srgb, var(--gold) 58%, transparent)}cg-board square.check{background:radial-gradient(#e6281ef2 0%,#c8141499 30%,#0000 75%)}cg-board square.hint{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--blue) 90%, transparent)}cg-board square.good{background-color:color-mix(in srgb, var(--good) 55%, transparent)}cg-board square.bad{background-color:color-mix(in srgb, var(--bad) 55%, transparent)}.cg-wrap coords{font-family:var(--font);font-size:10px;font-weight:600}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd){color:var(--sq-dark)}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n){color:var(--sq-light)}.shell.svelte-12qhfyh{grid-template-rows:1fr auto;grid-template-columns:200px 1fr;min-height:100vh;display:grid}aside.svelte-12qhfyh{border-right:1px solid var(--frame);flex-direction:column;gap:18px;height:calc(100vh - 24px);padding:18px 10px;display:flex;position:sticky;top:0}.brand.svelte-12qhfyh{align-items:center;gap:10px;padding:0 8px;font-weight:400;display:flex}.brand.svelte-12qhfyh b:where(.svelte-12qhfyh){color:var(--gold);font-weight:700}.mark.svelte-12qhfyh{width:28px;height:28px;color:var(--on-accent);background:var(--gold);place-items:center;font-size:1.2em;display:grid}.mark.svelte-12qhfyh svg:where(.svelte-12qhfyh){fill:currentColor}nav.svelte-12qhfyh{flex-direction:column;gap:1px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:5px 8px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--c-hover);color:var(--text)}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--c-hover);border-color:color-mix(in srgb, var(--text) 25%, transparent);color:var(--gold)}.glyph.svelte-12qhfyh{text-align:center;width:1.2em}.label.svelte-12qhfyh{flex:1}kbd.svelte-12qhfyh{font:inherit;color:var(--faint);font-size:.8em}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh) kbd:where(.svelte-12qhfyh){color:var(--gold)}main.svelte-12qhfyh{min-width:0;padding:22px 28px 40px}.status.svelte-12qhfyh{z-index:30;background:var(--bg-2);border-top:1px solid var(--frame);white-space:nowrap;grid-column:1/-1;align-items:stretch;gap:1px;height:24px;font-size:.86em;line-height:24px;display:flex;position:sticky;bottom:0;overflow:hidden}.seg.svelte-12qhfyh{background:var(--c-hover);padding:0 10px}.seg.accent.svelte-12qhfyh{background:var(--gold);color:var(--on-accent);font-weight:700}.hint.svelte-12qhfyh{color:var(--faint);text-overflow:ellipsis;padding:0 12px;overflow:hidden}.spacer.svelte-12qhfyh{flex:1}.account.svelte-12qhfyh{align-items:center;gap:6px;margin-top:auto;padding:0 8px;font-size:.88em;display:flex}.who.svelte-12qhfyh{color:var(--gold);text-overflow:ellipsis;flex:1;overflow:hidden}main.bare.svelte-12qhfyh{padding:24px}.notice.svelte-12qhfyh{border:1px solid var(--good);color:var(--good);margin-bottom:16px;padding:6px 10px}@media (width<=800px){.shell.svelte-12qhfyh{grid-template-columns:1fr}aside.svelte-12qhfyh{border-right:0;border-bottom:1px solid var(--frame);flex-flow:wrap;align-items:center;height:auto;padding:10px 16px;position:static}nav.svelte-12qhfyh{flex-flow:wrap}kbd.svelte-12qhfyh,.hint.svelte-12qhfyh{display:none}main.svelte-12qhfyh{padding:16px}}