:root{--ok:#1f7a4d;--fail:#b3261e;--rule:color-mix(in srgb, var(--ink) 18%, transparent);--mistake:#c2570c;--board:clamp(300px, min(100dvh - 536px, 55vw), 640px)}.analysis{background:var(--sky)}.container.wide{max-width:1440px}.analysis .muted{color:var(--slate)}.analysis .error{color:var(--fail);font-weight:600}.workspace{grid-template-columns:minmax(0, 1fr) var(--board);flex:1 0 auto;gap:24px;padding-top:20px;display:grid}.chat-settings{flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:16px;display:flex}.chat-settings label{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.chat-settings select{border:1px solid var(--ink);background:var(--white);min-width:0;height:40px;color:var(--ink);font:500 15px var(--sans);border-radius:4px;padding:0 10px}.chat-settings a{color:var(--blue);text-underline-offset:3px;font-size:14px}.pro-model{border:1px solid var(--ink);background:var(--white);width:calc(100% - 32px);max-width:440px;color:var(--ink);border-radius:4px;padding:28px}.pro-model::backdrop{background:color-mix(in srgb, var(--ink) 35%, transparent)}.pro-model h2{font:800 26px var(--serif);letter-spacing:-.02em;margin:0 0 12px}.pro-model p{margin:0 0 20px;line-height:1.5}.graph-strip{padding-top:16px}.eval-graph{border:1px solid var(--ink);background:var(--white);border-radius:4px;height:96px;position:relative}.eval-graph svg{cursor:pointer;width:100%;height:100%;display:block}.eval-graph .zero{stroke:var(--rule)}.eval-graph .area{fill:var(--sky)}.eval-graph .curve{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.eval-graph .current{stroke:var(--blue);stroke-width:2px}.eval-graph .hover{stroke:var(--slate);stroke-dasharray:3 3}.eval-graph circle.dot{stroke:var(--white);stroke-width:1.5px}.dot.mistake{fill:var(--mistake);background:var(--mistake)}.dot.blunder{fill:var(--fail);background:var(--fail)}.graph-status,.graph-legend{color:var(--slate);pointer-events:none;margin:0;font-size:12px;position:absolute;top:6px}.graph-status{left:10px}.graph-legend{align-items:center;gap:5px;display:flex;right:10px}.graph-legend .dot{border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.graph-tip{background:var(--ink);color:var(--white);white-space:nowrap;pointer-events:none;border-radius:3px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px}.graph-tip[hidden]{display:none}.game-about{padding-top:16px;padding-bottom:20px}.game-about h1{font-size:clamp(1.5rem,1rem + 1.5vw,2rem);line-height:1.1}.game-about h1 small{font:500 .5em var(--sans);letter-spacing:0;color:var(--slate)}.game-about .vs{color:var(--slate);font-style:italic;font-weight:500}.game-meta{color:var(--slate);margin:4px 0 0;font-size:15px}.game-meta a{color:var(--blue);text-underline-offset:3px}.engine-credit{color:var(--slate);margin:12px 0 0;font-size:13px}.engine-credit a{color:inherit;text-underline-offset:3px}.chat-panel{contain:size;background:var(--white);border:1px solid var(--ink);border-radius:4px;flex-direction:column;display:flex}.messages{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px;display:flex;overflow-y:auto}.messages .empty{text-align:center;max-width:340px;margin:auto}.quick{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 0;display:flex}.quick .push{margin-left:auto}.quick .btn[hidden],.quick[hidden],.chat-form[hidden]{display:none}.chat-form{gap:8px;padding:12px 16px 16px;display:flex}.chat-form textarea{border:1px solid var(--ink);background:var(--white);min-width:0;height:56px;color:var(--ink);font:16px/1.5 var(--sans);resize:none;border-radius:4px;flex:1;padding:8px 12px}.chat-form textarea:focus{outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:0}.msg{overflow-wrap:anywhere;max-width:100%;font-size:16px;line-height:1.6}.msg.user{background:var(--sky);white-space:pre-wrap;border-radius:4px;align-self:flex-end;max-width:85%;padding:10px 14px}.msg.assistant{border-left:3px solid var(--blue);padding-left:16px}.msg .meta{color:var(--slate);margin-bottom:2px;font-size:12px}.msg .meta .link{font-size:13px}.msg .meta:empty,.msg .status:empty{display:none}.msg .content>:first-child{margin-top:0}.msg .content>:last-child{margin-bottom:0}.msg .content p,.msg .content ul,.msg .content ol{margin:0 0 .75em}.msg .content ul,.msg .content ol{padding-left:1.3em}.msg .content :is(h1,h2,h3,h4){font:800 1.15em/1.25 var(--serif);letter-spacing:-.01em;margin:1.1em 0 .4em}.msg .content code{background:color-mix(in srgb, var(--sky) 60%, var(--white));border-radius:3px;padding:1px 4px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.msg .content table{border-collapse:collapse;margin:0 0 .75em;font-size:15px}.msg .content :is(th,td){border-bottom:1px solid var(--rule);text-align:left;padding:4px 8px}.status{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--rule);color:var(--slate);border-radius:999px;padding:1px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.chip:before{content:"⋯ "}.chip.ok:before{content:"✓ ";color:var(--ok)}.chip.fail:before{content:"✗ ";color:var(--fail)}.narration{color:var(--slate);margin-bottom:6px;font-size:14px;font-style:italic}.thinking{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.move-link{border-bottom:1px dotted var(--blue);cursor:pointer;border-radius:2px}.move-link:hover{background:var(--sky)}.move-link.active{background:var(--blue);color:var(--white);border-bottom-color:#0000}.square-link{border-bottom:1px dotted var(--slate)}.square-link:hover{background:var(--sky)}.msg .candidates:empty,.msg .extras:empty,.msg .followups:empty{display:none}.candidates{margin-top:12px;overflow-x:auto}.candidates table{border-collapse:collapse;width:100%;font-size:14px}.candidates th{color:var(--slate);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:2px 8px;font-size:11px;font-weight:600}.candidates td{border-top:1px solid var(--rule);vertical-align:top;padding:4px 8px}.candidates td:first-child,.candidates td:nth-child(2){white-space:nowrap;font-weight:600}.candidates td.cont{color:var(--slate);font-size:13px}.candidates .cls{white-space:nowrap;font-size:13px}.candidates .cls.inaccuracy{color:#a87400}.candidates .cls.mistake{color:var(--mistake)}.candidates .cls.blunder{color:var(--fail)}.extras{flex-wrap:wrap;gap:4px 14px;margin-top:8px;display:flex}.followups{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.followups button{border:1px solid var(--ink);background:var(--white);color:var(--ink);font:500 14px var(--sans);text-align:left;cursor:pointer;border-radius:4px;padding:6px 12px}.followups button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.followups button:disabled{opacity:.5;cursor:default}.board-panel{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.board{aspect-ratio:1;flex-shrink:0;width:100%}.board.previewing{outline:3px solid var(--blue);outline-offset:2px}.controls{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.controls button{border:1px solid var(--ink);background:var(--white);height:40px;color:var(--ink);cursor:pointer;border-radius:4px;font-size:16px}.controls button:hover{border-color:var(--blue);color:var(--blue)}.line-bar{border:1px solid var(--blue);background:var(--white);border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 10px;font-size:14px;line-height:1.9;display:flex}.line-bar[hidden]{display:none}.line-bar .link{margin-left:auto;font-size:13px}.legend{flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.legend:empty{display:none}.legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.eval{flex-shrink:0;min-height:1.5em;font-size:14px}.eval b{color:var(--ink)}.moves{border:1px solid var(--ink);background:var(--white);border-radius:4px;flex:1 0 72px;padding:8px 10px;font-size:15px;line-height:1.9;overflow-y:auto}.moves .pair{white-space:nowrap;margin-right:6px}.moves .num{color:var(--slate);margin-right:1px}:is(.moves,.line-bar) .move{cursor:pointer;border-radius:3px;padding:1px 5px}:is(.moves,.line-bar) .move:hover{background:var(--sky)}:is(.moves,.line-bar) .move.current{background:var(--blue);color:var(--white)}.demo{--board:clamp(300px, 40vw, 520px);border-top:1px solid var(--ink);background:var(--white);padding:72px 0 80px}.demo .workspace{height:calc(var(--board) + 220px);padding-top:32px}.demo-intro h2{text-wrap:balance;max-width:900px;font:900 clamp(2.25rem, 1.25rem + 3.5vw, 4rem)/1 var(--serif);letter-spacing:-.03em;margin:28px 0 16px}.prompt-demo{border-top:1px solid var(--ink);background:var(--sky);padding:72px 0 80px}.prompt-compare{grid-template-columns:minmax(240px,340px) minmax(0,760px);align-items:start;gap:32px;margin-top:40px;display:grid}.prompt-tabs{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.prompt-tab{border:1px solid var(--ink);background:var(--white);cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;padding:16px 20px;display:flex;position:relative}.prompt-tab-name{font:800 22px/1.2 var(--serif);letter-spacing:-.01em}.prompt-tab-summary{color:var(--slate);font-size:15px;line-height:1.4}.prompt-tab:hover .prompt-tab-name{color:var(--blue)}.prompt-tab:has(:checked){border-color:var(--blue);background:var(--blue)}.prompt-tab:has(:checked) :is(.prompt-tab-name,.prompt-tab-summary){color:var(--white)}.prompt-tab:has(:focus-visible){outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:2px}.prompt-answer{border:1px solid var(--ink);background:var(--white);border-radius:4px;padding:28px 32px}.prompt-question{border-bottom:1px solid var(--ink);font:800 24px/1.25 var(--serif);margin:0 0 20px;padding-bottom:16px}.prompt-question span{color:var(--slate);font:500 14px var(--sans);margin-top:4px;display:block}.prompt-answer .prose>:last-child{margin-bottom:0}:is(.prompt-compare:not(:has(#prompt-coach:checked)) #answer-coach,.prompt-compare:not(:has(#prompt-trainer:checked)) #answer-trainer,.prompt-compare:not(:has(#prompt-beginner:checked)) #answer-beginner){display:none}.welcome-intro{padding-top:32px}.welcome-intro h2{text-wrap:balance;font:900 clamp(2rem, 1.25rem + 2.5vw, 3rem)/1 var(--serif);letter-spacing:-.03em;margin:20px 0 16px}.welcome-tips{counter-reset:tip;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;margin:0;padding:0;list-style:none;display:grid}.welcome-tips li{counter-increment:tip;border-top:1px solid var(--ink);color:var(--slate);padding-top:10px;font-size:15px;line-height:1.5}.welcome-tips li:before{content:counter(tip) " ";color:var(--blue);font:800 17px var(--serif)}.welcome-tips b{color:var(--ink);font-weight:600}.welcome-next{padding-bottom:48px}.welcome-next h2{border-top:1px solid var(--ink);font:800 28px var(--serif);letter-spacing:-.02em;margin:0 0 16px;padding-top:24px}.next-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.next-step{border:1px solid var(--ink);background:var(--white);border-radius:4px;flex-direction:column;gap:4px;padding:16px 20px;text-decoration:none;display:flex}.next-step b{font:800 20px/1.25 var(--serif);letter-spacing:-.01em}.next-step span{color:var(--slate);font-size:15px;line-height:1.4}.next-step:hover{border-color:var(--blue)}.next-step:hover b{color:var(--blue)}@media (width<=900px){.demo{padding:48px 0 56px}.demo .workspace{height:auto}.prompt-demo{padding:48px 0 56px}.prompt-compare{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}.prompt-tabs{flex-flow:wrap;gap:8px}.prompt-tab{padding:8px 16px}.prompt-tab-name{font-size:18px}.prompt-tab-summary{display:none}.prompt-answer{padding:20px}.workspace{flex-direction:column;display:flex}.board-panel{order:-1;overflow:visible}.moves{flex:none;max-height:160px}.chat-panel{height:80dvh}}