:root{color-scheme:dark;--paper:#eee5cd;--dim:#bbb29f;--lamp:#eac47e;--night:#101b20;--screen-x:118px;--screen-y:28px;--screen-w:432px;--screen-h:324px;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--night);color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lamp);outline-offset:5px}[hidden]{display:none!important}
.masthead{position:fixed;z-index:3;left:42px;top:32px;pointer-events:none}.masthead h1{font:italic 44px/1 Georgia,serif;margin:0;letter-spacing:-2px;text-shadow:0 2px 15px #000}.masthead h1 span{display:block;font:14px/1.5 Arial,sans-serif;letter-spacing:0;margin-top:8px;color:var(--dim)}.masthead p{font:italic 16px Georgia,serif;margin-top:20px;color:#cec2aa}
#room{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 38% 50%,#665033 0%,#232b28 38%,#111a20 75%)}#scene{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0}.room-art{position:absolute;inset:0;background:linear-gradient(0deg,#211a15 0 19%,transparent 19%),repeating-linear-gradient(90deg,#142126 0 145px,#1b282b 147px 150px);box-shadow:inset 0 0 280px 100px #050c13}.room-art::before{content:"";position:absolute;top:295px;left:235px;width:140px;height:35px;border-radius:70% 70% 15% 15%;background:#c59956;box-shadow:0 15px 65px 40px #ad773240}.room-art::after{content:"";position:absolute;left:289px;top:330px;width:20px;height:450px;background:linear-gradient(90deg,#4c3e2a,#b0905d,#292820);box-shadow:0 5px 15px #000}
#monitor{position:absolute;left:430px;top:105px;width:660px;height:580px;border-radius:28px 28px 15px 15px;background:linear-gradient(135deg,#d4cbb4,#a49d89 55%,#726b5b);border:12px solid #aaa18b;box-shadow:inset 0 0 0 3px #e7dec9,inset 0 0 38px #776e58,12px 25px 35px #0008}#screen{position:absolute;left:58px;top:73px;width:512px;height:384px;overflow:hidden;border-radius:14px;background:#020806;box-shadow:0 0 0 17px #403d34,0 0 0 21px #938976,inset 0 0 35px #000}#game{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:fill;outline:none;touch-action:none;opacity:0}body[data-state="running"] #game,body[data-state="exited"] #game{opacity:1}.glass{pointer-events:none;position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(125deg,#d7fff906,transparent 45%),repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);box-shadow:inset 0 0 15px 5px #0006}.screen-panel{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;background:radial-gradient(ellipse at center,#172b22dd,#030c08ed);color:#d4dfc3}.screen-panel h2{font:italic 28px/1.2 Georgia,serif;margin:14px 0 8px}.screen-panel p{font-size:13px;line-height:1.5;max-width:340px;color:#a3b99b;margin:4px 0 19px}.screen-panel button{border:1px solid #a5bda5;background:#a9bd9b;color:#11261c;padding:12px 28px;border-radius:3px;font-size:15px;min-width:125px;box-shadow:0 0 20px #80b48012}.screen-panel button:hover{background:#d0dfbd}.screen-panel small{font-size:10px;color:#708b6f;margin-top:18px}.boot-mark{font-size:40px;color:#88b375;text-shadow:0 0 25px #67a364}.pause-mark{font:30px Georgia;color:#a8bc8e}.monitor-label{position:absolute;bottom:30px;left:38px;font:bold 13px Georgia,serif;color:#48483e;border-left:26px solid #3b4041;padding-left:10px}.monitor-label span{display:block;font:9px Arial;margin-top:3px;letter-spacing:1px}#physical-power{position:absolute;bottom:28px;right:34px;background:#343b32;color:#b8b7a0;border:3px solid #5b5c4b;border-radius:3px;width:62px;height:31px;font-size:18px;display:flex;align-items:center;justify-content:space-around}.power-led{height:6px;width:6px;border-radius:50%;background:#4d5032}body[data-state="running"] .power-led{background:#a4f179;box-shadow:0 0 7px #a4f179}.computer{position:absolute;left:415px;top:686px;width:690px;height:126px;background:linear-gradient(#aca591,#9c9583);border-radius:9px;border:4px solid #c0b8a2;box-shadow:inset 0 -15px #7c7667,15px 20px 30px #0006}.vents{position:absolute;left:45px;top:30px;width:290px;height:38px;background:repeating-linear-gradient(0deg,#3c3b32 0 3px,transparent 3px 7px)}.disk-drive{position:absolute;right:35px;top:25px;width:235px;height:43px;background:#2c2e28;border:6px solid #777160;box-shadow:0 16px #8b8473}.disk-drive:after{content:"";position:absolute;left:100px;top:4px;width:9px;height:24px;background:#a19a88}.computer-badge{position:absolute;bottom:20px;left:45px;font:bold 12px Arial;color:#35433f}.keyboard{position:absolute;left:421px;top:846px;width:689px;height:145px;border:12px solid #a9a28e;background:#b9b19c;transform:perspective(400px) rotateX(27deg);border-radius:12px;box-shadow:0 14px 0 #716b5e,10px 25px 35px #000a;padding:4px}.keyboard span{display:block;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 22px,#5b5647 23px 26px),repeating-linear-gradient(90deg,#b8b09b 0 29px,#6e6757 30px 34px);border:3px solid #746b5b}
body.has-room-art .room-art{background:url('assets/room.jpg') center/100% 100% no-repeat;box-shadow:none}body.has-room-art .room-art::before,body.has-room-art .room-art::after,body.has-room-art .computer,body.has-room-art .keyboard,body.has-room-art .monitor-label{display:none}body.has-room-art #monitor{background:none;border:0;box-shadow:none;border-radius:0}body.has-room-art #screen{left:var(--screen-x,70px);top:var(--screen-y,85px);width:var(--screen-w,512px);height:var(--screen-h,384px);box-shadow:none;border-radius:9px}body.has-room-art #physical-power{left:590px;top:256px;bottom:auto;right:auto;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:transparent;opacity:1}body.has-room-art #physical-power .power-led{display:none}body.has-room-art #physical-power:hover{box-shadow:0 0 0 2px #eac47e60}
#toolbar{position:fixed;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:21px 36px max(21px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#081016df 50%);gap:16px}#hint{font:italic 15px Georgia,serif;margin:0;color:#c2b8a4}nav{display:flex;gap:20px}nav button{background:none;color:#cfc7b6;border:0;padding:5px 0;font-size:13px}nav button:hover{color:#fff5d9}nav button[aria-pressed="true"]{color:var(--lamp)}
dialog{background:#e7dfcb;color:#29322d;border:0;border-radius:7px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#061016b8;backdrop-filter:blur(5px)}dialog h2{font:italic 30px Georgia;margin:0 0 14px;letter-spacing:-.6px}dialog p{font-size:14px;line-height:1.6}dialog .close{position:absolute;right:15px;top:9px;font-size:26px;border:0;background:none;color:#4b5349}dl{margin:25px 0}dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-bottom:13px;font-size:13px;line-height:1.5}dt{font-weight:bold}dd{margin:0}.help-note{color:#576050;font-size:12px}.credits{font-size:10px!important;border-top:1px solid #acb19d;padding-top:15px;color:#68705f}.credits a{color:#3a584a}noscript{position:fixed;z-index:10;top:30%;left:10%;padding:20px;background:#000}
#touch-controls{display:none}body[data-presentation="player"] .masthead,body[data-presentation="player"] #hint,body[data-presentation="player"] #closer{display:none}body[data-presentation="player"] #room{background:#070e12}body[data-presentation="player"] .room-art,body[data-presentation="player"] .computer,body[data-presentation="player"] .keyboard,body[data-presentation="player"] #physical-power,body[data-presentation="player"] .monitor-label{display:none}body[data-presentation="player"] #monitor{left:0;top:0;width:512px;height:384px;background:none;border:0;box-shadow:none}body[data-presentation="player"] #screen{left:0;top:0;width:512px;height:384px;border-radius:3px;box-shadow:none}body[data-presentation="player"] #toolbar{top:0;bottom:auto;justify-content:center;background:none;padding:12px}body[data-presentation="player"] #scene{width:512px;height:384px}
#typing label{font-size:13px;display:block;margin-top:24px}#initials-input{display:block;width:100%;font-size:24px;letter-spacing:5px;text-transform:uppercase;padding:12px;margin:8px 0 18px;background:#f8f4e8;color:#29322d;border:1px solid #999f8e;border-radius:3px}.initials-submit{padding:12px 20px;border:0;border-radius:3px;background:#304a3b;color:#eee5cd;font-size:14px}
@media (any-pointer:coarse),(max-width:700px){
 .masthead{top:max(18px,env(safe-area-inset-top));left:20px}.masthead h1{font-size:28px;letter-spacing:-1px}.masthead h1 span{display:inline;font-size:12px;margin-left:9px}.masthead p{display:none}
 #touch-controls{display:block;position:fixed;z-index:4;bottom:62px;left:0;right:0;height:216px;touch-action:none;user-select:none;-webkit-user-select:none}
 .direction-pad{position:absolute;width:156px;height:156px;left:24px;top:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);touch-action:none;background:#0d171bea;border-radius:50%;border:1px solid #897b572c;box-shadow:0 6px 20px #0005}
 .direction-pad button{border:0;color:#dfd5bf;background:#4d50459c;font-size:26px;touch-action:none;padding:0}.up{grid-column:2;grid-row:1;border-radius:12px 12px 0 0}.left{grid-column:1;grid-row:2;border-radius:12px 0 0 12px}.right{grid-column:3;grid-row:2;border-radius:0 12px 12px 0}.down{grid-column:2;grid-row:3;border-radius:0 0 12px 12px}.pad-center{grid-column:2;grid-row:2;background:#4d50459c}.fire{position:absolute;right:30px;top:20px;width:110px;height:110px;border-radius:50%;border:2px solid #b49555;background:#635332d9;color:#f1dfb6;font-size:21px;box-shadow:0 5px 0 #2b291e;touch-action:none}.fire span{display:block;font-size:10px;margin-top:4px;color:#cfba89}.held{background:#b39859!important;color:#101b20!important}.touch-utility{position:absolute;top:171px;left:20px;right:20px;display:flex;justify-content:center;gap:12px}.touch-utility button{background:#1b2629f2;border:1px solid #8d836340;color:#dbd2bf;border-radius:5px;padding:10px 13px;font-size:12px;min-height:38px;touch-action:none}
 #toolbar{padding:10px 16px max(15px,env(safe-area-inset-bottom));justify-content:center;background:#101b20d9;min-height:55px}#hint,#closer,#pause,#fullscreen{display:none}nav{gap:25px}nav button{font-size:12px;padding:6px}#monitor{box-shadow:none}.room-art{opacity:.45}
}
@media (any-pointer:coarse) and (orientation:landscape),(max-width:700px) and (orientation:landscape){.masthead{top:12px;left:15px}.masthead h1{font-size:23px}.masthead h1 span{display:none}#touch-controls{inset:40px 0 45px;height:auto}.direction-pad{width:126px;height:126px;left:12px;top:calc(50% - 75px)}.fire{right:15px;top:calc(50% - 65px);width:95px;height:95px}.touch-utility{left:0;right:0;top:auto;bottom:0;gap:9px}.touch-utility button{padding:7px 12px;min-height:30px}#toolbar{padding:7px;min-height:38px;bottom:0}nav{gap:20px}}
@media(prefers-reduced-motion:no-preference){nav button,.screen-panel button{transition:color .15s,background .15s}}
.player-link{display:none;color:#cfc7b6;font-size:13px;text-decoration:none;padding:5px 0}
body[data-presentation="player"] .player-link{display:inline-block}
body[data-presentation="player"] nav{flex-wrap:wrap;justify-content:center;gap:10px 18px}
@media(max-width:700px){.player-link{font-size:12px}}
@media (max-width:700px) and (orientation:portrait),(any-pointer:coarse) and (orientation:portrait){
 body[data-presentation="player"] #touch-controls{bottom:max(16px,env(safe-area-inset-bottom));height:170px}
 body[data-presentation="player"] .direction-pad{width:126px;height:126px}
 body[data-presentation="player"] .fire{width:95px;height:95px;top:12px}
 body[data-presentation="player"] .touch-utility{top:132px;gap:9px}
 body[data-presentation="player"] .touch-utility button{min-height:34px;padding:7px 10px}
}