:root{color:#22372f;font-synthesis:none;background:#f5f5ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#294638;background:#fff;border:1px solid #dce0d4;border-radius:7px;padding:10px 16px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#eaf0df}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #9bae61}a{color:inherit}i{display:inline-block}h1,h2,h3,p{margin:0}.topbar{background:#fafbf5;border-bottom:1px solid #dfe3d6;justify-content:space-between;align-items:center;gap:20px;height:84px;padding:0 max(28px,50vw - 620px);display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:750;text-decoration:none;display:flex}.brand>span:first-child{color:#d8edb4;text-align:center;background:#233e32;border-radius:9px;width:38px;height:40px;font-size:32px}.brand .brand-tag{letter-spacing:1.5px;color:#74806b;border-left:1px solid #cbd2c0;max-width:70px;margin-left:10px;padding-left:16px;font-size:9px;font-weight:600;line-height:1.6}.header-right{align-items:center;gap:28px;display:flex}.header-right button{color:#f1f6e8;background:#233e32;border-color:#233e32}.header-right button span{margin-left:20px}.privacy{color:#63735e;font-size:12px}.privacy i,.engine-badge i{background:#7e9d54;border-radius:50%;width:6px;height:6px;margin-right:7px}main{max-width:1240px;margin:0 auto;padding:44px 28px 0}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:2px;color:#7e8867;margin-bottom:13px;font-size:9px;font-weight:750}h1{letter-spacing:-1.7px;font-family:Georgia,Times New Roman,serif;font-size:43px;font-weight:400;line-height:1.15}.intro p{color:#7a8272;margin-top:13px;font-size:13px;line-height:1.7}.engine-badge{letter-spacing:1.3px;white-space:nowrap;text-align:right;font-size:10px;font-weight:700}.engine-badge small{letter-spacing:0;color:#8c9384;margin-top:7px;font-size:10px;font-weight:400;display:block}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);align-items:start;gap:36px;display:grid}.board-column{min-width:0}.player{align-items:center;gap:11px;padding:12px 0;display:flex}.player strong{font-size:13px;display:block}.player div>span{color:#838b7b;margin-top:4px;font-size:11px;display:block}.avatar{background:#e6e9de;border-radius:7px;place-items:center;width:36px;height:36px;font-size:26px;display:grid}.avatar.b{color:#eef0e4;background:#263a31}.avatar.w{background:#fffef3;border:1px solid #d7ddcc}.dot{color:#a0a68f;margin:0 7px}.result{border:1px solid #d9dfcf;border-radius:5px;margin-left:auto;padding:5px 10px;font-size:11px}.board-wrap{padding-left:22px;position:relative}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;box-shadow:0 5px 20px #293f3020}.square{place-items:center;min-width:0;display:grid;position:relative}.light{background:#e7ead6}.dark{background:#81957a}.square.last.light{background:#d4dc8a}.square.last.dark{background:#b2c36e}.piece{z-index:1;filter:drop-shadow(0 2px 1px #0003);font-family:Georgia,DejaVu Sans,Segoe UI Symbol,serif;font-size:clamp(26px,4.4vw,54px);font-weight:400;line-height:1}.piece.w{color:#fffbed;-webkit-text-stroke:1px #344334;text-shadow:0 1px #344334}.piece.b{color:#25382d;-webkit-text-stroke:.5px #14241a}.square small{color:#4d634b;z-index:2;font-size:9px;font-weight:650;position:absolute}.dark small{color:#f2f2df}.rank{top:3px;left:4px}.file{bottom:2px;right:4px}.eval-bar{background:#263a31;border-radius:3px;align-items:flex-end;width:13px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.eval-bar>div{background:#e3e8d8;width:100%;transition:height .3s}.eval-bar>span{writing-mode:vertical-rl;color:#233e32;font-size:9px;font-weight:700;position:absolute;bottom:8px;left:0}.board-controls{border-top:1px solid #dee2d4;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 0;display:flex}.board-controls button{background:0 0;border:0;padding:8px 12px;font-size:20px;font-weight:400}.board-controls>div{align-items:center;gap:6px;display:flex}.board-controls>div>span{text-align:center;min-width:43px;font-size:12px}.board-controls small{color:#949c88}.key-hint{color:#949c88;font-size:10px}.graph-card,.review-card,.summary-card{background:#fdfef8;border:1px solid #dce1d2;border-radius:12px;overflow:hidden}.graph-card{padding:17px 18px 12px}.section-label{letter-spacing:1.3px;color:#6f7d63;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.section-label>span{letter-spacing:0;color:#969e89;font-size:10px;font-weight:400}.graph{height:90px;margin-top:12px;position:relative}.graph svg{width:100%;height:100%}.graph-empty{color:#a3ab96;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.graph-targets{display:flex;position:absolute;inset:0}.graph-targets button{background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding:0}.graph-targets button:hover{background:#84966522}.graph-axis{color:#949e86;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.review-column{flex-direction:column;gap:20px;padding-top:12px;display:flex}.card-heading{border-bottom:1px solid #e5e8dc;justify-content:space-between;align-items:center;gap:8px;padding:21px 23px;display:flex}h2{letter-spacing:-.2px;font-size:15px;font-weight:650}.pill{letter-spacing:1px;color:#7e8c68;background:#edf1e4;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:650}.welcome{text-align:center;padding:34px 46px 29px}.welcome-icon{color:#355846;background:#edf2df;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 20px;font-size:64px;display:grid}.welcome h3{letter-spacing:-.5px;font-family:Georgia,serif;font-size:25px;font-weight:400}.welcome p{color:#89917e;max-width:260px;margin:14px auto 24px;font-size:13px;line-height:1.8}.primary{color:#2f4934;background:#d4e8ab;border-color:#c7dda0}.primary:hover{background:#c5df92}.welcome .primary{width:100%;padding:14px}.welcome .primary span{float:right}.text-button{color:#69824e;background:0 0;border:0;font-size:12px}.welcome>.text-button{margin-top:12px}.welcome-note{color:#9aa28d;border-top:1px solid #e8ebdf;margin-top:25px;padding-top:20px;font-size:10px;line-height:1.8}.analysis-controls{padding:20px 23px 15px}.status-line{align-items:center;gap:8px;font-size:11px;display:flex}.status-line>span:first-child{background:#829e58;border-radius:50%;width:6px;height:6px}.status-line>span:last-child{color:#8a947b;margin-left:auto;font-size:10px}.pulse{animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.25}}progress{appearance:none;background:#e9edde;border:0;border-radius:4px;width:100%;height:5px;margin:13px 0 15px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#e9edde}progress::-webkit-progress-value{background:#91ad63}progress::-moz-progress-bar{background:#91ad63}.run-controls{align-items:end;gap:12px;display:flex}.run-controls label{color:#929b83;flex:1;font-size:9px}.run-controls select{color:#526047;background:#f7f9f0;border:1px solid #dfe5d2;border-radius:5px;width:100%;margin-top:5px;padding:9px 5px;font-size:11px;display:block}.run-controls button{padding:11px 12px;font-size:11px}.micro{color:#929c82;margin-top:11px;font-size:10px;line-height:1.7}.move-detail{background:#f2f5e9;border-top:1px solid #e4e9d7;border-bottom:1px solid #e4e9d7;min-height:160px;padding:20px 23px}.move-detail h3{align-items:center;gap:14px;margin:14px 0 10px;font-size:26px;font-weight:550;display:flex}.classification{letter-spacing:0;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600}.move-detail p{color:#7d886e;font-size:11px;line-height:1.8}.best{color:#668635;background:#dcebbd}.excellent{color:#668859;background:#e2ebd9}.good{color:#7e9164;background:#e5e9df}.inaccuracy{color:#ab8b33;background:#f2e4b6}.mistake{color:#be7b33;background:#f3d7b8}.blunder{color:#bf6f5e;background:#f1d7cf}.pv{border-top:1px solid #e0e7d1;margin-top:17px;padding-top:13px}.pv>span{letter-spacing:1px;color:#92a07d;font-size:8px}.pv>div{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.pv button{background:#e5edd8;border:0;padding:4px 7px;font-size:11px}.pv button.selected{color:#fff;background:#526f43}.pv>.text-button{background:0 0;margin-top:7px}.moves-heading{letter-spacing:1px;color:#97a085;justify-content:space-between;padding:15px 23px 10px;font-size:8px;display:flex}.moves-heading b{color:#c0c6b2;margin:0 7px;font-weight:400}.move-list{scrollbar-width:thin;scrollbar-color:#c9d3b7 transparent;max-height:260px;padding:0 12px 12px;overflow:auto}.move-row{border-radius:5px;grid-template-columns:35px 1fr 1fr;align-items:center;display:grid}.move-row:nth-child(odd){background:#f5f7ed}.move-row>span{color:#a0a88e;padding-left:9px;font-size:10px}.move-row button{background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 13px;font-size:12px;display:flex}.move-row button[aria-current]{background:#e0ebcc;border-color:#c9dbad}.move-dot{border-radius:50%;place-items:center;min-width:20px;height:20px;padding:2px;font-size:9px;display:grid}.pending{color:#c2c9b3}.summary-card{padding-bottom:12px}.summary-card .card-heading{border:0;padding-bottom:14px}.summary-head,.summary-row{grid-template-columns:1fr 60px 60px;align-items:center;gap:12px;margin:0 23px;padding:6px 0;font-size:11px;display:grid}.summary-head{color:#99a388;padding-bottom:10px;font-size:9px}.summary-head b{font-weight:400}.summary-row strong,.summary-head b{text-align:center}.summary-row>span{color:#7d896b;align-items:center;gap:9px;display:flex}.summary-row i{background:currentColor;border-radius:50%;width:7px;height:7px}.summary-row strong{font-size:12px;font-weight:500}.summary-card details{color:#95a084;border-top:1px solid #e5e9dc;margin:14px 23px 4px;padding-top:12px;font-size:10px;line-height:1.8}.summary-card summary{cursor:pointer}.summary-card details p{margin-top:9px}footer{color:#909b82;border-top:1px solid #dce2d1;justify-content:space-between;gap:16px;margin-top:40px;padding:24px 0;font-size:10px;display:flex}footer b{color:#687958;margin-left:5px;font-size:12px}footer a{border-bottom:1px solid #cbd5bc;text-decoration:none}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#162a24aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fcfdf6;border:1px solid #dce2cf;border-radius:15px;width:540px;max-height:90dvh;padding:26px;overflow:auto;box-shadow:0 25px 100px #102c3255}.dialog .card-heading{border:0;padding:0}.dialog h2{font-family:Georgia,serif;font-size:29px;font-weight:400}.dialog .card-heading button{background:0 0;border:0;padding:4px 10px;font-size:23px}.dialog-intro{color:#889477;margin-top:9px;font-size:12px}.tabs{background:#edf1e3;border-radius:7px;gap:4px;margin:24px 0 20px;padding:4px;display:flex}.tabs button{color:#8a9877;background:0 0;border:0;flex:1;font-size:12px}.tabs button.active{color:#3b573c;background:#fff;box-shadow:0 2px 5px #243d2410}.field{color:#6d7d5f;margin-bottom:16px;font-size:11px;display:block}.field textarea,.field input{color:#3b5034;background:#fffef9;border:1px solid #dce2ce;border-radius:6px;outline-color:#98ae75;width:100%;margin-top:8px;padding:12px;font-size:12px;display:block}.field textarea{resize:vertical;height:185px;font-family:ui-monospace,monospace;line-height:1.7}.field-row{gap:15px;display:flex}.field-row>.field{flex:1;min-width:0}.file-input{text-align:center;color:#6c8057;cursor:pointer;border:1px dashed #c9d5b7;border-radius:6px;padding:13px;font-size:11px;display:block;position:relative}.file-input input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-input:focus-within{outline:2px solid #98ae75}.dialog-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.dialog-actions>button{flex:1}.error{color:#9b4d3c;background:#f7e6df;border:1px solid #eac6ba;border-radius:7px;margin-top:16px;padding:13px;font-size:12px;line-height:1.6}.import-help{color:#899579;margin:0 0 20px;font-size:12px;line-height:1.8}.wide{width:100%}@media (width>=1400px){.piece{font-size:56px}}@media (width<=950px){.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px}main{padding:30px 22px 0}.topbar{padding:0 22px}.privacy{display:none}.welcome{padding:28px 24px}.intro .engine-badge{display:none}h1{font-size:39px}.key-hint{display:none}.run-controls{flex-direction:column;align-items:stretch}.piece{font-size:5vw}}@media (width<=720px){.topbar{height:68px;padding:0 18px}.brand{font-size:22px}.brand .brand-tag{display:none}.header-right button{padding:9px 12px;font-size:11px}.header-right button span{margin-left:9px}main{padding:28px 16px 0}.intro{margin-bottom:20px}.eyebrow{letter-spacing:1.5px;font-size:7px}h1{font-size:34px}.intro p{max-width:320px;font-size:12px}.workspace{flex-direction:column;gap:20px;display:flex}.board-column,.review-column{width:100%}.review-column{padding:0}.piece{font-size:8.5vw}.board-wrap{padding-left:19px}.board-controls{margin-bottom:5px}.graph-card{padding:14px}.player{padding:10px 0}.player strong{font-size:12px}.run-controls{flex-direction:row;align-items:end}.run-controls label{display:block}.welcome{padding:25px 40px}.welcome-icon{width:64px;height:64px;font-size:48px}.welcome-note{margin-top:15px}.card-heading{padding:18px 20px}footer{flex-direction:column;gap:12px;margin-top:28px;font-size:9px}.dialog{padding:22px}.field-row{flex-direction:column;gap:0}.dialog h2{font-size:26px}.graph{height:70px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}