:root{color-scheme:light;--paper: #f1ebdc;--ink: #283a8c;--pencil: #76604a}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--paper);height:100%;margin:0;overflow:hidden}body,button,select{font-family:Kaiti SC,STKaiti,KaiTi,serif}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#note{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--ink);text-align:center;font-size:22px;line-height:1.6}[hidden],#note[hidden]{display:none!important}#pen{opacity:0;pointer-events:none;width:132px;height:66px;margin:-33px 0 0 -66px;transition:opacity .5s;position:fixed;top:50%;left:50%}#pen.on{opacity:.8}#pen path{fill:none;stroke:var(--ink);stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:232;stroke-dashoffset:232px;animation:pen-draw 2.6s ease-in-out infinite}@keyframes pen-draw{0%{stroke-dashoffset:232px}55%{stroke-dashoffset:0}to{stroke-dashoffset:-232px}}button,select{color:var(--pencil);cursor:pointer;font-size:17px}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}#help-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));border:0;padding:10px;background:transparent;opacity:.75}#help-toggle:hover{opacity:1}#help-toggle span{display:inline-block;border:1px solid currentColor;border-radius:48% 52% 45% 55%;width:22px;margin-left:4px}#help{position:fixed;z-index:2;right:20px;top:60px;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 80px);overflow-y:auto;padding:24px;background:#f8f2e5;color:var(--pencil);border:1px solid #aa987a;border-radius:2px 5px 3px 7px;box-shadow:3px 5px 15px #58472b19;font-size:17px;line-height:1.75}#help-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;background:transparent;font-size:28px}h1{margin:0;color:var(--ink);font-size:28px;font-weight:500}.subtitle{margin-top:4px;color:#9c5d4d}dl{font-size:15px;margin:20px 0}dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #bfb19b66;padding:4px 0}dd{margin:0;text-align:right}#controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}#controls button,select{border:1px solid #b6a488;border-radius:3px 5px;background:transparent;padding:7px 10px}#controls button:hover{background:#ece2ce}button:disabled{opacity:.4;cursor:default}.level-label{display:flex;gap:12px;align-items:center;margin-top:16px}.credit{font-size:12px;opacity:.7;margin-bottom:0}a{color:inherit}.noscript{position:fixed;inset:40% 20px auto;text-align:center;color:var(--ink)}@media(max-width:500px){#help{right:16px;font-size:16px}#help-toggle{font-size:15px;top:6px;right:6px}}@media(prefers-reduced-motion:reduce){#pen path{stroke-dashoffset:0;animation:none}}