:root{--c-bg:247 246 254;--c-bg-2:236 233 251;--c-surface:255 255 255;--c-surface-2:241 239 250;--c-raised:255 255 255;--c-border:226 223 244;--c-border-2:214 209 238;--c-fg:23 18 43;--c-muted:96 90 120;--c-primary:124 58 237;--c-primary-2:217 70 239;--c-primary-fg:255 255 255;--c-accent:6 182 212;--c-success:16 153 110;--c-warning:202 110 8;--c-danger:225 29 72;--shadow:0 1px 2px rgb(23 18 43/.06),0 8px 24px rgb(23 18 43/.08);--glass-alpha:.6;color-scheme:light}.theme-dark{--c-bg:9 8 24;--c-bg-2:16 13 38;--c-surface:22 19 44;--c-surface-2:33 28 60;--c-raised:38 31 70;--c-border:54 45 88;--c-border-2:45 38 74;--c-fg:236 233 248;--c-muted:168 160 196;--c-primary:167 139 250;--c-primary-2:232 121 249;--c-primary-fg:17 12 34;--c-accent:34 211 238;--c-success:45 212 160;--c-warning:251 191 36;--c-danger:251 113 133;--shadow:0 1px 2px rgb(0 0 0/.3),0 8px 24px rgb(0 0 0/.35);--glass-alpha:.48;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:9 8 24;--c-bg-2:16 13 38;--c-surface:22 19 44;--c-surface-2:33 28 60;--c-raised:38 31 70;--c-border:54 45 88;--c-border-2:45 38 74;--c-fg:236 233 248;--c-muted:168 160 196;--c-primary:167 139 250;--c-primary-2:232 121 249;--c-primary-fg:17 12 34;--c-accent:34 211 238;--c-success:45 212 160;--c-warning:251 191 36;--c-danger:251 113 133;--shadow:0 1px 2px rgb(0 0 0/.3),0 8px 24px rgb(0 0 0/.35);--glass-alpha:.48;color-scheme:dark}}:root,:root[data-theme],.theme-dark{--ink:rgb(var(--c-bg));--ink-2:rgb(var(--c-surface));--ink-3:rgb(var(--c-surface-2));--tile:rgb(var(--c-surface-2));--tile-hi:rgb(var(--c-primary)/.14);--line:rgb(var(--c-border));--line-2:rgb(var(--c-border-2));--text:rgb(var(--c-fg));--muted:rgb(var(--c-muted));--amber:rgb(var(--c-primary));--orange:rgb(var(--c-primary-2));--teal:rgb(var(--c-accent));--good:rgb(var(--c-success));--bad:rgb(var(--c-danger));--warn:rgb(var(--c-warning));--on-primary:rgb(var(--c-primary-fg));--hover:rgb(var(--c-fg)/.05);--display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}[data-surface=game]{--c-bg:9 8 24;--c-bg-2:16 13 38;--c-surface:22 19 44;--c-surface-2:33 28 60;--c-raised:38 31 70;--c-border:54 45 88;--c-border-2:45 38 74;--c-fg:236 233 248;--c-muted:168 160 196;--c-primary:167 139 250;--c-primary-2:232 121 249;--c-primary-fg:17 12 34;--c-accent:34 211 238;--c-success:45 212 160;--c-warning:251 191 36;--c-danger:251 113 133;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--amber)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}input,textarea,select{font:inherit;color:var(--text);background:rgb(var(--c-surface));border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;min-width:0}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--amber)}input[type=range]{padding:0;accent-color:var(--amber)}textarea{min-height:120px;resize:vertical}h1,h2,h3{margin:0;text-wrap:balance;line-height:1.15}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot{min-height:100vh;display:grid;place-items:center}.brand{font-family:var(--display);font-weight:800;letter-spacing:-.01em;font-size:20px;color:var(--text);text-decoration:none;white-space:nowrap}.brand b{color:var(--amber);font-weight:800}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;overflow:auto;background:var(--ink-2);border-right:1px solid var(--line-2);padding:18px 14px;display:flex;flex-direction:column;gap:18px}.nav{display:flex;flex-direction:column;gap:2px}.nav .group{margin:12px 8px 4px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:700}.nav a:hover{background:var(--tile);color:var(--text)}.nav a.active{background:var(--tile-hi);color:var(--text);box-shadow:inset 3px 0 0 var(--amber)}.nav .ic{width:20px;text-align:center;opacity:.9}.who{margin-top:auto;padding:12px;border-radius:12px;background:var(--ink-3);display:flex;flex-direction:column;gap:6px;font-size:14px}.who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;padding:24px clamp(16px,3vw,40px) 60px}.topbar{display:none}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);z-index:40;transform:translate(-105%);transition:transform .2s}.side.open{transform:none;box-shadow:0 0 0 100vmax #0908188c}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;background:var(--ink-2);border-bottom:1px solid var(--line-2);padding:10px 16px}.main{padding:16px 16px 60px}}.page{display:flex;flex-direction:column;gap:18px;max-width:1320px;margin:0 auto}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.page-head h1{font-family:var(--display);font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.02em}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.panel{background:var(--ink-2);border:1px solid var(--line-2);border-radius:16px;padding:18px;min-width:0;box-shadow:var(--shadow)}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head h2{font-size:17px}.label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.muted{color:var(--muted)}.small{font-size:14px}.mono{font-family:var(--mono)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,300px)),1fr))}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}hr{border:0;border-top:1px solid var(--line-2);margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--tile);border:1px solid var(--line);font-weight:700;text-decoration:none;color:var(--text);white-space:nowrap}.btn:hover{background:var(--tile-hi)}.btn.primary{background:var(--amber);color:var(--on-primary);border-color:var(--amber)}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{background:transparent;border-color:var(--bad);color:var(--bad)}.btn.ghost{background:transparent;border-color:transparent}.btn.sm{padding:6px 10px;font-size:14px;border-radius:8px}.btn[disabled]{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.form{display:grid;gap:14px}.form.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--ink-3);border:1px solid var(--line-2);font-size:13px;color:var(--muted);white-space:nowrap}.chip b{color:var(--text)}.chip.live{border-color:var(--good);color:var(--good)}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line-2)}.tabs button{padding:10px 14px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--text);border-color:var(--amber)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--ink);border:1px solid var(--line-2);border-radius:10px;padding:3px}.seg button{padding:6px 12px;border-radius:8px;font-weight:700;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--tile-hi);color:var(--text)}.alert{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--ink-3)}.alert.bad{border-color:var(--bad);background:rgb(var(--c-danger)/.08)}.alert.good{border-color:var(--good)}.alert.warn{border-color:var(--warn)}.empty-state{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--amber);animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}.stat{background:var(--ink-2);border:1px solid var(--line-2);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat b{font-family:var(--display);font-weight:800;font-size:28px;font-variant-numeric:tabular-nums;line-height:1.1}.stat.good b{color:var(--good)}.stat.warn b{color:var(--warn)}.stat.bad b{color:var(--bad)}.stat.accent b{color:var(--amber)}.tbl{overflow-x:auto;border:1px solid var(--line-2);border-radius:12px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.tbl table{font-size:14px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--ink-3);position:sticky;top:0;white-space:nowrap}th.sortable{cursor:pointer}tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--hover)}td.num,th.num{text-align:right}.band{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}.band:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.band.ready{color:var(--good)}.band.developing{color:var(--amber)}.band.foundation{color:var(--bad)}.band.na{color:var(--muted);border-style:dashed}.pri{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums}.pri.ready{color:var(--good)}.pri.developing{color:var(--amber)}.pri.foundation{color:var(--bad)}.mbar{height:8px;border-radius:99px;background:var(--ink);overflow:hidden;min-width:60px}.mbar i{display:block;height:100%;background:var(--teal);border-radius:99px}.mbar i.good{background:var(--good)}.mbar i.warn{background:var(--amber)}.mbar i.bad{background:var(--bad)}.chart{margin:0;min-width:0}.recharts-legend-item-text{color:var(--muted)!important}.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.day{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--ink-3);border:1px solid var(--line-2);text-align:left;min-height:118px}.day .dn{font-family:var(--display);font-weight:800;font-size:20px}.day.done{border-color:rgb(var(--c-success)/.5)}.day.live{border-color:var(--good);box-shadow:0 0 0 2px rgb(var(--c-success)/.25)}.day.test .dn{color:var(--teal)}.day.module .dn{color:var(--amber)}.day.revision .dn{color:var(--orange)}.day .tt{font-size:13px;color:var(--muted);line-height:1.3}.reader{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.toc{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:14px}.toc a{color:var(--muted);text-decoration:none;padding:5px 8px;border-radius:8px}.toc a:hover{background:var(--tile);color:var(--text)}@media (max-width:900px){.reader{grid-template-columns:minmax(0,1fr)}.toc{position:static;max-height:220px}}.prose{max-width:78ch;overflow-wrap:anywhere}.prose h1{font-family:var(--display);font-weight:800;font-size:28px;margin:.4em 0}.prose h2{font-size:22px;margin:1.4em 0 .5em;padding-top:.4em;border-top:1px solid var(--line-2);scroll-margin-top:70px}.prose h3{font-size:18px;margin:1.2em 0 .4em;color:var(--amber)}.prose p,.prose li{margin:.45em 0}.prose blockquote{margin:.6em 0;padding:8px 14px;border-left:3px solid var(--teal);background:var(--ink-3);border-radius:0 10px 10px 0}.prose table{width:auto;font-size:14px;margin:.6em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line-2)}pre{font-family:var(--mono);font-size:13px;background:rgb(var(--c-bg-2));color:var(--text);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;overflow:auto;line-height:1.45}code{font-family:var(--mono);font-size:.9em}mark{background:rgb(var(--c-warning)/.3);color:inherit;border-radius:3px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#09081899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:60;padding:16px}.modal{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:18px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto}.modal.wide{width:min(980px,100%)}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80}.toast{padding:10px 16px;border-radius:10px;background:rgb(var(--c-raised));color:var(--text);border:1px solid var(--good);box-shadow:var(--shadow)}.toast.bad{border-color:var(--bad)}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth .art{background:radial-gradient(120% 80% at 10% 10%,rgb(var(--c-primary)/.35),transparent 60%),radial-gradient(80% 60% at 90% 90%,rgb(var(--c-accent)/.22),transparent 60%),rgb(var(--c-surface-2));padding:clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.auth .art h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,72px);line-height:1}.auth .art h1 em{font-style:normal;color:var(--amber)}.auth .card{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,5vw,64px);gap:18px;max-width:520px;width:100%;margin:0 auto}@media (max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth .art{padding:24px 16px}.auth .art .big{display:none}.auth .card{padding:24px 16px}}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pillars div{background:rgb(var(--c-surface-2)/.7);border:1px solid var(--line-2);border-radius:12px;padding:12px}.game{display:flex;flex-direction:column;gap:16px}.board{display:grid;gap:10px}.colhead{font-family:var(--display);font-weight:800;text-align:center;font-size:clamp(12px,1.05vw,18px);line-height:1.1;padding:10px 6px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:62px;text-transform:uppercase}.colhead small{font-family:var(--body);text-transform:none;font-size:11px;color:var(--muted)}.tile{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.6vw,46px);color:var(--amber);background:var(--tile);border-radius:12px;min-height:clamp(58px,8.5vh,110px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 -4px #00000040;transition:transform .12s}.tile:hover:not([disabled]){background:var(--tile-hi);transform:translateY(-2px)}.tile small{font-family:var(--body);font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tile[disabled]{background:transparent;border:1px dashed var(--line);color:transparent;box-shadow:none;cursor:default}.tile[disabled] small{color:var(--line)}.qcat{font-family:var(--display);font-weight:800;font-size:clamp(16px,1.5vw,26px);text-transform:uppercase}.qval{font-family:var(--display);font-weight:800;color:var(--amber);font-size:clamp(16px,1.5vw,26px)}.timer{display:flex;align-items:center;gap:14px}.tnum{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.5vw,76px);line-height:1;font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}.tnum.low{color:var(--bad)}.track{height:12px;border-radius:999px;background:var(--ink);border:1px solid var(--line);overflow:hidden;flex:1}.fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));transform-origin:left;transition:transform .25s linear}.fill.low{background:var(--bad)}.qtext{font-size:clamp(18px,1.5vw,26px);line-height:1.4}.qtext p,.ctx p{margin:0 0 .6em}.ctx{font-size:.95em;max-height:50vh;overflow:auto;background:var(--ink-3);border-radius:12px;padding:12px 14px}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:10px}.opt{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;border-radius:12px;background:var(--tile);border:2px solid transparent;font-size:clamp(16px,1.25vw,22px);position:relative;overflow:hidden;min-height:62px}.opt:hover:not([disabled]){background:var(--tile-hi)}.opt .let{font-family:var(--display);font-weight:800;color:var(--amber);min-width:1.4ch;position:relative;z-index:1}.opt .txt{position:relative;z-index:1;flex:1;min-width:0}.opt .txt p{margin:0}.opt .dist{position:absolute;inset:0 auto 0 0;background:rgb(var(--c-fg)/.08);z-index:0;transition:width .5s}.opt .pc{position:relative;z-index:1;font-family:var(--display);font-weight:800;color:var(--muted);font-size:.85em}.opt.right{border-color:var(--good);background:rgb(var(--c-success)/.16)}.opt.right .let{color:var(--good)}.opt.wrong{opacity:.55}.opt.mine{border-color:var(--amber)}.opt[disabled]{cursor:default}.rv{border-left:4px solid var(--line);padding:10px 14px;background:var(--ink-3);border-radius:0 12px 12px 0}.rv.ans{border-color:var(--good)}.rv.tip{border-color:var(--teal)}.rv.trap{border-color:var(--bad)}.rv.private{border-color:var(--warn);border-left-style:dashed}.rv p{margin:.2em 0}.lb{display:flex;flex-direction:column;gap:8px}.lbrow{display:grid;grid-template-columns:3.2ch minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px;border-radius:12px;background:var(--tile);font-size:clamp(16px,1.3vw,24px)}.lbrow .rk{font-family:var(--display);font-weight:800;color:var(--muted)}.lbrow .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.lbrow .sc{font-family:var(--display);font-weight:800;color:var(--amber);font-variant-numeric:tabular-nums}.lbrow.top{background:linear-gradient(90deg,rgb(var(--c-primary)/.3),var(--tile) 70%)}.lbrow.me{outline:2px solid var(--teal)}.bigcode{font-family:var(--display);font-weight:800;font-size:clamp(44px,7vw,120px);letter-spacing:.08em;color:var(--amber);line-height:1}.screen{min-height:100vh;padding:clamp(12px,2vw,32px);display:flex;flex-direction:column;gap:18px;font-size:clamp(16px,1.3vw,24px)}.pad{max-width:760px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.pad .opt{min-height:68px}.result{font-family:var(--display);font-weight:800;font-size:clamp(28px,5vw,48px);line-height:1}.result.good{color:var(--good)}.result.bad{color:var(--bad)}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.stu{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:10px;background:var(--tile);border:2px solid transparent;font-weight:700;font-size:14px;text-align:left}.stu.yes{border-color:var(--good);background:rgb(var(--c-success)/.16)}.stu.no{border-color:var(--bad)}.weights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media (max-width:600px){.weights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:901px){.shell{background:linear-gradient(to right,var(--ink-2) 240px,var(--ink) 240px)}}.screen .qtext{font-size:clamp(22px,2.3vw,44px)}.screen .opt{font-size:clamp(18px,1.7vw,32px);min-height:clamp(64px,9vh,110px)}@media (min-width:901px){.screen .opts{grid-template-columns:repeat(2,minmax(0,1fr))}}.pad .row .chip{font-size:12px}@media (max-width:700px){.days.compact{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.days.compact .day{flex:0 0 140px;scroll-snap-align:start;min-height:104px}}@media print{:root,:root[data-theme],[data-surface]{--c-bg:255 255 255;--c-bg-2:255 255 255;--c-surface:255 255 255;--c-surface-2:244 244 246;--c-raised:255 255 255;--c-border:187 187 187;--c-border-2:204 204 204;--c-fg:17 17 20;--c-muted:82 82 94;--shadow:none;color-scheme:light}body{background:#fff;color:#111;font-size:12px}.side,.topbar,.tabs,.actions,.btn,.toasts,.seg{display:none!important}.shell{display:block;background:none!important}.main{padding:0}.modal-bg{position:static;background:none;padding:0}.modal{border:0;max-height:none;width:100%}.panel,.stat{break-inside:avoid;border-color:#ccc}.tbl{overflow:visible;max-height:none!important}a{color:#111;text-decoration:none}}.tbl .seg{flex-wrap:nowrap}.tbl .seg button{padding:5px 10px}.deck{display:flex;flex-direction:column;gap:14px;max-width:960px;margin:0 auto;width:100%}.deck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.deck-head h2{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em}.rail{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.rail button{flex:0 0 auto;padding:7px 14px;border-radius:999px;font-weight:700;font-size:13px;color:var(--muted);background:var(--ink-3);border:1px solid var(--line-2)}.rail button.past{color:var(--text);border-color:rgb(var(--c-success)/.5)}.rail button.on{background:var(--amber);color:var(--on-primary);border-color:var(--amber)}.card{background:var(--ink-2);border:1px solid var(--line-2);border-radius:20px;padding:clamp(16px,2.4vw,28px);box-shadow:var(--shadow);min-height:min(62vh,520px);display:flex;animation:cardin .32s cubic-bezier(.2,.7,.3,1)}@keyframes cardin{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.card-body{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0}.deck-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.lead{font-size:17px;color:var(--text);margin:0}.card-body>.lead+*{margin-top:2px}.flips{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.flips.wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.flip{perspective:1000px;min-height:132px;text-align:left;padding:0;background:none}.flip-in{position:relative;display:block;width:100%;height:100%;min-height:132px;transition:transform .55s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}.flip.open .flip-in{transform:rotateY(180deg)}.flip-f,.flip-b{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;border:1px solid var(--line-2);font-size:14.5px;line-height:1.45;overflow:auto}.flip-f{background:var(--ink-3);font-weight:700}.flip-b{background:rgb(var(--c-primary)/.12);border-color:rgb(var(--c-primary)/.4);transform:rotateY(180deg)}.flip-cue{font-style:normal;font-size:11.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.flip:hover .flip-f{border-color:var(--amber)}.viz{margin:0;background:var(--ink-3);border:1px solid var(--line-2);border-radius:16px;padding:10px}.viz svg{width:100%;height:auto;display:block}.viz figcaption{text-align:center;color:var(--muted);font-size:13px;padding:8px 4px 2px}.viz-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.predict{align-items:flex-start;justify-content:center;gap:10px}.predict-q{font-size:19px;font-weight:700;margin:0}.method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:m}.method li{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:11px;border:1px solid transparent;cursor:pointer;font-size:14.5px;color:var(--muted)}.method li .n{flex:0 0 22px;height:22px;border-radius:50%;background:var(--ink-3);border:1px solid var(--line-2);display:grid;place-items:center;font-size:12px;font-weight:800}.method li.done{color:var(--text)}.method li.done .n{background:rgb(var(--c-success)/.2);border-color:var(--good);color:var(--good)}.method li.now{color:var(--text);background:rgb(var(--c-primary)/.12);border-color:rgb(var(--c-primary)/.45)}.method li.now .n{background:var(--amber);color:var(--on-primary);border-color:var(--amber)}.race-q{font-size:16px;margin:0;padding:12px 14px;background:var(--ink-3);border-radius:12px}.lane{display:flex;flex-direction:column;gap:6px}.lane-h{display:flex;justify-content:space-between;align-items:baseline}.track2{position:relative;height:14px;border-radius:999px;background:var(--ink-3);border:1px solid var(--line-2);overflow:hidden}.track2 i{display:block;height:100%;border-radius:999px;transition:width .1s linear}.track2 .flag{position:absolute;right:8px;top:-3px;font-style:normal;font-size:10px;font-weight:800;color:var(--text)}.lane-t{font-size:14.5px;color:var(--muted)}.drill-top{display:flex;align-items:center;gap:12px}.timer-bar{flex:1;height:10px}.tleft{font-family:var(--mono);font-weight:700;font-size:18px;min-width:3.4ch;text-align:right}.tleft.low{color:var(--bad)}.drill-q{font-size:19px;line-height:1.45}.drill-q p{margin:0}.drill-opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.opt2{display:flex;gap:10px;align-items:center;text-align:left;padding:13px 15px;border-radius:12px;background:var(--ink-3);border:2px solid var(--line-2);font-size:16px}.opt2:hover:not([disabled]){border-color:var(--amber)}.opt2 .let{font-weight:800;color:var(--amber);min-width:1.3ch;text-transform:uppercase}.opt2.right{border-color:var(--good);background:rgb(var(--c-success)/.16)}.opt2.wrong{border-color:var(--bad);background:rgb(var(--c-danger)/.12)}.hint{margin:0;padding:10px 12px;border-radius:10px;background:rgb(var(--c-warning)/.12);border:1px solid rgb(var(--c-warning)/.45);font-size:14.5px}.verdict{padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--ink-3);display:flex;flex-direction:column;gap:8px}.verdict.good{border-color:var(--good)}.verdict.bad{border-color:var(--bad)}.verdict>b{font-size:17px}.verdict.good>b{color:var(--good)}.verdict.bad>b{color:var(--bad)}.why-wrong,.why{margin:0;font-size:14.5px;display:flex;flex-direction:column;gap:3px}.why-wrong{color:var(--text)}.score-dots{display:flex;gap:4px}.score-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2);display:block}.score-dots i.ok{background:var(--good)}.score-dots i.no{background:var(--bad)}.done-line{margin:12px 0 0;font-weight:700}.traps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.traps li{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgb(var(--c-danger)/.08);border:1px solid rgb(var(--c-danger)/.35);font-size:15px}.traps .x{color:var(--bad);font-weight:800}.cgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.ccard{display:flex;flex-direction:column;gap:6px;padding:15px;border-radius:14px;background:var(--ink-2);border:1px solid var(--line-2);text-align:left;box-shadow:var(--shadow)}.ccard:hover{border-color:var(--amber);transform:translateY(-2px)}.ccard{transition:transform .14s,border-color .14s}.ccard b{font-size:15.5px;line-height:1.3}.ccard .meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.ccard .meta span{padding:2px 8px;border-radius:999px;background:var(--ink-3);border:1px solid var(--line-2)}.tgl{display:inline-flex;gap:2px;background:var(--ink-3);border:1px solid var(--line-2);border-radius:999px;padding:3px}.tgl button{width:30px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:13px;color:var(--muted)}.tgl button[aria-pressed=true]{background:var(--amber);color:var(--on-primary)}@media (prefers-reduced-motion:reduce){.card,.flip-in,.viz *,.track2 i{animation:none!important;transition:none!important}}@media (max-width:640px){.card{min-height:auto;border-radius:16px}.deck-foot .btn{flex:1}.drill-q{font-size:17px}}.fold summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;align-items:center;gap:8px}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"▸";color:var(--muted);transition:transform .2s}.fold[open] summary:before{transform:rotate(90deg)}.fold[open] summary{margin-bottom:12px}.viz svg{max-width:560px;margin:0 auto}