@font-face{font-family:Orbitron;font-display:swap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0}#root{width:100vw;height:100vh}.stage{width:100%;height:100%;position:relative;overflow:hidden}.stage canvas{touch-action:none}:root{--paper: #f7f1e1;--paper-2: #fffdf6;--ink: #21201b;--ink-soft: #5b564a;--gold: #ecb53f;--gold-d: #d79c1c;--red: #d8442f;--heart: #e26d86;--teal: #bfe0d8;--font-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-display: "Shantell Sans", "Comic Sans MS", cursive}.sketch,.sketch-btn,.intro-content,.hud-checklist,.hud-note,.chat-panel,.landscape-box{font-variant:small-caps;font-feature-settings:"smcp";letter-spacing:.01em}.sketch{position:relative;background:var(--paper);color:var(--ink);font-family:var(--font-hand)}.sketch:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2.5px solid var(--ink);border-radius:7px;filter:url(#sketchy);pointer-events:none}.sketch-btn{all:unset;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;font-family:var(--font-hand);font-size:17px;line-height:1;letter-spacing:.01em;color:var(--ink);background:var(--paper-2);padding:8px 18px;transition:transform .11s ease,background .14s ease}.sketch-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2.5px solid var(--ink);border-radius:8px;filter:url(#sketchy);pointer-events:none}.sketch-btn:hover{background:#fff7e2;transform:translateY(-1px) rotate(-.4deg)}.sketch-btn:active{transform:translateY(1px);background:#f0e7cf}.sketch-btn:disabled{opacity:.4;cursor:default;transform:none}.icon-btn{width:46px;height:46px;padding:0;font-size:22px;background:var(--paper-2);border-radius:50%}.icon-btn:before{border-radius:50%}.icon-btn-off{color:var(--ink-soft);background:#ece5d3}.flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--teal);transition:opacity .6s ease,background .7s ease}.intro-ready{background:#bfe0d857;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.intro-exit{opacity:0;pointer-events:none}.intro-content{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;-webkit-user-select:none;user-select:none}.intro-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(48px,11vw,104px);line-height:.9;color:var(--ink);animation:title-alive 3.2s ease-in-out infinite}@keyframes title-alive{0%,to{transform:rotate(-1.8deg) translateY(0)}50%{transform:rotate(-.6deg) translateY(-3px)}}.intro-subtitle{margin:0 0 12px;font-family:var(--font-hand);font-size:clamp(16px,3vw,22px);color:var(--ink-soft)}.intro-begin{font-family:var(--font-display);font-size:30px;font-weight:700;padding:8px 40px;background:var(--gold);transform:rotate(-1deg)}.intro-begin:hover{background:var(--gold-d)}.intro-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink)}.intro-doodle-wrap{display:inline-block;animation:intro-bob 1.6s ease-in-out infinite}.intro-doodle{width:58px;height:76px;color:var(--ink)}.intro-loading-text{font-family:var(--font-hand);font-size:18px;letter-spacing:.04em}@keyframes intro-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}.hud-checklist{position:fixed;top:18px;right:18px;z-index:8;width:clamp(190px,23vw,250px);padding:12px 16px 14px;transform:rotate(1deg);transition:opacity .2s ease}.hud-checklist-title{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;margin-bottom:8px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.hud-tasks{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.hud-task{display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.1}.hud-check{flex:none;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);border:2px solid var(--ink);border-radius:3px;filter:url(#sketchy-soft)}.hud-task-label{flex:1}.hud-task-count{flex:none;font-size:15px;color:var(--ink-soft)}.hud-task-done .hud-task-label{text-decoration:line-through;color:var(--ink-soft)}.hud-hearts{font-size:19px;letter-spacing:1px;color:var(--heart);margin-top:2px}.hud-hearts-empty{color:#d8cfbb}.hud-cleared{margin-top:8px;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--gold-d);transform:rotate(-1deg)}.hud-note{position:fixed;top:18px;left:18px;z-index:8;padding:9px 14px;transform:rotate(-1deg);font-size:15px;line-height:1.5;color:var(--ink-soft);transition:opacity .2s ease}.hud-note b{color:var(--ink)}.hud-note-row{white-space:nowrap}.hud-faded{opacity:.25}.hud-mute{position:fixed;top:96px;left:18px;z-index:8}.cel-toggle{position:fixed;top:96px;left:74px;z-index:8}.chat-panel{position:fixed;bottom:26px;left:50%;transform:translate(-50%);width:min(560px,92vw);z-index:10;padding:12px 16px 14px}.chat-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.chat-header-title{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1}.chat-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-hand);font-size:15px;color:var(--ink-soft)}.chat-status-busy{color:var(--gold-d)}.chat-led{width:9px;height:9px;border-radius:50%;background:#6fb38a;border:1.5px solid var(--ink)}.chat-led-busy{background:var(--gold);animation:chat-pulse .9s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-form{display:flex;align-items:stretch;gap:10px}.chat-input{flex:1;min-width:0;font-family:var(--font-hand);font-size:18px;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:6px;padding:8px 12px;outline:none;filter:url(#sketchy-soft)}.chat-input::placeholder{color:#b3aa95}.chat-input:focus{background:#fff}.chat-send{flex:none;font-family:var(--font-display);font-weight:700;font-size:20px;padding:6px 22px;background:var(--gold)}.chat-send:not(:disabled):hover{background:var(--gold-d)}.landscape-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;background:var(--teal)}.landscape-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 34px;text-align:center}.landscape-icon{font-size:46px;animation:ls-spin 2.4s linear infinite}.landscape-title{font-family:var(--font-display);font-weight:700;font-size:28px}.landscape-sub{font-family:var(--font-hand);font-size:16px;color:var(--ink-soft)}@keyframes ls-spin{to{transform:rotate(360deg)}}@media(max-width:920px)and (orientation:landscape){.landscape-prompt{display:flex}}.vctrl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;transition:opacity .2s ease}.joy-zone{position:absolute;left:0;top:64px;width:62%;bottom:92px;pointer-events:auto;touch-action:none}.vctrl-right{position:absolute;right:26px;bottom:40px;pointer-events:auto}.vctrl-btn{font-family:var(--font-display);font-weight:700;font-size:22px}.vctrl-jump{width:78px;height:78px;background:var(--gold);border-radius:50%}.vctrl-jump:before{border-radius:50%}.joy-base{position:fixed;width:116px;height:116px;border-radius:50%;background:#f7f1e180;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .12s ease;touch-action:none}.joy-base:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2.5px solid var(--ink);border-radius:50%;filter:url(#sketchy);pointer-events:none}.joy-cross{position:absolute;background:#21201b40}.joy-cross-h{left:14%;right:14%;top:50%;height:2px;transform:translateY(-50%)}.joy-cross-v{top:14%;bottom:14%;left:50%;width:2px;transform:translate(-50%)}.joy-nub{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:var(--paper-2);transform:translate(-50%,-50%)}.joy-nub:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2.5px solid var(--ink);border-radius:50%;filter:url(#sketchy);pointer-events:none}@media(max-width:680px){.hud-note{display:none}.hud-checklist{width:min(58vw,200px);top:12px;right:12px;padding:8px 12px 10px;transform:rotate(.5deg)}.hud-checklist-title{font-size:20px;margin-bottom:5px}.hud-task{font-size:14px;gap:6px}.hud-task-count{font-size:13px}.hud-hearts{font-size:17px}.icon-btn{width:40px;height:40px;font-size:19px}.hud-mute{top:12px;left:12px}.cel-toggle{top:12px;left:60px}.chat-panel{width:94vw;bottom:56px;padding:9px 13px 11px}.chat-header{margin-bottom:5px}.chat-header-title{font-size:18px}.chat-status{font-size:13px}.chat-input{font-size:16px;padding:7px 10px}.chat-send{font-size:17px;padding:5px 15px}.intro-title{font-size:clamp(40px,15vw,72px)}}