*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;overflow:hidden}body{color:#c9b98a;--ink:#c9b98a;--dim:#7d7258;--hot:#e8c37a;font-family:Cascadia Mono,Consolas,Lucida Console,monospace}#view{width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;opacity:0;transition:opacity .6s;position:fixed;inset:0}#hud.on{opacity:1}#crosshair{background:#dcd2b48c;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#iprompt{text-align:center;letter-spacing:.2em;color:var(--ink);text-shadow:0 0 6px #000,0 0 2px #000;opacity:0;font-size:max(12px,1.6vmin);transition:opacity .15s;position:absolute;top:calc(50% + 22px);left:0;right:0}#iprompt.on{opacity:1}#iprompt .k{border:1px solid var(--dim);color:var(--hot);margin-right:.5em;padding:0 .45em;display:inline-block}#objective{letter-spacing:.12em;color:var(--dim);text-shadow:0 0 4px #000;font-size:max(27px,3.5vmin);position:absolute;top:2.4vh;left:2.4vw;right:30vw}#notice{text-align:center;letter-spacing:.06em;color:#ddd2b0;text-shadow:0 0 8px #000,0 0 2px #000;opacity:0;padding:0 12vw;font-size:max(13px,1.9vmin);line-height:1.6;transition:opacity .8s;position:absolute;top:62%;left:0;right:0}#notice.on{opacity:1}#clock{letter-spacing:.14em;color:var(--ink);text-shadow:0 0 4px #000;font-size:max(30px,4vmin);position:absolute;bottom:2.4vh;left:2.4vw}#needs{text-align:right;letter-spacing:.16em;color:#c87a5a;text-shadow:0 0 4px #000;font-size:max(27px,3.5vmin);line-height:1.5;position:absolute;bottom:2.4vh;right:2.4vw}#fade{z-index:30;pointer-events:none;opacity:0;background:#000;transition:opacity .7s;position:fixed;inset:0}#fade.on{opacity:1}#caption{z-index:31;text-align:center;letter-spacing:.06em;color:#d8cfb4;opacity:0;pointer-events:none;padding:0 14vw;font-size:max(14px,2vmin);line-height:1.75;transition:opacity .9s;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}#caption.on{opacity:1}#caption>div{margin:1.1em 0}#caption.stk>div{opacity:0;margin:.5em 0;transition:opacity .9s}#caption.stk>div.in{opacity:1}#caption .big{letter-spacing:.4em;color:var(--hot);font-size:1.4em}#caption .rec{color:var(--dim);letter-spacing:.1em;font-size:.8em;line-height:1.9}#caption .sumhead{letter-spacing:.35em;color:var(--dim);margin:1.6em 0 .5em;font-size:.7em}#caption .sumlist{text-align:left;max-width:100%;margin:0;font-size:.72em;line-height:1.65;display:inline-block}#caption .sumlist.cols{columns:2;text-align:left;column-gap:3.5em;max-height:44vh;display:block}#caption .sumlist>div{break-inside:avoid;margin:0}#caption .dim{color:var(--dim);letter-spacing:.3em;margin-top:2.4em;font-size:.75em}#title{z-index:40;color:var(--hot);cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 0 7px #ffc86e66,0 0 22px #ffc86e24;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#title.gone{opacity:0;pointer-events:none}#title pre{font-family:inherit;font-size:clamp(9px,1.9vw,24px);line-height:1.15}#tsub{color:var(--dim);letter-spacing:.35em;margin-top:1.8em;font-size:max(11px,1.5vmin)}#tpress{letter-spacing:.35em;visibility:hidden;margin-top:3em;font-size:max(12px,1.8vmin);animation:1.3s steps(2,end) infinite tblink}#title.ready #tpress{visibility:visible}#title:not(.ready){cursor:default}#tkeys{color:var(--dim);letter-spacing:.2em;margin-top:3.5em;font-size:max(10px,1.2vmin)}@keyframes tblink{50%{opacity:.2}}#roll{z-index:33;pointer-events:none;opacity:0;transition:opacity 1.2s;position:fixed;inset:0;overflow:hidden}#roll.on{opacity:1}#roll .inner{text-align:center;will-change:transform;color:#d8cfb4;letter-spacing:.04em;padding:0 18vw;font-size:max(13px,1.8vmin);line-height:1.7;position:absolute;top:0;left:0;right:0}#roll .day{letter-spacing:.4em;color:var(--hot);margin-top:5em;font-size:1.3em}#roll .grade{letter-spacing:.3em;color:var(--dim);margin:.6em 0 1.4em;font-size:.8em}#roll .work{color:#f0e6c8}#roll .life{color:#a89e84;font-size:.9em}#caption .letter{text-align:left;letter-spacing:.08em;font-size:.85em;line-height:1.8;display:inline-block}#caption .letter>div{margin:0}#loading{z-index:45;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.gone{opacity:0;pointer-events:none}#loading .lbl{color:var(--dim);letter-spacing:.5em;margin-bottom:1.4em;font-size:max(11px,1.4vmin)}#loading .bar,#skipbar .bar{background:#a08c642e;width:min(320px,40vw);height:2px;overflow:hidden}#loading .fill,#skipbar .fill{background:var(--hot);transform-origin:50%;height:100%;transform:scaleX(0)}#loading .fill{transition:transform .25s ease-out}#skipbar{z-index:34;opacity:0;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .6s;display:flex;position:fixed;bottom:6vh;left:0;right:0}#skipbar.on{opacity:1}#skipbar .lbl{color:var(--dim);letter-spacing:.35em;margin-bottom:.8em;font-size:max(10px,1.2vmin)}#rollhint{z-index:34;color:var(--dim);letter-spacing:.3em;opacity:0;pointer-events:none;font-size:max(10px,1.2vmin);transition:opacity .8s;position:fixed;bottom:2.4vh;right:2.4vw}#rollhint.on{opacity:1}#caption .sumscroll{text-align:left;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--dim) #a08c641f;gap:3.5em;max-width:100%;max-height:40vh;margin:0 auto;padding:0 1.2em 0 .4em;font-size:.72em;line-height:1.65;display:flex;overflow-y:auto}#caption .sumscroll::-webkit-scrollbar{width:6px}#caption .sumscroll::-webkit-scrollbar-track{background:#a08c641f}#caption .sumscroll::-webkit-scrollbar-thumb{background:var(--dim)}#caption .sumcol{flex:1 1 0;min-width:0}#caption .sumcol>div{margin:0}#crt{--fg:#e8c37a;--glow:#ffc86e66;--glow2:#ffc86e24;--dimc:#8a744a;--accent:#9fdca6;--screenbg:radial-gradient(ellipse at center, #140d04 0%, #080502 62%, #030100 100%);z-index:20;opacity:0;pointer-events:none;background:#000;font-family:Cascadia Mono,Consolas,Lucida Console,monospace;transition:opacity .6s;position:fixed;inset:0}#crt.on{opacity:1;pointer-events:auto}#crt.theme-green{--fg:#9fdca6;--glow:#78ff8c66;--glow2:#78ff8c24;--dimc:#5a8a60;--accent:#e8c37a;--screenbg:radial-gradient(ellipse at center, #081409 0%, #030803 62%, #010301 100%)}#crt.theme-ice{--fg:#bcd8e8;--glow:#a0dcff66;--glow2:#a0dcff24;--dimc:#5f7a8a;--accent:#e8c37a;--screenbg:radial-gradient(ellipse at center, #071019 0%, #030609 62%, #010102 100%)}#warp{position:absolute;inset:0}#tube{background:var(--screenbg);position:absolute;inset:0;overflow:hidden}#banner{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--fg);text-shadow:0 0 1px #ffffff4d, 0 0 7px var(--glow), 0 0 20px var(--glow2);z-index:2;background:linear-gradient(#0009 78%,#0000);padding-bottom:1em;position:absolute;top:3.2vh;left:8vw;right:8vw}#banner pre{font-family:inherit;font-size:clamp(5px,.95vw,12px);line-height:1.25}#banner .sub{color:var(--dimc);letter-spacing:.22em;text-shadow:0 0 4px var(--glow);margin-top:.7em;font-size:max(10px,1.3vmin)}#alarm{z-index:3;color:var(--accent);letter-spacing:.12em;text-shadow:0 0 6px var(--glow), 0 0 16px var(--glow2);text-align:right;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:max(30px,4.4vmin);display:none;position:absolute;top:3.6vh;right:8.5vw}#alarm .lbl{color:var(--dimc);letter-spacing:.3em;font-size:.4em;display:block}#abar{background:#ffffff14;height:.12em;min-height:3px;margin-top:.25em;display:none}#alarm.withbar #abar{display:block}#abar .fill{background:var(--accent);height:100%;box-shadow:0 0 6px var(--glow);transform-origin:0;transform:scaleX(1)}#alarm.hot{animation:.9s steps(2,end) infinite ablink}@keyframes ablink{50%{opacity:.2}}#screen{color:var(--fg);text-shadow:0 0 1px #ffffff4d, 0 0 7px var(--glow), 0 0 20px var(--glow2);white-space:pre-wrap;word-break:break-word;scrollbar-width:none;z-index:1;font-size:19px;line-height:1.55;position:absolute;inset:calc(3.2vh + clamp(92px,10vw,128px)) 8vw 6.5vh;overflow-y:auto}#screen::-webkit-scrollbar{display:none}#crt .ln{min-height:1.55em}#crt .cw{color:#fff;text-shadow:0 0 2px #ffffff8c, 0 0 9px var(--glow), 0 0 20px var(--glow2)}#crt .ok{color:#8dff96;text-shadow:0 0 2px #8cff9680,0 0 9px #78ff8c73,0 0 22px #78ff8c2e}#crt .dim{color:var(--dimc)}#crt .acc{color:var(--accent)}#crt .me{color:var(--dimc)}#crt .hint{color:var(--dimc);opacity:.8}#crt .opt{color:var(--fg);opacity:.9}#promptrow{color:var(--fg);text-shadow:0 0 1px #ffffff4d, 0 0 7px var(--glow), 0 0 20px var(--glow2);align-items:baseline;line-height:1.55;display:none}#plabel{color:var(--dimc);-webkit-user-select:none;user-select:none;margin-right:.6em}#cmd{color:var(--fg);caret-color:var(--fg);font-family:inherit;font-size:inherit;text-shadow:inherit;text-transform:uppercase;background:0 0;border:none;outline:none;flex:1}#crt .fx{pointer-events:none;position:absolute;inset:0}#flick{z-index:4;background:#a0ffaa05;animation:4.3s infinite crtflicker}@keyframes crtflicker{0%{opacity:.4}7%{opacity:.75}8%{opacity:.3}40%{opacity:.5}41%{opacity:.9}42%{opacity:.4}78%{opacity:.6}to{opacity:.4}}#bars{z-index:4;overflow:hidden}#crt.nobars #bars{display:none}#bars .b1{background:linear-gradient(#0000,#d2ffdc0b 40%,#d2ffdc12 50%,#d2ffdc0b 60%,#0000);height:26%;animation:7.5s linear infinite roll1;position:absolute;left:0;right:0}@keyframes roll1{0%{top:-30%}to{top:110%}}#bars .b2{background:linear-gradient(#0000,#00000013 50%,#0000);height:44%;animation:13s linear infinite roll2;position:absolute;left:0;right:0}@keyframes roll2{0%{top:115%}to{top:-50%}}#scanlines{mix-blend-mode:multiply;z-index:5;background:repeating-linear-gradient(0deg,#0000003d 0 1px,#0000 1px 3px)}#shade{z-index:6;background:linear-gradient(#000000b8 0%,#00000047 9%,#0000 24% 76%,#00000047 91%,#000000b8 100%),radial-gradient(130% 105%,#0000 58%,#0000008c 100%)}#glass{z-index:7;background:radial-gradient(55% 38% at 26% 14%,#ffffff0d,#0000 60%)}#tear{z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#dcffe61c 30%,#dcffe60d 70%,#0000);height:6px;display:none;position:absolute;left:0;right:0}#tube.g-jit{animation:.18s steps(2,end) gjit}@keyframes gjit{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}#tube.g-slip{animation:.22s ease-out gslip}@keyframes gslip{0%{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(3px)}to{transform:translateY(0)}}#tube.g-dim{animation:.32s gdim}@keyframes gdim{0%{filter:brightness()}30%{filter:brightness(.72)}60%{filter:brightness(1.12)}to{filter:brightness()}}#tube.g-rgb #screen,#tube.g-rgb #banner,#tube.g-rgb #promptrow{text-shadow:1.7px 0 #ff464680, -1.7px 0 #46c8ff80, 0 0 7px var(--glow)}#crtstatus{text-align:center;color:var(--dimc);letter-spacing:.14em;text-shadow:0 0 4px var(--glow);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9;opacity:.85;font-size:max(11px,1.5vmin);position:fixed;bottom:1.2vh;left:0;right:0}
