:root{--bezel:#b9b7a7;--bezel2:#8e8c80;--screen:#040404;--green:#69ff75;--blue:#0000a8;--win:#c0c0c0;--dark:#000080;--teal:#008080}*{box-sizing:border-box}html{background:#17151d}body{margin:0;min-height:100vh;color:#eee;background:radial-gradient(circle at 50% 0,#332e43 0,transparent 28rem),linear-gradient(#18151f,#0b0a0e);font-family:Arial,sans-serif}.page{width:min(1180px,calc(100% - 24px));margin:auto;padding:20px 0 50px}.museumNav{display:flex;justify-content:space-between;gap:12px;margin:0 4px 16px;font:700 11px ui-monospace,monospace;letter-spacing:.1em;color:#948aa2}.museumNav a{color:#67e8ff;text-decoration:none}.machine{border:3px solid #5d5b54;border-radius:22px;background:linear-gradient(#c8c6b8,#9b998d);box-shadow:0 28px 80px #000b,inset 0 1px #fff;overflow:hidden}.bezelTop,.bezelBottom{display:flex;align-items:center;gap:18px;padding:14px 18px;color:#2b2b28;text-shadow:0 1px #ddd}.badge{font-weight:900;letter-spacing:.08em}.spec{font:700 10px ui-monospace,monospace;color:#55534d;flex:1}.power{font:700 10px ui-monospace,monospace;display:flex;align-items:center;gap:6px}.power i{width:8px;height:8px;border-radius:50%;background:#4dff57;box-shadow:0 0 8px #22ff33}.screenFrame{margin:0 18px;border:13px solid #737168;border-radius:18px;background:#111;box-shadow:inset 0 0 0 2px #3f3e39,0 4px 8px #0008}.screen{position:relative;min-height:650px;height:min(72vw,760px);max-height:760px;overflow:hidden;background:#020402;border:2px solid #050505;box-shadow:inset 0 0 70px #06240a55}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#ffffff08 3px);mix-blend-mode:screen}.hidden{display:none!important}.dosView{height:100%;padding:18px;color:var(--green);font:16px/1.35 "Courier New",monospace;text-shadow:0 0 8px #4cff5a88;display:flex;flex-direction:column}.dosOut{white-space:pre-wrap;overflow:auto;flex:1;scrollbar-color:#1a5c23 #020402}.prompt{display:flex;align-items:center;gap:0;flex:0 0 auto}.prompt span{white-space:pre}.prompt input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--green);font:inherit;text-shadow:inherit;padding:0}.editor{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#000080;color:#fff;font-family:"Courier New",monospace}.editorBar{display:flex;gap:8px;align-items:center;background:#c0c0c0;color:#000;padding:4px}.editorBar b{flex:1}.editorBar button{border:2px outset #fff;background:#c0c0c0;font:700 12px Arial;padding:4px 8px}.editor textarea{resize:none;border:0;outline:none;background:#000080;color:#fff;padding:12px;font:15px/1.35 "Courier New",monospace}.editorHelp{padding:5px 8px;background:#c0c0c0;color:#111;font:11px Arial}.bezelBottom{justify-content:space-between}.quick{display:flex;gap:7px;flex-wrap:wrap}.quick button{border:2px outset #e5e4dc;background:#aaa89c;color:#242420;font:700 10px ui-monospace,monospace;padding:6px 8px;cursor:pointer}.quick button:active{border-style:inset}.drive{display:flex;gap:6px;align-items:center;font:700 10px ui-monospace,monospace;color:#4b4943}.drive i{width:52px;height:7px;background:#222;border:2px inset #777}.manual{margin-top:18px;border:1px solid #403a4b;background:#100e16;padding:18px;color:#b9afc2}.manual h1{margin:0 0 8px;color:#fff;font-size:20px}.manual p,.manual div{font-size:13px;line-height:1.6}.manual code{color:#7cff86;background:#050706;padding:2px 4px}.winView,.desktop{height:100%}.desktop{position:relative;background:var(--teal);overflow:hidden;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;color:#000}.winTopbar{height:24px;display:flex;align-items:center;gap:8px;background:#c0c0c0;border-bottom:2px solid #fff;padding:2px 4px;font-size:12px}.winTopbar button{font:11px Arial;border:2px outset #fff;background:#c0c0c0}.winTopbar span{flex:1;text-align:center;font-weight:700}.winTopbar time{font-size:11px}.window{position:absolute;background:var(--win);border:2px outset #fff;box-shadow:2px 2px 0 #111;min-width:220px;min-height:100px}.titlebar{height:24px;background:#7f7f7f;color:#dcdcdc;display:flex;align-items:center;gap:5px;padding:2px}.activeWin>.titlebar{background:var(--dark);color:#fff}.titlebar b{flex:1;font-size:12px;text-align:center}.titlebar button{width:20px;height:18px;padding:0;border:2px outset #fff;background:#c0c0c0;color:#000;font-size:10px}.menu{height:22px;padding:4px 7px;font-size:11px;border-bottom:1px solid #888}.groupTitle{margin:8px;border:2px inset #fff;padding:4px;background:#fff;font-size:11px}.icons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px}.icons button{border:0;background:transparent;font:11px Arial;min-height:70px;cursor:pointer;color:#000}.icons span{display:block;font-size:27px;margin-bottom:4px;filter:saturate(.7)}.icons button:focus{outline:1px dotted #000}.appBody{padding:10px;font-size:12px;overflow:auto;max-height:410px;background:#fff;border:2px inset #fff}.notepad{width:460px;max-width:78%;height:330px}.notepad textarea{width:100%;height:250px;resize:none;border:2px inset #fff;font:13px "Courier New",monospace;padding:6px}.fileman{width:520px;max-width:82%}.fileLayout{display:grid;grid-template-columns:130px 1fr;min-height:280px}.treePane{border-right:2px inset #fff;background:#fff;padding:7px;font:11px "Courier New",monospace;white-space:pre}.filePane{background:#fff;padding:7px;font:11px "Courier New",monospace}.fileRow{display:grid;grid-template-columns:1fr 70px 80px;gap:6px;padding:3px}.fileRow:nth-child(odd){background:#eee}.control{width:390px;max-width:76%}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.swatches button{height:28px;border:2px outset #fff}.about{width:360px;max-width:78%}.about .appBody{text-align:center;line-height:1.5}.dosPromptWin{width:520px;max-width:82%;height:320px}.dosPromptWin .appBody{background:#000;color:#c0c0c0;font:12px/1.35 "Courier New",monospace;white-space:pre-wrap;height:270px}.mineWin{width:280px}.mineTop{display:flex;justify-content:space-between;align-items:center;border:2px inset #fff;background:#c0c0c0;padding:6px;font:700 18px "Courier New",monospace}.mineTop button{border:2px outset #fff;background:#c0c0c0;font-size:17px}.mineGrid{display:grid;grid-template-columns:repeat(8,28px);padding:8px;background:#c0c0c0}.mineCell{width:28px;height:28px;border:3px outset #fff;background:#c0c0c0;font:700 13px Arial;padding:0}.mineCell.open{border:1px solid #888;background:#d0d0d0}.mineCell.mine{color:#000}.c1{color:#0000ff}.c2{color:#008000}.c3{color:#ff0000}.c4{color:#000080}.dragging{user-select:none}.bootFlash{animation:boot .18s steps(2) 2}@keyframes boot{50%{filter:brightness(2)}}@media(max-width:720px){.page{width:calc(100% - 10px);padding-top:8px}.museumNav{font-size:9px}.screenFrame{margin:0 6px;border-width:7px}.bezelTop,.bezelBottom{padding:9px}.spec{display:none}.screen{height:680px;min-height:680px}.dosView{padding:10px;font-size:14px}.quick{gap:4px}.quick button{font-size:9px;padding:5px}.drive{display:none}.icons{grid-template-columns:repeat(2,1fr)}.programManager{width:86%!important;left:4%!important}.window{max-width:92%!important}.mineGrid{grid-template-columns:repeat(8,25px)}.mineCell{width:25px;height:25px}.mineWin{width:250px}}

.programManager{left:7%;top:9%;width:520px;max-width:86%}
/* --- deeper virtual computer controls + CyberSlope --- */
.machineButtons{display:flex;gap:7px;align-items:center}.machineButtons button{display:flex;align-items:center;gap:5px;border:2px outset #e5e4dc;background:#aaa89c;color:#292823;font:700 9px ui-monospace,monospace;padding:5px 7px;cursor:pointer}.machineButtons button:active{border-style:inset}.machineButtons i{width:7px;height:7px;border-radius:50%;background:#76ff6e;box-shadow:0 0 7px #3cff32}.machineButtons button[aria-pressed="false"] i{background:#6c6a64;box-shadow:none}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.featureGrid article{border:1px solid #403a4b;background:#09080d;padding:12px;min-height:105px}.featureGrid b{display:block;color:#67e8ff;font:800 11px ui-monospace,monospace;letter-spacing:.07em;margin-bottom:7px}.featureGrid span{display:block;color:#918699;font-size:11px;line-height:1.45}.skiWin{width:560px;max-width:88%;height:500px}.skiBody{background:#c0c0c0;padding:5px}.skiHud{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:5px;font:700 10px "Courier New",monospace}.skiHud span{border:2px inset #fff;background:#080808;color:#67ff78;padding:4px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skiStage{position:relative;border:2px inset #fff;background:#eaf8ff;overflow:hidden}.skiStage canvas{display:block;width:100%;height:auto;max-height:340px;background:#eefaff;image-rendering:pixelated}.skiOverlay{position:absolute;inset:0;display:grid;place-items:center;background:#0007;color:#fff;text-align:center;padding:24px;font:700 13px/1.5 Arial}.skiOverlay.hidden{display:none!important}.skiOverlay b{display:block;font-size:23px;color:#fff;margin-bottom:7px}.skiOverlay button{margin-top:12px;border:2px outset #fff;background:#c0c0c0;color:#000;font:700 12px Arial;padding:7px 14px}.skiControls{display:grid;grid-template-columns:1fr auto auto auto auto;gap:5px;align-items:center;margin-top:5px}.skiControls button{min-height:34px;border:2px outset #fff;background:#c0c0c0;color:#000;font:700 12px Arial;padding:5px 9px;cursor:pointer}.skiControls button:active{border-style:inset}.skiControls .skiHint{text-align:left;color:#494949;font:10px Arial;padding-left:3px}.skiFooter{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font:9px Arial;color:#5d5d5d}.turboTag{color:#000080;font-weight:700}.screen.turboOn{box-shadow:inset 0 0 75px #06240a66,0 0 9px #54ff6677}.diskPulse{animation:diskpulse .16s steps(2) 3}@keyframes diskpulse{50%{filter:brightness(1.8)}}
@media(max-width:860px){.featureGrid{grid-template-columns:repeat(2,1fr)}.skiWin{width:92%;max-width:92%;height:auto}.skiHud{grid-template-columns:1fr 1fr}.skiControls{grid-template-columns:1fr 1fr 1fr 1fr}.skiControls .skiHint{grid-column:1/-1;text-align:center}.machineButtons{margin-left:auto}.machineButtons button{font-size:8px;padding:4px 5px}}
@media(max-width:520px){.featureGrid{grid-template-columns:1fr}.skiStage canvas{height:290px}.skiControls button{min-height:42px}.machineButtons #resetBtn{display:none}}

/* --- DETPACK: INFERNAL MAINTENANCE --- */
.doomView{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;background:#090707;color:#e7ddd2;font-family:"Courier New",monospace}.doomTop{display:flex;align-items:center;gap:12px;padding:7px 9px;background:linear-gradient(#2b2420,#17110f);border-bottom:2px solid #5e251d;color:#ff684e;font-size:11px}.doomTop b{letter-spacing:.08em}.doomTop span{flex:1;color:#a68e82;font-size:9px}.doomTop button{border:2px outset #886b60;background:#56443d;color:#fff;font:700 10px Arial;padding:5px 8px}.doomStage{position:relative;min-height:0;background:#000;display:grid;place-items:center;overflow:hidden}.doomStage canvas{width:100%;height:100%;object-fit:contain;background:#000;image-rendering:pixelated}.doomOverlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#300b08dd,#050303f4 70%);padding:24px;color:#ddd;text-shadow:0 2px #000}.doomOverlay.hidden{display:none}.doomOverlay h2{margin:0 0 10px;color:#ff5f43;font:900 24px Arial;letter-spacing:.03em}.doomOverlay p{font:12px/1.5 "Courier New",monospace}.doomOverlay button{margin-top:8px;border:2px outset #d0b8a6;background:#6e271d;color:#fff;font:900 13px Arial;padding:9px 18px}.doomHud{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#1b1210;border-top:2px solid #3f211b;padding:4px}.doomHud span{background:#070504;border:1px solid #3d2a23;padding:5px 7px;color:#b9a89d;font:700 10px "Courier New",monospace;text-align:center}.doomHud b{color:#ffcc62}.doomControls{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;background:#241a17}.doomControls button{min-height:38px;border:2px outset #80665b;background:#4e403a;color:#eee;font:800 10px Arial;touch-action:none}.doomControls button:active{border-style:inset;background:#332925}.doomControls .fire{background:#77271c;color:#ffd8c9;border-color:#a45a4d}.doomDamage{animation:doomdamage .14s steps(2) 2}@keyframes doomdamage{50%{filter:sepia(1) saturate(5) hue-rotate(320deg) brightness(1.5)}}
@media(min-width:721px){.doomControls{display:none}.doomTop{padding:8px 12px}.doomHud span{font-size:11px}.doomStage{min-height:0}}
@media(max-width:720px){.doomView{grid-template-rows:auto minmax(0,1fr) auto auto}.doomTop span{display:none}.doomStage canvas{object-fit:fill}.doomOverlay h2{font-size:19px}.doomControls button{min-height:45px}.doomHud{grid-template-columns:1fr 1fr}.doomHud span{font-size:9px}}
