@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&display=swap');
:root{--paper:#f4f3ee;--ink:#2c3529;--green:#526b3e;--line:#dcded3;--muted:#858b7c;--light:#e7eadf;--dark:#8fa47c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b6c47e;outline-offset:3px}header{max-width:960px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 28px}.brand{font:26px Newsreader,Georgia,serif;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.brand:first-letter{font-size:32px}.icon{border:0;background:none;font-size:24px;color:var(--green);padding:5px 10px;line-height:1.3}main{width:min(100%,524px);margin:0 auto;padding:0 22px 22px}nav{display:flex;background:#e8eade;border:1px solid #e1e4d7;border-radius:30px;width:200px;margin:1px auto 24px;padding:4px;gap:4px}nav button{flex:1;border:0;border-radius:24px;padding:10px;background:none;color:#7e8873;font-size:12px;font-weight:600}nav .active{background:#fffef9;color:var(--green);box-shadow:0 2px 5px #243a2110}.scorebar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);height:26px;gap:12px}.score{color:var(--green);letter-spacing:.3px}.score>span{color:#c49d46;font-size:15px}.score strong{font-size:15px}.combo{color:#8b784d}.combo.hot{color:#b87520;font-weight:700}.run-track{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:11px 0 17px}.run-track span{height:5px;background:#e1e4d9;border-radius:3px}.run-track .win{background:#7b9c53}.run-track .assist{background:#d4ba6b}.run-track .loss{background:#cb8d7b}.run-track .current{background:#b3bf9f}.position-bar{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px;font-size:12px}.position-bar>span:first-child{font-weight:600}#positionTag{color:var(--muted);font-size:10px}.board-shell{position:relative;isolation:isolate;border-radius:6px;box-shadow:0 6px 24px #2a371210;overflow:hidden;border:5px solid #fffdf6}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;touch-action:manipulation}.square{position:relative;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:0;padding:0;background:var(--light);color:#526247;min-width:0;outline-offset:-3px!important}.square.dark{background:var(--dark);color:#eff1e7}.square svg{height:90%;width:90%;position:relative;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 1px #0002)}.square.last{background:#d9dc9a}.square.dark.last{background:#afbe77}.square.selected{background:#e7d476}.square.hinted{background:#efd681}.square.wrong{background:#ce8a75}.square.checked{background:#ce8a75}.square.legal:after{content:'';width:23%;height:23%;border-radius:50%;background:#3045293b;position:absolute;z-index:3}.square.capture:after{width:90%;height:90%;border:5px solid #30452955;background:transparent}.coord{position:absolute;font-size:8px;font-weight:600;z-index:4;pointer-events:none}.rank{left:3px;top:2px}.file{right:3px;bottom:1px}#arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}#burst,#resultFlash{position:absolute;inset:0;pointer-events:none;z-index:6}#resultFlash{display:grid;place-items:center;font-size:76px;font-weight:700;text-shadow:0 2px 10px #ffffff99;opacity:0}#resultFlash.win{color:white;background:#426e3c2a;animation:flash 1.15s ease-out}#resultFlash.loss{color:#fdf3ec;background:#b849321a;animation:flash 1.8s ease-out}#burst i{position:absolute;width:7px;height:10px;background:var(--c);left:var(--x);top:45%;border-radius:2px;animation:confetti .95s ease-out forwards;transform:rotate(var(--r))}@keyframes flash{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.05)}65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}@keyframes confetti{0%{opacity:1;translate:0 0}100%{opacity:0;translate:var(--dx) var(--dy);rotate:200deg}}.status{display:flex;justify-content:center;gap:9px;align-items:center;text-align:center;min-height:60px;padding:12px 5px;font-size:14px;line-height:1.5}.status>span:first-child{font-size:19px;color:var(--green)}.status.good{color:var(--green)}.status.bad{color:#a6644d}.status.bad>span:first-child{color:#a6644d}.actions{display:flex;justify-content:center;align-items:center;gap:23px}.hint-button{min-width:156px;background:var(--green);border:0;border-radius:11px;padding:14px 26px;color:white;box-shadow:0 4px 0 #3f552e;font-weight:600;font-size:14px;transition:transform .12s,box-shadow .12s}.hint-button:hover{background:#5d7946}.hint-button:active{transform:translateY(3px);box-shadow:0 1px 0 #3f552e}.hint-button span{font-size:18px;margin-right:7px}.quiet{border:0;background:none;color:var(--muted);font-size:12px;padding:12px 0}.micro{font-size:10px;color:#a1a596;text-align:center;margin:23px 0 0}.why{display:block;margin:13px auto 0;border:0;background:none;color:var(--green);font-size:11px;text-decoration:underline}#explanation{font-size:12px;color:#77806c;text-align:center;line-height:1.7;margin:12px auto;max-width:390px}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:25px;width:min(440px,calc(100vw - 30px));color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #15280f30}dialog::backdrop{background:#23321d55;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}h2{font:32px Newsreader,Georgia,serif;font-weight:400;margin:0}dialog p{font-size:12px;line-height:1.8;color:#77806c}dialog a{color:var(--green)}dialog label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:16px 0}select{background:#fffdf7;border:1px solid var(--line);border-radius:7px;padding:9px;color:var(--green);font-size:12px;max-width:65%}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:25px;padding:18px 5px;text-align:center}.mini-stats strong{display:block;font:29px Newsreader,Georgia,serif}.mini-stats span{color:var(--muted);font-size:10px}.full-button{width:100%;border:0;background:var(--green);color:white;padding:13px;border-radius:8px;font-size:12px;margin:10px 0}.settings-links{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.settings-links button,.text-button{border:0;background:none;color:var(--green);font-size:10px;padding:5px 0;margin:0}.settings-links label{margin:0}.footnote{font-size:10px!important;color:#959b8d!important;margin-bottom:0}.secondary{border:0;background:none;display:block;margin:6px auto;color:var(--green);font-size:11px;padding:9px}textarea{width:100%;height:140px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fffdf7;resize:vertical;font-size:12px;line-height:1.7}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}#promotionChoices{display:flex;gap:12px;margin-top:18px}#promotionChoices button{width:65px;height:65px;background:#fffdf7;border:1px solid var(--line);border-radius:8px}#promotionChoices svg{width:100%;height:100%}#toast{position:fixed;bottom:22px;left:50%;translate:-50% 0;background:var(--ink);color:white;padding:12px 20px;border-radius:10px;z-index:20;font-size:12px;max-width:90vw;display:none}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:default}@media(max-width:550px){header{padding:20px 21px 17px}.brand{font-size:24px}main{padding:0 13px 22px;max-width:470px}nav{margin:0 auto 20px;width:185px}nav button{padding:9px}.board-shell{border-width:4px}.status{min-height:61px;font-size:13px}.micro{margin-top:21px}.coord{font-size:8px}.hint-button{padding:13px 24px}.run-track{margin-bottom:15px}}@media(max-height:850px) and (min-width:551px){header{padding:16px 28px}main{max-width:470px}nav{margin-bottom:15px}.run-track{margin:9px 0 12px}.status{min-height:52px}.micro{margin-top:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.account-card{padding:14px 0;border-top:1px solid var(--line)}.account-card h3{font-size:13px;font-weight:600;margin:0 0 10px}.account-input{display:flex;gap:12px;align-items:center}.account-input input{min-width:0;flex:1;border:1px solid var(--line);background:#fffdf7;border-radius:7px;padding:10px;font:inherit;color:var(--ink)}.account-input .secondary{margin:0}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:5px 0}.stat-row span{text-transform:capitalize;color:var(--muted)}.account-card>.secondary{display:inline-block;margin:8px 15px 0 0}#retry{white-space:nowrap}