:root{--paper:#f5efe2;--sheet:#fffdf4;--ink:#26304a;--ink-soft:#6a7290;--red:#d9482f;--blue:#3b5ba5;--green:#2f8a5b;--green-soft:#ddefe3;--marker:#ffe08a;--grid:44px;--hand:"Gochi Hand",cursive;--disp:"Fredoka","Trebuchet MS",sans-serif}.dv,.dv *{box-sizing:border-box;margin:0;padding:0}.dv{--hand:var(--font-gochi,"Gochi Hand"),"Gochi Hand",cursive;--disp:var(--font-fredoka,"Fredoka"),"Fredoka","Trebuchet MS",sans-serif;font-family:var(--disp);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#5874a029 1px,#0000 1px),linear-gradient(90deg,#5874a029 1px,#0000 1px);background-size:var(--grid)var(--grid);min-height:100dvh;padding:26px 20px 110px;position:relative}.dv .page{max-width:1080px;margin:0 auto}.dv .board{justify-content:start;gap:calc(var(--grid)*3);grid-template-columns:122px max-content max-content;align-items:start;display:grid}.dv .card{background:var(--sheet);border:2.5px solid var(--ink);border-radius:14px;position:relative;box-shadow:4px 5px #2630421f}.dv .tape{background:#ffd6668c;width:76px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.dv .chartcard{padding:14px 10px 12px}.dv .chartcard.ready{border-color:var(--green)}.dv .ttl{font-family:var(--hand);text-align:center;font-size:16px;line-height:1.1}.dv .ttl b{color:var(--red)}.dv .sub{text-align:center;color:var(--ink-soft);margin:2px 0 8px;font-size:9.5px}.dv .trow{cursor:pointer;grid-template-columns:46px 2px 46px;align-items:stretch;display:grid}.dv .thead{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);text-align:center;border-bottom:2.5px solid var(--ink);padding:2px 0 5px;font-size:9px;font-weight:700}.dv .tin{font-family:var(--hand);min-height:30px;color:var(--ink-soft);place-items:center;font-size:14px;display:grid}.dv .tout{font-family:var(--hand);border-radius:7px;place-items:center;min-height:30px;margin:1px 3px;font-size:17px;transition:background-color .15s;display:grid}.dv .trow .stem{background:#263042d9}.dv .trow.cur .tin,.dv .trow.cur .tout{background:var(--marker)}.dv .trow.cur .tin{color:var(--ink);font-weight:700}.dv .trow.cur .tout{outline:2px dashed var(--blue);outline-offset:-2px}.dv .trow.sweep .tout{background:var(--marker)}.dv .trow.shakeit{animation:.38s shake}.dv .tout.filled{color:var(--ink)}.dv .tout.wrong{color:var(--red);animation:.38s shake}.dv .tout.pop{animation:.38s cubic-bezier(.3,1.7,.5,1) pop}.dv #ovals{pointer-events:none;z-index:5;transition:opacity .25s;position:absolute;inset:0}.dv .ovalink{fill:none;stroke:var(--green);stroke-width:3px;stroke-linecap:round}.dv .ovalred{fill:none;stroke:var(--red);stroke-width:3.5px;stroke-linecap:round}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.dv .midcol{padding-top:calc(112px - var(--grid)*2);flex-direction:column;align-items:center;gap:20px;display:flex}.dv .paperarea{width:max-content;position:relative}.dv .qprompt{text-align:center;width:max-content;max-width:600px;font-family:var(--disp);color:var(--red);opacity:0;pointer-events:none;font-size:21px;font-weight:600;line-height:1.45;transition:opacity .4s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.dv .qprompt.show{opacity:1}.dv .qprompt .xv{color:var(--blue);font-weight:700}.dv .qprompt .qsel{opacity:0;transition:opacity .4s}.dv .qprompt .qsel.on{opacity:1}.dv .dgrid{grid-template-columns:repeat(3,var(--grid));grid-auto-rows:var(--grid);display:grid}.dv #papermarks{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:visible}.dv .markred{fill:none;stroke:var(--red);stroke-width:3.5px;stroke-linecap:round}.dv #workmarks{pointer-events:none;z-index:5;position:absolute;inset:0}.dv .arrowink{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.dv .arrowhead{fill:var(--ink);stroke:none}.dv .dc{font-family:var(--hand);color:var(--ink);place-items:center;font-size:32px;line-height:1;display:grid}.dv .dc.dd{border-top:3px solid var(--ink)}.dv .dc.house{border-left:3px solid var(--ink)}.dv .dc.dp{border-bottom:2.5px solid #263042d9}.dv .dc.dq{outline-offset:-4px;outline:2px dashed #26304259}.dv .dc.dq.filled,.dv.typed .dc.dq{outline-color:#0000}.dv.typed .dc.live{outline:2px dashed var(--blue);outline-offset:-4px}.dv .dc.hl{color:var(--blue)}.dv .dc.wrong{animation:.38s shake;color:var(--red)!important}.dv .dc.pop{animation:.38s cubic-bezier(.3,1.7,.5,1) pop}.dv .pulse{cursor:pointer;color:var(--red);animation:1s infinite ring}@keyframes ring{0%{box-shadow:0 0 #d9482f80}75%{box-shadow:0 0 0 12px #d9482f00}to{box-shadow:0 0 #d9482f00}}.dv .thumbs{opacity:0;font-size:44px;position:absolute;bottom:-14px;right:-20px;transform:scale(.3)}.dv .thumbs.show{animation:.45s cubic-bezier(.3,1.7,.5,1) forwards pop}.dv .fly{z-index:70;font-family:var(--hand);color:var(--ink);pointer-events:none;white-space:nowrap;place-items:center;font-size:32px;line-height:1;display:grid;position:absolute}.dv .padhome{width:212px}.dv .rightcol{align-items:flex-start;gap:22px;display:flex}.dv .trackcard{flex:none;width:212px}.dv .padcard{padding:14px 14px 12px}.dv .pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dv .key{border:2px solid var(--ink);height:46px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);font-size:19px;font-weight:600;font-family:var(--disp);background:#fff;border-radius:10px;place-items:center;transition:all 80ms;display:grid}.dv .key:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.dv .key.fn{background:#f1ebdb;font-size:17px}.dv .key.go{background:var(--green);color:#fff}.dv .msg{min-height:52px;font-family:var(--disp);color:var(--green);text-align:center;margin-top:10px;padding:0 2px;font-size:14.5px;font-weight:500;line-height:1.4}.dv .msg.bad{color:var(--red)}.dv .trackcard{padding:14px 12px 12px}.dv .tcap{font-family:var(--hand);color:var(--ink-soft);text-align:center;margin-bottom:8px;font-size:14px}.dv .tstep{border:2px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:6px;padding:7px 8px;transition:all .2s;display:grid}.dv .tstep .tb{border:2px solid var(--ink);background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:19px;font-weight:700;display:grid}.dv .tstep .tn{font-size:12.5px;font-weight:600;line-height:1.15}.dv .ticks{align-items:center;gap:3px;display:flex}.dv .tickc{width:20px;height:20px;color:var(--green);border:2px dashed #26304266;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;transition:border-color .2s,background-color .2s;display:grid}.dv .tickc.did{border:2px solid var(--green);background:var(--green-soft);animation:.35s pop}.dv .noanim{animation:none!important}.dv .tstep.on{background:var(--marker);border-color:var(--ink)}.dv .tstep.on .tb{background:var(--red);color:#fff}