:root{font-family:system-ui,-apple-system,'Hiragino Sans',sans-serif;color:#192b43;background:#f1f2eb;font-synthesis:none;--ink:#192b43;--orange:#f06440;--teal:#238577}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:#235c9f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d94c2b;outline-offset:4px}header{max-width:1000px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:950;font-size:25px;letter-spacing:-1px}.brand span{color:var(--orange)}.tag{font-size:11px;background:var(--ink);color:white;padding:5px 9px;border-radius:6px;letter-spacing:1px}.small{font-size:12px;color:#65758a;line-height:1.7}.tools{display:flex;gap:8px}.quiet{border:1px solid #cbd2d6;background:transparent;padding:9px 12px;border-radius:12px;min-height:44px}.layout{width:min(980px,calc(100% - 32px));margin:8px auto 40px;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.board{background:var(--ink);color:white;padding:22px;border-radius:24px}.board h2{font-size:15px;margin:0 0 20px}.racer{margin-top:20px}.racer-top{display:flex;justify-content:space-between;align-items:center}.racer-top strong{font-size:25px}.racer-top small{font-size:11px;margin-left:3px}.track{height:8px;background:#ffffff20;border-radius:20px;overflow:hidden;margin-top:8px}.fill{height:100%;border-radius:20px;background:var(--c);transition:width .6s ease}.rank{color:#b5c4d5;font-size:11px}.board .small{color:#b5c4d5}.panel{background:#fff;border:1px solid #e0e3dd;border-radius:25px;padding:26px;box-shadow:0 9px 0 #e3e5dc}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:800}.hero h1{font-size:clamp(32px,5vw,48px);line-height:1.3;letter-spacing:-2px;margin:17px 0}.orange{color:var(--orange)}.intro-art{display:flex;align-items:center;gap:16px}.mascot{width:132px;height:132px;flex-shrink:0;background-image:url('assets/seijiyakun-expressions.png');background-size:200% 200%;background-position:0 0}.mascot.smug{background-position:0 100%}.mascot.bow{background-position:100% 100%}.mascot.shock{background-position:100% 0}.speech{font-weight:750;font-size:15px;line-height:1.7}.primary{border:0;background:var(--orange);color:white;width:100%;min-height:52px;border-radius:14px;padding:14px;font-weight:850;box-shadow:0 4px 0 #c94d2d}.secondary{background:#eef3ef;border:1px solid #d7dfda;border-radius:12px;min-height:48px;padding:12px;font-weight:700}.steps{display:flex;gap:5px;margin-bottom:20px}.step{flex:1;border-top:4px solid #e3e6df;padding-top:8px;font-size:11px;color:#839084}.step.active{border-color:var(--orange);color:var(--ink);font-weight:800}.step.done{border-color:var(--teal)}h1{font-size:25px;letter-spacing:-.8px;margin:12px 0;outline:none}p{line-height:1.75}.lede{font-size:14px;margin:0;color:#617084}.scene-art{display:flex;align-items:center;gap:10px;margin:10px 0}.scene-art .mascot{width:86px;height:86px}.scene-art .speech{font-size:13px}.choice{width:100%;text-align:left;display:flex;align-items:center;gap:13px;padding:15px;margin-top:11px;background:white;border:1.5px solid #d5ddd9;border-radius:14px;min-height:78px;box-shadow:0 3px 0 #edf0ea}.choice:hover{border-color:var(--orange);background:#fff9f2}.choice b{display:block;font-size:17px}.choice small{display:block;font-size:12px;color:#66777f;margin-top:5px;line-height:1.5}.letter{font-weight:900;color:var(--teal);background:#e9f3ed;border-radius:9px;padding:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}.stat{background:#f3f5f0;padding:11px;border-radius:11px}.stat label{font-size:11px;color:#62766d}.stat strong{float:right;font-size:16px}.stat .track{height:5px;background:#dce3da;clear:both;margin-top:9px}.cuts{background:#fff2cb;border:1px solid #ead58b;padding:14px;border-radius:14px;margin-top:19px}.cuts summary{font-weight:800;font-size:14px;cursor:pointer}.cut-buttons{display:flex;gap:8px;margin:12px 0}.cut-buttons button{flex:1;font-size:12px;background:white;border:1px solid #d6c68d;border-radius:10px;padding:10px;min-height:48px}.receipt h1{font-size:30px}.points{font-size:55px;font-weight:950;color:var(--orange);line-height:1.1;margin:16px 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#edf5ef;color:#246353;border-radius:7px;padding:6px 8px;font-size:12px}.chip.neg{background:#fff0eb;color:#aa4f3b}.notice{font-size:13px;padding:12px 14px;border-left:3px solid var(--orange);background:#fff7ef;margin:12px 0}.lesson{background:#f0f5f8;border-radius:13px;padding:15px;margin:20px 0;font-size:13px}.lesson b{color:#286875}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.end-grid div{padding:16px;background:#f1f4ed;border-radius:14px;font-size:13px}.end-grid strong{display:block;font-size:24px;margin-top:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.actions button{flex:1}footer{max-width:980px;margin:20px auto;padding:0 24px 30px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}dialog{border:0;border-radius:22px;padding:25px;max-width:560px;width:calc(100% - 32px);max-height:85dvh;color:var(--ink)}dialog::backdrop{background:#162b3cb0}dialog h2{margin-top:4px;font-size:23px}dialog .close{float:right}dialog li{margin-bottom:12px;line-height:1.7;font-size:14px}dialog textarea{width:100%;height:140px}.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:13px 18px;max-width:90%;width:max-content;font-size:13px;z-index:5}.toast:empty{display:none}.timeline{font-size:14px;border-bottom:1px solid #dde3dc;padding:13px 0}.timeline small{display:block;color:#6b7e75;margin-top:6px}.receipt{animation:enter .3s ease}@keyframes enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:680px){header{padding:15px 17px}.brand{font-size:22px}.tag{font-size:10px}.layout{display:block;width:calc(100% - 24px);margin-top:0}.board{padding:14px 12px;border-radius:17px;margin-bottom:13px}.board h2{font-size:12px;margin:0 0 8px}.race-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.racer{margin:0}.racer-top{display:block}.racer-top strong{display:block;font-size:25px;margin-top:2px}.racer-top span{font-size:12px}.rank{display:none}.board>.small{display:none}.panel{padding:20px 17px;border-radius:19px}.tools{gap:5px}.quiet{font-size:12px;padding:7px 9px}.hero h1{font-size:36px}.stats{gap:6px}.stat{padding:9px 7px}.step{font-size:10px}footer{padding:0 17px 20px}.scene-art{margin:5px 0}.scene-art .mascot{height:72px;width:72px}.choice{padding:12px;min-height:76px}.choice b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.delta{display:block;font-size:11px;margin-top:5px;color:#b5c4d5}