:root{--bg:#0a0908;--cream:#ded3bc;--accent:#ffd60a;--ph:#ffb454;--ph-bright:#ffe0a3;--ph-dim:#9c7434;--ph-bg:#0c0903;--ok:#9ee07a;--err:#ff6b5e;--ui:#8e8674;--mono:"IBM Plex Mono", ui-monospace, monospace;--crt:"VT323", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--cream);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app{position:fixed;inset:0}.app canvas{touch-action:none}::selection{background:var(--accent);color:#181408}.ui{z-index:30;pointer-events:none;letter-spacing:.14em;text-transform:uppercase;color:var(--ui);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.4rem 1.8rem;font-size:.66rem;display:flex;position:fixed;left:0;right:0}.ui-top{align-items:flex-start;top:0}.ui-bottom{grid-template-columns:1fr auto 1fr;align-items:end;display:grid;bottom:0}.ui-center{flex-direction:column;align-items:center;display:flex}.ui-right{pointer-events:auto;justify-self:end}.ui-name{letter-spacing:.18em;color:var(--cream);margin:0;font-size:.85rem;font-weight:600}.ui-role{margin:.3rem 0 0}.ui-status{align-items:center;gap:.5rem;margin:0;display:flex}.dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-loc{margin:0}.ctl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ded3bc12;border:1px solid #ded3bc38;border-radius:999px;padding:.7rem 1.3rem;font-size:.68rem;transition:border-color .25s,color .25s,background .25s}.ctl:hover{border-color:var(--accent);color:var(--accent)}.ctl kbd{color:var(--ui);border:1px solid #ded3bc40;border-radius:4px;margin-left:.5rem;padding:.1rem .32rem;font-family:inherit;font-size:.58rem}.guide{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0a0908c7;border:1px solid #ffd60a52;border-radius:999px;align-items:center;gap:.9rem;padding:.8rem 1.5rem;animation:.45s ease-out both note-in;display:flex;box-shadow:0 6px 30px #00000073}.guide p{letter-spacing:.13em;text-transform:uppercase;color:var(--cream);white-space:nowrap;margin:0;font-size:.74rem}.guide b{color:var(--accent);font-weight:600}.guide-kbd{font-family:var(--mono);color:var(--accent);border:1px solid #ffd60a73;border-radius:5px;padding:.05rem .34rem;font-size:.66rem}.guide-step{letter-spacing:.1em;color:var(--ui);border-left:1px solid #ded3bc2e;padding-left:.9rem;font-size:.58rem}.guide-ico{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.scroll-ico{border:1.5px solid var(--accent);border-radius:9px;width:17px;height:27px;position:relative}.scroll-ico i{background:var(--accent);border-radius:2px;width:3px;height:6px;margin-left:-1.5px;animation:1.5s ease-in-out infinite wheel-roll;position:absolute;top:5px;left:50%}@keyframes wheel-roll{0%{opacity:1;transform:translateY(0)}65%{opacity:.25;transform:translateY(9px)}to{opacity:0;transform:translateY(9px)}}.chev-anim{font-size:1.1rem;animation:1.3s ease-in-out infinite chev-bob}@keyframes chev-bob{0%,to{opacity:.5;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}.key-ico{font-size:1.05rem}.help-btn{width:2.5rem;height:2.5rem;color:var(--cream);font-family:var(--mono);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ded3bc12;border:1px solid #ded3bc40;border-radius:50%;font-size:.9rem;transition:border-color .25s,color .25s,transform .25s}.help-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.help-panel{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0c0b09ed;border:1px solid #ded3bc2e;border-radius:16px;min-width:21rem;padding:1.1rem 1.3rem .9rem;animation:.3s ease-out both note-in;position:fixed;bottom:5.6rem;right:1.8rem;box-shadow:0 14px 50px #0000008c}.help-title{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 .7rem;font-size:.62rem}.help-row{border-top:1px solid #ded3bc12;justify-content:space-between;align-items:baseline;gap:1.4rem;padding:.32rem 0;display:flex}.help-row kbd{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);white-space:nowrap;font-size:.62rem}.help-row span{letter-spacing:.08em;text-transform:uppercase;color:var(--cream);text-align:right;font-size:.62rem}.help-foot{letter-spacing:.12em;text-transform:uppercase;color:var(--ui);margin:.7rem 0 0;font-size:.56rem}.mobile-note{z-index:40;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0a0908d1;border:1px solid #ffd60a59;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;max-width:min(86vw,24rem);padding:.75rem 1.1rem;font-size:.62rem;animation:.5s ease-out both note-in;display:flex;position:fixed;top:4.6rem;left:50%;transform:translate(-50%)}.mobile-note span{color:var(--ui);letter-spacing:.08em}@keyframes note-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.boot-cover{z-index:50;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;transition:opacity .45s;display:flex;position:fixed;inset:0}.boot-done{opacity:0;pointer-events:none}.boot-name{letter-spacing:.5em;color:var(--cream);margin:0;font-size:.8rem}.boot-bar{font-family:var(--crt);color:var(--ph);margin:0;font-size:1.3rem}.boot-anim{background:linear-gradient(90deg, var(--ph) 40%, #ffb45426 50%, var(--ph) 60%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.1s linear infinite boot-sheen}@keyframes boot-sheen{0%{background-position:200% 0}to{background-position:0 0}}.boot-hint{letter-spacing:.3em;text-transform:uppercase;color:var(--ui);margin:0;font-size:.6rem}.crt{background:radial-gradient(ellipse at center, #120d04 0%, var(--ph-bg) 75%);border-radius:44px;width:720px;height:540px;animation:.6s ease-out both crt-on;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000000a6}@keyframes crt-on{0%{filter:brightness(4);transform:scaleY(.01)}35%{filter:brightness(2.4);transform:scaleY(1.02)}to{filter:brightness();transform:scaleY(1)}}.crt-fx{pointer-events:none;background:linear-gradient(125deg,#fff5dc12 0%,#0000 32%),repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px),radial-gradient(#0000 58%,#00000080 100%);border-radius:44px;animation:4s steps(2,end) infinite crt-flicker;position:absolute;inset:0}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.96}}.term{font-family:var(--crt);color:var(--ph);text-shadow:0 0 7px #ffb4548c;flex-direction:column;display:flex;position:absolute;inset:0}.term-bar{color:var(--ph-dim);border-bottom:1px solid #ffb4542e;justify-content:space-between;padding:12px 26px 8px;font-size:17px;display:flex}.term-lines{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffb45459 transparent;flex:1;padding:14px 26px 20px;font-size:21px;line-height:1.32;overflow-y:auto}.t-line{white-space:pre-wrap;word-break:break-word;margin:0}button.t-line,a.t-line{text-align:left;width:100%;font:inherit;color:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:block}button.t-line:hover,a.t-line:hover{color:var(--ph-bright);background:#ffb45424}a.t-line{text-underline-offset:3px;text-decoration:underline}.tone-cmd{color:var(--ph-bright)}.tone-dim{color:var(--ph-dim)}.tone-bright{color:var(--ph-bright)}.tone-ok{color:var(--ok);text-shadow:0 0 7px #9ee07a80}.tone-err{color:var(--err);text-shadow:0 0 7px #ff6b5e80}.tone-accent{color:var(--accent);text-shadow:0 0 8px #ffd60a73}.t-prompt{color:var(--ph-bright)}.caret{animation:1.1s step-end infinite caret}@keyframes caret{0%,55%{opacity:1}56%,to{opacity:0}}.browser{font-family:var(--mono);background:#d8d0bd;flex-direction:column;display:flex;position:absolute;inset:0}.browser-bar{background:#c8bda3;border-bottom:2px solid #a89a7c;align-items:center;gap:10px;padding:8px 12px;display:flex}.browser-brand{letter-spacing:.16em;color:#5a4f38;font-size:12px;font-weight:600}.browser-tabs{flex:1;gap:6px;display:flex;overflow-x:auto}.tab{font-family:var(--mono);color:#5a4f38;cursor:pointer;white-space:nowrap;background:#d8d0bd;border:1px solid #a89a7c;border-radius:6px 6px 0 0;padding:5px 12px;font-size:12px}.tab-on{color:#181408;background:#fffef9;font-weight:600}.browser-actions{gap:6px;display:flex}.browser-actions a,.browser-actions button{font-family:var(--mono);color:#5a4f38;cursor:pointer;background:#d8d0bd;border:1px solid #a89a7c;border-radius:6px;place-items:center;width:26px;height:26px;font-size:13px;text-decoration:none;display:grid}.browser-actions a:hover,.browser-actions button:hover{color:#181408;background:#ffd60a}.browser-url{color:#6b6049;white-space:nowrap;text-overflow:ellipsis;background:#cec3a9;border-bottom:2px solid #a89a7c;padding:4px 14px;font-size:11px;overflow:hidden}.browser-body{background:#fffef9;flex:1;position:relative;overflow:hidden}.browser-body iframe{transform-origin:0 0;background:#fff;border:0;width:1440px;height:952px;transform:scale(.5)}.browser-loading{font-family:var(--crt);color:#6b6049;z-index:2;background:#fffef9;place-items:center;font-size:22px;animation:1.2s ease-in-out infinite pulse;display:grid;position:absolute;inset:0}.browser-ext{font-family:var(--crt);text-align:center;background:#fffef9;align-content:center;place-items:center;gap:22px;padding:0 40px;display:grid;position:absolute;inset:0}.browser-ext p{color:#6b6049;margin:0;font-size:22px}.browser-ext-btn{font-family:var(--crt);color:#181408;cursor:pointer;background:#ffd60a;border:2px solid #a89a7c;border-radius:8px;padding:12px 32px;font-size:26px;text-decoration:none;box-shadow:3px 3px #a89a7c}.browser-ext-btn:hover{color:#ffd60a;background:#181408}.browser-ext-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #a89a7c}.browser-body iframe.iframe-fit{position:absolute;top:50%;left:50%;translate:-50% -50%}.w98{color:#000;cursor:default;background:teal;flex-direction:column;font-family:Tahoma,MS Sans Serif,Geneva,sans-serif;display:flex;position:absolute;inset:0}.w98-splash{color:#fff;background:#000;justify-content:center;align-items:center;gap:14px}.w98-flag{grid-template-columns:26px 26px;gap:5px;display:grid;transform:skewY(-6deg)}.w98-flag i{height:26px}.w98-flag i:first-child{background:#e53935}.w98-flag i:nth-child(2){background:#43a047}.w98-flag i:nth-child(3){background:#1e88e5}.w98-flag i:nth-child(4){background:#fdd835}.w98-splash-name{letter-spacing:.02em;margin:0;font-size:40px;font-weight:700}.w98-splash-sub{color:#9e9e9e;margin:0;font-size:14px}.w98-splash-bar{border:1px solid #555;width:280px;height:14px;margin-top:16px;overflow:hidden}.w98-splash-bar i{background:linear-gradient(90deg,#1e88e5,#64b5f6);width:60px;height:100%;animation:1.1s linear infinite w98load;display:block}@keyframes w98load{0%{transform:translate(-60px)}to{transform:translate(280px)}}.w98-desktop{flex:1;grid-template-rows:repeat(4,86px);grid-auto-columns:92px;grid-auto-flow:column;place-content:start;gap:4px;padding:8px;display:grid;position:relative;overflow:hidden}.w98-icon{cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-family:inherit;display:flex}.w98-icon:hover{border:1px dotted #fff}.w98-icon-img{filter:saturate(.9);font-size:30px}.w98-icon-label{color:#fff;text-shadow:1px 1px #003c3c;word-break:break-word;text-align:center;font-size:12.5px}.w98-window,.w98-taskbar,.w98-start,.w98-task,.w98-btn,.w98-startmenu{background:silver;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.w98-window{flex-direction:column;padding:3px;display:flex;position:absolute;inset:6px 10px 6px 110px}.w98-titlebar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 4px 3px 8px;font-size:13px;font-weight:700;display:flex}.w98-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w98-title-btns{gap:2px;display:flex}.w98-title-btns button{color:#000;cursor:pointer;background:silver;border:0;width:20px;height:18px;font-family:inherit;font-size:11px;font-weight:700;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.w98-title-btns button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.w98-addressbar{align-items:center;gap:6px;padding:4px;font-size:12.5px;display:flex}.w98-address{white-space:nowrap;text-overflow:ellipsis;background:#fff;flex:1;padding:3px 6px;font-size:12.5px;overflow:hidden;box-shadow:inset 1px 1px gray,inset 2px 2px #404040,inset -1px -1px #fff}.w98-address-input{border:0;outline:none;min-width:0;font-family:inherit}.w98-addressbar .w98-go{padding:3px 12px;font-size:12.5px}.w98-content{background:#fff;flex:1;position:relative;overflow:hidden;box-shadow:inset 1px 1px gray,inset 2px 2px #404040,inset -1px -1px #fff}.w98-content iframe{background:#fff;border:0}.w98-content .browser-ext p{font-size:18px}.w98-content .browser-ext-btn{font-size:20px}.w98-dialog{width:340px;inset:42% auto auto 50%;translate:-50% -50%}.w98-dialog-body{align-items:center;gap:12px;padding:16px 14px;font-size:13px;display:flex}.w98-dialog-ico{font-size:32px}.w98-dialog-body p{margin:0}.w98-dialog-actions{justify-content:center;padding:4px 0 10px;display:flex}.w98-btn{cursor:pointer;border:0;padding:4px 26px;font-family:inherit;font-size:13px}.w98-btn:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.w98-taskbar{align-items:center;gap:4px;height:36px;padding:3px 4px;display:flex;box-shadow:inset 0 1px #fff}.w98-start{cursor:pointer;border:0;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.w98-start:active,.w98-start-on{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px gray}.w98-start-flag{grid-template-columns:7px 7px;gap:1.5px;display:grid}.w98-start-flag i{height:7px}.w98-start-flag i:first-child{background:#e53935}.w98-start-flag i:nth-child(2){background:#43a047}.w98-start-flag i:nth-child(3){background:#1e88e5}.w98-start-flag i:nth-child(4){background:#fdd835}.w98-task-sep{align-self:stretch;width:2px;margin:2px;box-shadow:inset 1px 0 gray,inset -1px 0 #fff}.w98-task{cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:6px;max-width:220px;padding:3px 10px;font-family:inherit;font-size:12.5px;display:flex;overflow:hidden}.w98-task-on{background:repeating-conic-gradient(#fff 0% 25%,#dfdfdf 0% 50%) 0 0/4px 4px;font-weight:700;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px gray}.w98-tray{align-self:stretch;align-items:center;gap:8px;margin-left:auto;padding:3px 10px;font-size:12.5px;display:flex;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.w98-startmenu{z-index:5;padding:3px;display:flex;position:absolute;bottom:38px;left:4px}.w98-startmenu-side{writing-mode:vertical-rl;color:#fff;letter-spacing:.08em;background:linear-gradient(#1084d0,navy);justify-content:center;align-items:flex-end;padding:10px 4px;font-size:16px;font-weight:700;display:flex;rotate:180deg}.w98-startmenu-items{flex-direction:column;min-width:190px;display:flex}.w98-startmenu-items button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 14px;font-family:inherit;font-size:13.5px;display:flex}.w98-startmenu-items button:hover{color:#fff;background:navy}.w98-startmenu-items hr{border:0;border-top:1px solid gray;border-bottom:1px solid #fff;margin:3px 2px}.snake{font-family:var(--crt);color:var(--ph);text-shadow:0 0 7px #ffb4548c;flex-direction:column;display:flex;position:absolute;inset:0}.snake-stage{touch-action:none;flex:1;place-items:center;display:grid;position:relative}.snake-stage canvas{display:block}.snake-over{text-align:center;color:var(--ph);background:#0c0903d1;align-content:center;place-items:center;gap:10px;font-size:22px;display:grid;position:absolute;inset:0}.snake-over p{margin:0}.snake-over-title{letter-spacing:.18em;text-shadow:0 0 18px #ffb454b3;font-size:46px}.snake-over-hint{color:var(--ph-dim);font-size:17px}@media (width<=720px){.ui{padding:1rem;font-size:.55rem}.ui-name{font-size:.7rem}.ui-loc{display:none}.ui-bottom{grid-template-columns:1fr auto}.guide{gap:.6rem;padding:.65rem 1rem}.guide p{white-space:normal;max-width:15rem;font-size:.58rem}.guide-step{display:none}.ctl{padding:.6rem 1rem;font-size:.6rem}.help-panel{min-width:0;left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.crt,.crt-fx,.dot,.caret,.browser-loading,.scroll-ico i,.chev-anim{animation:none}}