:root{--paper:#f4f0e6;--paper2:#faf7ef;--ink:#2b2721;--soft:#5a5348;--mute:#8d857a;--brass:#8a6a2f;--rule:#e2d8c4;--edge:#ddd3bd;--good:#4f7a4a;--warn:#a8762c;--bad:#b4503c}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0}body{font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:16px;line-height:1.6}.app{max-width:1180px;margin:0 auto;padding:34px 40px 44px}.sans,.small,h3,.tag,.status,.moves,select,button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:22px;display:flex;position:relative}h1{letter-spacing:.2px;margin:0;font-size:23px;font-weight:400}h1 em{color:var(--brass);font-style:normal}.controls{flex-wrap:wrap;gap:6px;display:flex}select,button{background:var(--paper2);color:var(--soft);border:1px solid var(--edge);border-radius:2px;min-height:34px;padding:6px 10px;font-size:12.5px}button{cursor:pointer}button.primary{background:var(--brass);border-color:var(--brass);color:var(--paper2);font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.layout{grid-template-columns:1fr;gap:34px;display:grid}@media (width>=900px){.layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:52px}}.boardwrap{width:100%;max-width:440px;margin:0 auto;position:relative}.frame{background:var(--frame);box-shadow:0 1px 0 var(--board-edge),0 14px 30px #3c2d1938;border-radius:3px;padding:10px}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 10px #00000047}.sq{cursor:pointer;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.board:after{content:"";z-index:1;pointer-events:none;filter:url(#grain);opacity:var(--grain);mix-blend-mode:multiply;background:#fff;position:absolute;inset:0}.sq.last:after{content:"";background:var(--mark);position:absolute;inset:0}.sq.sel:after{content:"";background:var(--sel);position:absolute;inset:0}.sq.target:after{content:"";background:var(--dot);z-index:2;border-radius:50%;width:26%;height:26%;position:absolute}.sq.target.cap:after{border:4px solid var(--dot);background:0 0;width:88%;height:88%}.sq.danger{box-shadow:inset 0 0 0 3px var(--bad)}.sq.check{background:radial-gradient(circle,#b4503cd9 0%,#b4503c59 62%,#0000 78%)}.pc{z-index:3;filter:drop-shadow(0 2px 2px #281c0c66);pointer-events:none;width:82%;height:82%;position:relative}.coord{z-index:4;opacity:.75;pointer-events:none;font-size:9.5px;font-weight:700;position:absolute}.coord.f{bottom:2px;right:3px}.coord.r{top:2px;left:3px}.light .coord{color:var(--coord-on-light)}.dark .coord{color:var(--coord-on-dark)}.arrows{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.drag-ghost{z-index:60;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.drag-ghost svg{filter:drop-shadow(0 10px 10px #281c0c73)drop-shadow(0 2px 2px #281c0c4d);width:100%;height:100%;transform:scale(1.12)}body.dragging,body.dragging .sq{cursor:grabbing}.optbtn{background:var(--paper2);height:34px;color:var(--soft);border:1px solid var(--edge);cursor:pointer;border-radius:2px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;display:inline-flex}.optbtn.on{border-color:var(--brass);color:var(--brass)}.gear{width:15px;height:15px;stroke:var(--brass);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.optpanel{z-index:20;background:var(--paper2);border:1px solid var(--edge);border-radius:3px;width:356px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);padding:16px 18px 20px;position:absolute;top:44px;right:0;overflow:auto;box-shadow:0 18px 40px #3c2d192e}.optpanel select,.optpanel button{width:100%;margin-bottom:6px}.optpanel .optrow{gap:6px;display:flex}.optpanel .optrow button{margin-bottom:0}.opthead{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.opthead h2{margin:0;font-size:17px;font-weight:400}.optpanel h3{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:16px 0 7px;font-size:11px;font-weight:600}.optpanel h3:first-of-type{margin-top:4px}.linkish{color:var(--brass);cursor:pointer;background:0 0;border:none;width:auto;min-height:0;padding:0;font-size:12.5px}.swatches{grid-template-columns:repeat(5,1fr);align-items:start;gap:8px;margin-bottom:12px;display:grid}.setswatches{grid-template-columns:repeat(2,1fr);align-items:start;gap:8px;display:grid}.swatch,.setsw{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;align-items:stretch;width:auto;min-width:0;min-height:0;margin:0;padding:0;display:flex}.swatch .chip{aspect-ratio:1;border-radius:2px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;padding:2px;display:grid;overflow:hidden;box-shadow:0 1px 2px #3c2d1940}.swatch.on .chip{outline:2px solid var(--brass);outline-offset:2px}.setsw .setrow{border:1px solid var(--edge);background:linear-gradient(90deg,var(--sq-light) 50%,var(--sq-dark) 50%);--sq-light:#e8d7b5;--sq-dark:#9c7a52;border-radius:2px;justify-content:center;align-items:center;height:44px;display:flex}.setsw .setrow .pc{width:22px;height:22px}.setsw.on .setrow{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}.swname{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;margin-left:-4px;margin-right:-4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:10.5px;display:block;overflow:hidden}.swatch.on .swname,.setsw.on .swname{color:var(--brass);font-weight:600}@media (width<=640px){.optpanel{border:none;border-radius:0;width:auto;max-width:none;max-height:none;padding:18px 16px 28px;position:fixed;inset:0}.optpanel select,.optpanel button{min-height:44px}}.introback{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b27216b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.intro{background:var(--paper2);border:1px solid var(--edge);border-radius:3px;width:100%;max-width:460px;max-height:calc(100vh - 40px);padding:22px 24px 24px;overflow:auto;box-shadow:0 24px 60px #2b272157}.introhead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.intro h2{margin:0 0 2px;font-size:19px;font-weight:400}.intro p{margin:12px 0 0}.introx{color:var(--mute);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1}.introx:hover{color:var(--ink)}.intro #introBtn{width:100%;min-height:40px;margin-top:20px}.status{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;display:flex}.moves{color:var(--mute);max-height:60px;margin-top:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.coach{flex-direction:column;display:flex}.note{border-bottom:1px solid var(--rule);margin:0 0 22px;padding:0 0 22px}.note:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.note h3{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;font-size:11px;font-weight:600}.note p{margin:0 0 12px}.note p:last-child{margin-bottom:0}.note ul{margin:8px 0;padding-left:20px}.note li{margin:5px 0}.verdict{border-left:none;padding-left:0}.tag{letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:0;margin:0 8px 0 0;padding:0;font-size:12px;font-weight:600;display:inline-block}.tag.good{color:var(--good)}.tag.meh{color:var(--warn)}.tag.bad{color:var(--bad)}.san{color:var(--brass);font-weight:500}.line{color:#7d746a;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.9}.small{color:var(--soft);font-size:13px}.checklist{background:0 0;border:none}.checklist ol{color:var(--soft);margin:6px 0 0;padding-left:18px;font-size:14.5px}.checklist li{margin:6px 0}.section>summary{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary::marker{content:""}.chev{flex:none;width:10px;height:10px;transition:transform .15s}.section[open]>summary .chev{transform:rotate(90deg)}.sectitle{white-space:nowrap;flex:none}.secsum{text-overflow:ellipsis;white-space:nowrap;letter-spacing:normal;text-transform:none;min-width:0;color:var(--soft);flex:1;font-weight:400;overflow:hidden}.speakbtn{width:auto;min-height:0;color:var(--mute);cursor:pointer;background:0 0;border:none;flex:none;padding:2px}.speakbtn:hover{color:var(--brass)}.speakbtn svg{width:15px;height:15px;display:block}.secbody{padding-top:9px}.reveal{text-align:left;width:auto;min-width:0;min-height:0;color:var(--brass);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;margin:0;padding:0;overflow:hidden}.ai{border-left:2px solid var(--rule);margin:10px 0 0;padding-left:14px}.ailabel{color:var(--brass);font-weight:600}.aiwait{color:var(--mute)}.err{border:1px solid var(--edge);color:var(--soft);background:0 0;border-radius:2px;padding:12px 14px}@media (prefers-reduced-motion:no-preference){.note{animation:.25s fade}}@keyframes fade{0%{opacity:0}to{opacity:1}}