:root{--board:#2d4a3a;--board-dark:#24392d;--wood:#7a5232;--wood-light:#f4e9da;--chalk:#f4f1e6;--chalk-y:#f3d77a;--chalk-r:#f59a8b;--chalk-dim:#c9d6cc;--paper:#f6f7f3;--ink:#23382b;--ink-mid:#55625a;--line:#d9ded6;--red:#c8381f;--font-chalk:"Klee One","Zen Kaku Gothic New","Hiragino Sans",sans-serif;--font-ui:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#e7eae3;color:var(--ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%}a{color:inherit}button{font-family:var(--font-ui);cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--chalk-y);outline-offset:2px}.paper :focus-visible{outline-color:var(--red)}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 0 0 1px rgba(35,56,43,.06)}.board{background-color:var(--board);background-image:radial-gradient(ellipse at 20% 15%,hsla(0,0%,100%,.05),transparent 55%),radial-gradient(ellipse at 80% 70%,hsla(0,0%,100%,.035),transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.12),transparent 60%);color:var(--chalk);font-family:var(--font-chalk)}.board .chalk,.board h1,.board h2,.board p{text-shadow:0 0 1px hsla(47,39%,93%,.35)}.wood-top{height:12px;background:var(--wood)}.framed{border-left:10px solid var(--wood);border-right:10px solid var(--wood)}.board .em{color:var(--chalk-y);font-weight:600}.board .em-r{color:var(--chalk-r);font-weight:600}.paper .em{color:var(--red);font-weight:700}.bhead{padding-bottom:14px}.bhead-row{gap:6px;padding:10px 10px 0 6px}.back,.bhead-row{display:flex;align-items:center}.back{width:44px;height:44px;justify-content:center;border-radius:10px;text-decoration:none;flex-shrink:0}.bhead-titles{display:flex;flex-direction:column;flex-grow:1;min-width:0}.bhead-sub{font-size:12px;color:var(--chalk-dim)}.bhead-title{font-size:22px;font-weight:600;line-height:1.3}.bhead-title small{font-size:14px;color:var(--chalk-dim);font-weight:400}.top-head{padding:34px 22px 22px;display:flex;flex-direction:column;gap:8px}.top-school{font-size:13px;letter-spacing:.12em;color:var(--chalk-dim)}.top-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-title{margin:0;font-size:44px;font-weight:600;letter-spacing:.06em;line-height:1.15}.top-tag{font-size:15px;border:2px solid var(--chalk-y);border-radius:6px;padding:2px 10px}.top-subtitle,.top-tag{font-weight:600;color:var(--chalk-y)}.top-subtitle{margin:0;font-size:18px}.top-lead{margin:4px 0 0;font-size:15px;line-height:1.85}.menu{padding:22px 16px 10px;gap:16px;flex-grow:1}.chapter,.menu{display:flex;flex-direction:column}.chapter{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px 16px;gap:12px}.chapter-head{display:flex;align-items:center;gap:12px}.chapter-badge{background:var(--board);color:var(--chalk);font-family:var(--font-chalk);font-size:14px;font-weight:600;padding:6px 10px;border-radius:6px;border-bottom:4px solid var(--wood);flex-shrink:0}.chapter-name{font-size:26px;font-weight:900;letter-spacing:.04em}.chapter-desc{font-size:14px;color:var(--ink-mid);margin:0;line-height:1.6}.chapter-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.goal{display:flex;align-items:center;gap:10px;padding:4px;font-size:14px;color:var(--ink-mid)}.goal strong{color:var(--red)}.footer{font-size:11px;color:#6b766f;padding:8px 0 20px}.btn,.footer{text-align:center}.btn{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;padding:0 12px;line-height:1.3}.btn-ink{background:var(--ink);color:#fff}.btn-line{background:#fff;color:var(--ink);border-color:var(--ink)}.btn-red{background:var(--red);color:#fff;letter-spacing:.08em;font-size:16px;min-height:54px}.btn-red:disabled{background:#e3b7ae}.btn-yellow{background:var(--chalk-y);color:var(--ink)}.btn-chalk{color:var(--chalk);border-color:var(--chalk)}.btn-chalk,.btn-wood{background:transparent}.btn-wood{color:var(--wood-light);border-color:var(--wood-light)}.btn-small,.play-btn{min-height:40px;font-size:13px;border-radius:20px;padding:0 16px}.play-btn{display:inline-flex;align-items:center;gap:6px;font-weight:700;border:none;background:#eceee8;color:var(--ink)}.board .play-btn{background:transparent;border:2px solid hsla(47,39%,93%,.7);color:var(--chalk)}.tray{background:var(--wood);padding:12px 16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.learn{min-height:100dvh}.learn,.learn-body{display:flex;flex-direction:column}.learn-body{flex-grow:1;padding:16px 16px 24px;gap:16px;font-size:18px;line-height:1.85}.learn-body p{margin:0}.learn-tag{align-self:flex-start;font-size:14px;font-weight:600;padding:1px 10px;border-radius:4px;border:2px solid var(--chalk-r);color:var(--chalk-r)}.learn-tag.memo{border-color:var(--chalk-y);color:var(--chalk-y)}.dots{display:flex;gap:6px;padding:12px 16px 0}.dots span{height:4px;flex:1 1;border-radius:2px;background:hsla(47,39%,93%,.25)}.dots span.on{background:var(--chalk-y)}.center{display:flex;flex-direction:column;align-items:center;gap:10px}.ctable{width:100%;border-collapse:collapse;font-size:17px}.ctable td{padding:7px 4px;border-bottom:1.5px dashed hsla(47,39%,93%,.3)}.ctable td:nth-child(2){font-weight:600}.ctable tr.perfect td:nth-child(2){color:var(--chalk-y)}.ctable td:last-child{text-align:right;color:var(--chalk-dim);font-size:15px}.ctable button{background:none;border:none;color:inherit;font:inherit;padding:0;text-align:left;width:100%;min-height:32px}.ladder{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:18px}.ladder .base{border:2px solid var(--chalk-y);color:var(--chalk-y);border-radius:8px;padding:0 8px;font-weight:600}.ladder .arr,.ladder-cap{color:var(--chalk-dim)}.ladder-cap{display:flex;justify-content:space-between;font-size:14px}.swap{display:flex;flex-direction:column;gap:6px;border:2px dashed hsla(47,39%,93%,.4);border-radius:12px;padding:12px 14px}.root-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%}.root-pick button{min-height:44px;border-radius:10px;border:2px solid hsla(47,39%,93%,.6);background:transparent;color:var(--chalk);font-size:15px;font-weight:700}.root-pick button.sel{background:var(--chalk-y);border-color:var(--chalk-y);color:var(--ink)}.order-row{display:flex;flex-wrap:wrap;gap:4px 2px;font-size:22px;font-weight:600}.kb-wrap{width:100%;max-width:340px}.kb-marks{position:relative;height:30px}.kb-mark{position:absolute;top:0;transform:translateX(-50%);width:28px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:var(--font-chalk);color:var(--ink)}.kb-mark.half{border:2px solid var(--red);color:var(--red);font-weight:600}.kb-mark.chalk{color:var(--chalk)}.kb-mark.chalk.half{border-color:var(--chalk-r);color:var(--chalk-r)}.kb{position:relative;width:100%;border:1.5px solid var(--ink);border-radius:0 0 6px 6px;overflow:hidden;background:#fbfaf5}.kb.on-board{border-color:#172219}.kb-white{position:absolute;top:0;bottom:0;background:#fbfaf5;box-shadow:inset -1.5px 0 0 var(--ink);display:flex;align-items:flex-end;justify-content:center}.kb-white.lit{background:var(--chalk-y)}.kb-black{position:absolute;top:0;height:60%;background:#1b1b1b;border-radius:0 0 4px 4px;display:flex;align-items:flex-end;justify-content:center;z-index:2}.kb-black.lit{background:var(--red)}.kb-label{font-size:11px;color:var(--ink);padding-bottom:6px;line-height:1.1;text-align:center}.kb-label,.kb-label-b{font-family:var(--font-ui);font-weight:700}.kb-label-b{font-size:9px;color:#fff;padding-bottom:4px}.paper{background:var(--paper);color:var(--ink)}.timer{position:relative;width:52px;height:52px;flex-shrink:0}.timer span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.timer span.over{color:var(--chalk-y)}.elapsed{font-size:20px;font-weight:600;padding-right:6px;flex-shrink:0}.tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto}.tab{min-height:38px;padding:0 12px;border-radius:19px;border:2px solid hsla(47,39%,93%,.5);background:transparent;color:var(--chalk-dim);font-size:13px;font-weight:700;white-space:nowrap}.tab.sel{background:var(--chalk);border-color:var(--chalk);color:var(--ink)}.q-area{padding:18px 16px 8px;display:flex;flex-direction:column;gap:14px;flex-grow:1}.q-title{font-size:21px;font-weight:900;margin:0;line-height:1.45}.q-sub{font-size:13px;color:var(--ink-mid);margin:0 0 -8px;font-weight:700}.sheet{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.pick-label{font-size:12px;font-weight:700;color:var(--ink-mid);margin-bottom:-4px}.grid7{grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:5px}.grid7,.grid8{display:grid;gap:5px}.grid8{grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:5px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.opt{min-height:46px;border-radius:10px;border:1.5px solid #b9c2b9;background:#fff;color:var(--ink);font-size:15px;font-weight:700;padding:0 4px;line-height:1.2}.opt small{display:block;font-size:10px;color:var(--ink-mid);font-weight:500}.opt.sel{background:var(--ink);border-color:var(--ink);color:#fff}.opt.sel small{color:#cfd8d1}.opt.wide{min-height:52px;font-size:15px;text-align:left;padding:0 14px}.opt:disabled{opacity:.55}.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);border-radius:12px;overflow:hidden}.seg button{min-height:46px;border:none;background:#fff;color:var(--ink);font-size:16px;font-weight:700}.seg button.sel{background:var(--ink);color:#fff}.written{font-size:14px;color:var(--ink-mid);display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center}.written b{color:var(--ink);background:#eef0ea;padding:2px 8px;border-radius:6px}.your{text-align:center;font-size:14px;color:var(--ink-mid)}.your b{font-size:18px;color:var(--ink)}.actions{padding:10px 16px 22px;display:flex;flex-direction:column;gap:8px}.actions-row{display:grid;grid-template-columns:1fr 2fr;grid-gap:10px;gap:10px}.hint-link{background:none;border:none;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:700;min-height:40px}.verdict{display:flex;align-items:center;gap:14px}.verdict-text{display:flex;flex-direction:column;gap:2px}.verdict-ok{color:var(--red)}.verdict-ng,.verdict-ok{font-size:17px;font-weight:700}.verdict-ng{color:var(--ink)}.verdict-ans{font-size:32px;font-weight:900;line-height:1.15}.verdict-meta{font-size:13px;color:var(--ink-mid)}.steps{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 14px;display:flex;flex-direction:column}.steps-head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:900}.steps-head:after{content:"";flex-grow:1;height:1.5px;background:var(--line)}.step{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #eceee8;font-size:15px;line-height:1.65}.step:last-child{border-bottom:none}.step-num{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step:last-child .step-num{background:var(--red)}.result-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.score{font-size:64px;font-weight:900;line-height:1}.score small{font-size:26px;color:var(--ink-mid)}.stamp{width:104px;height:104px;border-radius:50%;border:3px solid var(--red);color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);font-family:var(--font-chalk);line-height:1.2;text-align:center;flex-shrink:0}.stamp small{font-size:12px}.stamp b{font-size:24px}.stamp.yet{border-color:var(--ink-mid);color:var(--ink-mid)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.stat small{font-size:12px;color:var(--ink-mid);font-weight:700}.stat div{font-size:24px;font-weight:900}.wrong{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.wrong-q{font-size:15px;font-weight:700}.wrong-q small{color:var(--ink-mid);margin-right:8px}.wrong-a{font-size:14px}.wrong-a s{color:var(--ink-mid);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.wrong-a b{color:var(--red);font-size:16px}@media (prefers-reduced-motion:no-preference){.hanamaru path{stroke-dasharray:400;stroke-dashoffset:400;animation:draw .7s ease-out forwards}.hanamaru path:nth-child(2){animation-delay:.2s}.hanamaru path:nth-child(3){animation-delay:.35s}}@keyframes draw{to{stroke-dashoffset:0}}.chapter-btns .btn{font-size:14px;padding:0 4px;white-space:nowrap}.tab{font-size:12px;padding:0 10px}.kb-label-b{font-size:8px;line-height:1;letter-spacing:-.05em;text-align:center}.framed-page{min-height:100dvh}.framed-page,.lock-box{display:flex;flex-direction:column}.lock-box{flex-grow:1;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;font-size:18px;line-height:1.9}.lock-box p{margin:0}.lock-title{font-size:36px;font-weight:600;letter-spacing:.06em}.lock-box .btn{min-width:220px}.chain{display:flex;flex-wrap:wrap;gap:4px 0;font-size:18px;line-height:1.6}.chain>span{white-space:nowrap}.chain small{font-size:13px;color:var(--chalk-dim)}.chain .arr{color:var(--chalk-dim);margin:0 4px}.advice{border:2px solid var(--ink);border-radius:12px;padding:14px 16px;text-align:center;font-family:var(--font-chalk);font-size:19px;font-weight:600;color:var(--ink);background:#fff}.advice.good{border-color:var(--red);color:var(--red)}.admin-link{background:none;border:none;color:var(--chalk-dim);text-decoration:underline;text-underline-offset:4px;font-size:14px;min-height:40px;font-family:var(--font-ui)}.admin-login{width:100%;max-width:300px;gap:10px;text-align:left;font-family:var(--font-ui);font-size:13px}.admin-login,.admin-login label{display:flex;flex-direction:column}.admin-login label{gap:4px;color:var(--chalk-dim)}.admin-login input{min-height:44px;border-radius:8px;border:2px solid hsla(47,39%,93%,.6);background:rgba(0,0,0,.15);color:var(--chalk);padding:0 10px;font-size:16px}.admin-login .btn{width:100%}.admin-msg{color:var(--chalk-r);font-size:13px;line-height:1.6}