:root{color-scheme:dark;--osd:#f4f4ee;--bleed:2px 0 #ff283c59, -2px 0 #28c8ff59, 0 2px 0 #0000008c;--bubble:#fffaf0;--bubble-edge:#f0a35e;--bubble-ink:#4b3426;--menu-blue:#0a1862cc;--menu-ink:#0b1650}html,body{background:#000;height:100%;margin:0;overflow:hidden}#screen{width:100vw;height:100vh;image-rendering:pixelated;cursor:grab;touch-action:none;display:block;position:fixed;inset:0}#screen.dragging{cursor:grabbing}.osd{pointer-events:none;color:var(--osd);letter-spacing:1px;text-shadow:var(--bleed);font:32px/1 VT323,monospace;position:fixed;inset:0}.osd>*{position:absolute}.osd-rec{align-items:center;gap:10px;display:flex;top:30px;left:40px}.osd-errand{max-width:46vw;font-size:24px;top:70px;left:40px}.osd-errand:before{content:"▶ "}.osd-caption{white-space:nowrap;font-size:28px;bottom:70px;left:50%;transform:translate(-50%)}.osd [hidden]{display:none}.osd-rec i{width:14px;height:14px;box-shadow:none;background:#ff2f3a;border-radius:50%;animation:1s step-end infinite rec}@keyframes rec{50%{opacity:0}}.osd-tape{top:30px;right:40px}.osd-when{line-height:1.05;bottom:32px;left:40px}.osd-battery{width:34px;height:14px;box-shadow:var(--bleed);border:2px solid;gap:2px;padding:2px;display:flex;bottom:36px;right:46px}.osd-battery:after{content:"";background:currentColor;width:4px;height:8px;position:absolute;top:3px;right:-7px}.osd-battery i{background:currentColor;flex:1}.hint{color:var(--osd);text-shadow:var(--bleed);white-space:nowrap;pointer-events:none;margin:0;font:22px/1 VT323,monospace;animation:1s 14s forwards hint;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes hint{to{opacity:0}}.bubble{background:var(--bubble);border:3px solid var(--bubble-edge);max-width:min(320px,70vw);color:var(--bubble-ink);text-shadow:1px 0 #ff3c5a2e,-1px 0 #28b4ff2e;pointer-events:none;border-radius:22px;padding:10px 18px 12px;font:19px/1.45 DotGothic16,sans-serif;position:fixed;top:0;left:0;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px #28140a47}.bubble[hidden]{display:none}.bubble p{white-space:pre-wrap;min-height:1.45em;margin:0}.bubble:after{content:"";background:var(--bubble);border:solid var(--bubble-edge);border-width:0 3px 3px 0;width:14px;height:14px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.menu-toggle{letter-spacing:2px;color:var(--osd);background:var(--menu-blue);text-shadow:var(--bleed);cursor:pointer;border:2px solid;padding:3px 12px 5px;font:24px/1 VT323,monospace;position:fixed;bottom:74px;right:40px}.menu-toggle[aria-expanded=true]{color:var(--menu-ink);background:var(--osd);border-color:var(--osd);text-shadow:none}.menu{width:330px;color:var(--osd);background:var(--menu-blue);border:2px solid var(--osd);box-shadow:inset 0 0 0 3px var(--menu-blue), inset 0 0 0 4px #f4f4ee73, 0 3px 0 #00000059;text-shadow:var(--bleed);padding-bottom:6px;font:24px/1 VT323,monospace;position:fixed;bottom:118px;right:40px}.menu[hidden]{display:none}.menu header{color:var(--menu-ink);background:var(--osd);letter-spacing:3px;text-shadow:none;justify-content:space-between;margin-bottom:6px;padding:6px 12px 5px;display:flex}.menu .row{box-sizing:border-box;width:100%;font:inherit;letter-spacing:1px;color:inherit;text-align:left;text-shadow:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:14px 64px 1fr 76px;align-items:center;gap:8px;margin:0;padding:5px 12px 5px 8px;display:grid}.menu .row:before{content:"▶";visibility:hidden;font-size:15px}.menu .row:hover,.menu .row:focus-within,.menu .row:focus-visible{color:var(--menu-ink);background:var(--osd);text-shadow:none;outline:none}.menu .row:hover:before,.menu .row:focus-within:before,.menu .row:focus-visible:before{visibility:visible}.menu.is-live .time{opacity:.45;pointer-events:none}.menu .reset{border-top:1px dashed #f4f4ee66;margin-top:6px}.menu output{text-align:right}.menu input[type=range],.creator input[type=range]{appearance:none;background:linear-gradient(90deg, currentColor var(--fill,50%), color-mix(in srgb, currentColor 22%, transparent) var(--fill,50%));cursor:pointer;width:100%;height:14px;margin:0;mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 10px)}.menu input[type=range]::-webkit-slider-thumb,.creator input[type=range]::-webkit-slider-thumb{appearance:none;background:currentColor;width:7px;height:14px}.menu input[type=range]::-moz-range-thumb,.creator input[type=range]::-moz-range-thumb{background:currentColor;border:0;border-radius:0;width:7px;height:14px}.menu input[type=range]::-moz-range-track,.creator input[type=range]::-moz-range-track{background:0 0}.menu input:focus-visible{outline:none}.menu input[type=checkbox]{appearance:none;width:0;height:0;margin:0}.creator{width:450px;color:var(--osd);background:var(--menu-blue);border:2px solid var(--osd);box-shadow:inset 0 0 0 3px var(--menu-blue), inset 0 0 0 4px #f4f4ee73, 0 3px 0 #00000059;text-shadow:var(--bleed);flex-direction:column;font:22px/1 VT323,monospace;display:flex;position:fixed;top:76px;bottom:76px;left:40px}.creator[hidden]{display:none}.creator header{color:var(--menu-ink);background:var(--osd);letter-spacing:3px;text-shadow:none;justify-content:space-between;padding:6px 12px 5px;display:flex}.creator-body{flex:1;grid-template-columns:116px 1fr;min-height:0;display:grid}.creator-tabs{border-right:1px dashed #f4f4ee66;flex-direction:column;gap:2px;padding:8px 0;display:flex}.creator button{font:inherit;letter-spacing:1px;color:inherit;text-shadow:inherit;cursor:pointer}.creator-tabs button{text-align:left;background:0 0;border:0;padding:6px 10px}.creator-tabs button.on,.creator-tabs button:hover,.creator .row button:hover,.creator footer button:hover,.creator footer [data-done]{color:var(--menu-ink);background:var(--osd);text-shadow:none}.creator-tabs button.on:before{content:"▶ ";font-size:15px}.creator-rows{flex-direction:column;gap:12px;padding:12px 14px;display:flex;overflow-y:auto}.creator .row{grid-template-columns:76px 1fr;align-items:center;gap:8px;display:grid}.creator .row.pick{grid-template-columns:76px 30px 1fr 30px}.creator .row.slider{grid-template-columns:76px 1fr 46px}.creator .row.text{grid-template-columns:1fr;gap:5px}.creator .row output{text-align:center}.creator .row.slider output{text-align:right}.creator .row button{background:0 0;border:2px solid;padding:1px 6px 3px}.creator .row.fixed button{visibility:hidden}.creator .row.needed span{color:#ff8a9a;animation:.5s step-end 4 rec}.creator .swatches{flex-wrap:wrap;gap:5px;display:flex}.creator .swatches button{border:2px solid #00000059;width:24px;height:24px;padding:0}.creator .swatches button.on{outline:2px solid var(--osd);outline-offset:2px}.creator input:not([type=range]),.creator textarea{box-sizing:border-box;width:100%;color:var(--menu-ink);resize:none;text-shadow:none;background:#f4f4ee;border:0;padding:6px 8px;font:19px/1.3 DotGothic16,sans-serif}.creator footer{border-top:1px dashed #f4f4ee66;gap:8px;padding:10px 12px;display:flex}.creator footer button{letter-spacing:2px;background:0 0;border:2px solid;flex:1;padding:6px 0 8px}.creator.first [data-back],body.creating .hint,body.creating .menu-toggle,body.creating .menu,body.creating #bubbles{display:none}@media (width<=760px){.osd{font-size:22px}.osd-rec,.osd-when{left:16px}.osd-rec,.osd-tape{top:16px}.osd-tape,.menu-toggle,.menu{right:16px}.osd-when{bottom:16px}.osd-battery{bottom:20px;right:22px}.menu-toggle{font-size:20px;bottom:48px}.menu{width:min(280px,100vw - 32px);bottom:88px}.hint{display:none}.creator{width:auto;height:54vh;inset:auto 8px 8px}.creator-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.creator-tabs{border-bottom:1px dashed #f4f4ee66;border-right:0;flex-direction:row;overflow-x:auto}}.prompt{pointer-events:none;align-items:center;gap:7px;animation:1.1s ease-in-out infinite bob;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,calc(-100% - 10px))}.prompt[hidden]{display:none}.prompt kbd{color:#1d1820;background:#fffaf0;border:2px solid #1d1820;border-radius:6px;place-items:center;width:28px;height:28px;font:24px/1 VT323,monospace;display:grid;box-shadow:0 4px #1d1820}.prompt span{letter-spacing:1px;color:var(--osd);text-shadow:var(--bleed), 0 0 4px #000c;font:22px/1 VT323,monospace}@keyframes bob{50%{translate:0 -4px}}.creator .row.tiles{grid-template-columns:1fr;gap:6px}.creator .grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;display:grid}.creator .tile{background:#f4f4ee14;border:2px solid #f4f4ee59;justify-items:center;gap:2px;padding:3px 2px 4px;display:grid}.creator .tile img{width:60px;height:60px;image-rendering:pixelated}.creator .tile small{letter-spacing:1px;font:14px/1 VT323,monospace}.creator .tile.on{color:var(--menu-ink);background:var(--osd);border-color:var(--osd);text-shadow:none}.bubble .who{letter-spacing:1px;color:#fffaf0;background:var(--bubble-edge);text-shadow:none;border-radius:9px;padding:2px 9px 3px;font:16px/1 VT323,monospace;position:absolute;top:-14px;left:14px}.bubble.prompt .who:empty,.bubble .who:empty{display:none}.account{width:330px;color:var(--osd);background:var(--menu-blue);border:2px solid var(--osd);box-shadow:inset 0 0 0 3px var(--menu-blue), inset 0 0 0 4px #f4f4ee73, 0 3px 0 #00000059;text-shadow:var(--bleed);padding-bottom:10px;font:24px/1 VT323,monospace;position:fixed;bottom:118px;right:40px}.account[hidden],.account [hidden]{display:none}.account header{color:var(--menu-ink);background:var(--osd);letter-spacing:3px;text-shadow:none;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 8px 3px 12px;display:flex}.account header button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.account label{grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:4px 12px;display:grid}.account input{font:inherit;color:var(--osd);background:#00000040;border:1px solid #f4f4ee80;min-width:0;padding:2px 6px}.account-actions{gap:8px;padding:8px 12px 2px;display:flex}.account-actions button{font:inherit;letter-spacing:2px;color:var(--osd);border:2px solid var(--osd);text-shadow:inherit;cursor:pointer;background:0 0;flex:1;padding:3px 0 5px}.account-actions button:hover,.account-actions button:focus-visible{color:var(--menu-ink);background:var(--osd);text-shadow:none;outline:none}.account p{margin:8px 12px 0;font-size:19px;line-height:1.1}.account-message:empty{display:none}