:root{--ink:#1b1b1b;--cream:#fbf6e8;--yolk:#ffd23f;--teal:#2f8f8a;--red:#e53935;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#0b1030;height:100%;margin:0;overflow:hidden}canvas#c{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{min-width:1.6em;color:var(--ink);text-align:center;background:#fff;border-radius:6px;margin:0 1px;padding:1px 6px;font:700 .85em/1.4 ui-monospace,monospace;display:inline-block;box-shadow:0 2px #9a9a9a}button{border:3px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:14px;padding:12px 20px;font:800 16px/1 inherit;transition:transform 80ms}button:hover{transform:translateY(-2px)}button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}button.big{background:var(--yolk);padding:14px 28px;font-size:20px}#title,#mobile{z-index:50;background:radial-gradient(at 50% 120%,#ff967859,#0000 60%),linear-gradient(#070b26bf,#2a2c6373);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.t-inner{text-align:center;padding:24px}.t-kicker{letter-spacing:.25em;opacity:.85;font-size:13px;font-weight:800}#title h1,#mobile h1{color:var(--yolk);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink), 0 14px 40px #00000080;margin:10px 0 8px;font:900 clamp(64px,12vw,150px)/.86 Arial Black,Impact,system-ui,sans-serif;transform:rotate(-3deg)}.poem{opacity:.92;margin:18px 0 26px;font-size:18px;line-height:1.5}#titleBtns{justify-content:center;gap:14px;display:flex}#titleBtns .big{animation:1.6s ease-in-out infinite pulse}.t-foot{opacity:.7;margin-top:22px;font-size:13px}@keyframes pulse{50%{transform:scale(1.06)}}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui .panel,#ui button,#todo,#pause,#end{pointer-events:auto}#complaint{position:absolute;top:16px;left:16px}.app{color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffffff2;border-radius:16px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.app-icon{width:42px;height:42px;display:block}.app-name{margin-bottom:4px;font-size:13px;font-weight:800}.bar{border:2px solid var(--ink);background:#e8e2d2;border-radius:6px;width:150px;height:12px;overflow:hidden}.bar i{background:url(../assets/ch1/ui/feedback-bar.png) 0/150px 100% no-repeat;width:0;height:100%;transition:width .3s;display:block}#cpop{position:absolute;top:62px;left:60px}.pop{color:#ffcf6b;text-shadow:0 2px #000;white-space:nowrap;font-size:14px;font-weight:800;animation:2.2s forwards popup}@keyframes popup{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-12px)}}#clock{text-align:right;text-shadow:0 2px #0009;position:absolute;top:16px;right:16px}#time{font:900 30px Arial Black,sans-serif}#tcount{font-size:15px;font-weight:800}.keyhint{opacity:.7;margin-top:2px;font-size:11px}#chase{background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:10px;padding:6px 12px;font:900 15px Arial Black,sans-serif;animation:.6s steps(2,end) infinite blink;position:absolute;top:84px;left:16px}@keyframes blink{50%{filter:brightness(1.4)}}#hiddenTag{filter:drop-shadow(0 3px 6px #00000059);height:52px;animation:.25s ease-out pop;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(.7)}}#mini{background:#000000b3;border-radius:14px;gap:18px;padding:10px 18px;font-weight:800;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}#banner{text-align:center;white-space:nowrap;animation:.4s ease-out bannerIn;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}#banner.big{color:var(--yolk);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font:900 clamp(28px,4.5vw,56px)/1.1 Arial Black,sans-serif}#banner.big small{color:#fff;font-size:.45em}#banner.red{color:#ff5252}#banner.caption{text-shadow:0 2px 8px #000;font:italic 700 26px/1.3 Georgia,serif;top:76%}#banner.caption small{opacity:.8;font-style:normal}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}}#toast{background:var(--cream);max-width:360px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:12px 16px;font-size:15px;font-weight:700;position:absolute;top:90px;right:16px}#toast.in{animation:.35s ease-out toastIn}#toast .tick{color:#fff;background:#c0392b;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:6px;display:inline-grid}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}}#hint{white-space:nowrap;background:#0a0e28d1;border:2px solid #ffffff40;border-radius:14px;padding:10px 18px;font-size:16px;font-weight:700;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#prompt{color:var(--ink);white-space:nowrap;border:2px solid var(--ink);background:#fffffff2;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}#sub{text-align:center;text-shadow:0 2px 4px #000,0 0 12px #000;max-width:70vw;font-size:22px;font-weight:700;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}#sub b{color:var(--yolk);letter-spacing:.12em;text-transform:uppercase;font-size:14px;display:block}#logo{place-items:center;animation:1.8s ease-in-out forwards logo;display:grid;position:absolute;inset:0}#logo img{width:min(70vw,620px);transform:rotate(-3deg)}@keyframes logo{0%{opacity:0;transform:rotate(-3deg)scale(.8)}25%,75%{opacity:1;transform:rotate(-3deg)scale(1)}to{opacity:0}}#skip{padding:8px 14px;font-size:14px;position:absolute;bottom:24px;right:24px}#fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}#todo{background:#00000059;place-items:center;display:grid;position:absolute;inset:0}#todo .paper{color:#222;background:#fbf8ef repeating-linear-gradient(#0000 0 31px,#003c780f 31px 32px);border-radius:4px;width:min(560px,92vw);max-height:88vh;padding:22px 30px 14px;font-family:Courier New,ui-monospace,monospace;position:relative;overflow:auto;transform:rotate(-1.2deg);box-shadow:0 20px 60px #00000080}#todo .paper:before{content:"";background:#f0dc96d9;width:90px;height:26px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(2deg)}#todo.flip .paper{transform-origin:top;animation:.7s cubic-bezier(.2,.8,.2,1.2) flipIn}@keyframes flipIn{0%{opacity:0;transform:perspective(900px)rotateX(-80deg)}}.hdr{text-align:center;border-bottom:2px solid #222;margin-bottom:8px;padding-bottom:10px}.org{letter-spacing:.08em;font-size:11px}.hdr h2{letter-spacing:.04em;margin:6px 0 4px;font:900 28px Arial Black,sans-serif}.sub2{font-size:13px;font-style:italic}#todo ol{margin:0;padding:0;list-style:none}#todo li{border-bottom:1px dashed #bbb;align-items:flex-start;gap:12px;padding:6px 0;display:flex}#todo .box{border:2px solid #222;flex:none;width:30px;height:30px;margin-top:2px;position:relative}#todo .stamp{opacity:.9;position:absolute;inset:-12px -8px}#todo li.fresh .stamp{animation:.45s cubic-bezier(.3,1.6,.5,1) stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-30deg)}}.paw{object-fit:contain;width:100%;height:100%}#todo .txt{flex-direction:column;gap:2px;display:flex}#todo .en{font-size:15px;font-weight:700}#todo .zh{opacity:.7;font-family:system-ui,sans-serif;font-size:13px}#todo em{color:#8a6d3b;font-size:12px}#todo li.done .en{opacity:.6;text-decoration:line-through;text-decoration-thickness:2px}#todo li.locked{opacity:.38}#todo .good{color:#e85d75;margin-left:auto;font-size:20px}#todo li.pencil .en,#todo li.pencil .zh{color:#666;font-family:Comic Sans MS,Marker Felt,cursive}.foot{text-align:right;opacity:.6;margin-top:12px;font-size:11px}#pause,#end{background:#05081999;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--cream);color:var(--ink);border:4px solid var(--ink);width:min(520px,92vw);box-shadow:0 8px 0 var(--ink);border-radius:22px;padding:24px 30px}.panel h2{margin:0 0 14px;font:900 30px Arial Black,sans-serif}.panel label{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-weight:700;display:flex}.panel label.chk{justify-content:flex-start}.panel input[type=range]{width:220px;accent-color:var(--teal)}.panel select{font:inherit;border-radius:8px;padding:4px 8px}.panel .keys{background:#efe8d4;border-radius:12px;margin:14px 0;padding:10px 12px;font-size:13px;line-height:1.6}.panel .row{justify-content:center;gap:12px;margin-top:10px;display:flex}.endp{text-align:center}.endp .ch{letter-spacing:.2em;color:#c0392b;font-size:13px;font-weight:900}.endp h1{margin:6px 0 16px;font:900 34px Arial Black,sans-serif}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stats div{background:#efe8d4;border-radius:14px;padding:12px 6px}.stats b{font:900 26px Arial Black,sans-serif;display:block}.stats span{font-size:12px;font-weight:700}.meta{margin:14px 0 4px;font-size:14px;font-weight:700}.next{margin:8px 0 14px;font-size:16px}.pls{opacity:.7;margin-top:16px;font-size:12px;font-style:italic}.logo-h1{margin:6px 0 4px}.title-logo{filter:drop-shadow(0 12px 30px #00000073);width:auto;max-width:min(78vw,560px);max-height:34vh;margin:0 auto;display:block;transform:rotate(-3deg)}#mobile .title-logo{max-width:min(80vw,360px)}#loader{flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}#loader img{filter:drop-shadow(0 6px 10px #0006);height:min(96px,14vh)}#loader .lbar{border:2px solid var(--ink);background:#ffffff40;border-radius:6px;width:220px;height:10px;overflow:hidden}#loader .lbar i{background:var(--yolk);width:0;height:100%;transition:width .15s;display:block}#loader.done{display:none}#titleBtns:not(.in){visibility:hidden}.end-logo{width:220px;margin:-8px auto 2px;display:block;transform:rotate(-2deg)}