:root{--bg-desktop: #008080;--win-bg: #c0c0c0;--win-border-light: #ffffff;--win-border-dark: #808080;--win-border-black: #000000;--win-title-bg: #000080;--win-title-text: #ffffff;--font-main: "Courier New", monospace;--color-danger: #ff0000;--color-success: #008000}body,html{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-main);background-color:#000;overflow:hidden;-webkit-user-select:none;user-select:none}#game-root{width:100%;height:100%;position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column}.screen.active{display:flex}#screen-menu{background:linear-gradient(135deg,#1a1a2e,#16213e);align-items:center;justify-content:center;color:#fff;text-align:center}.menu-logo{width:80px;height:80px;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}h1{font-size:3rem;text-transform:uppercase;margin-bottom:2rem;text-shadow:4px 4px 0 #ff0055}.subtitle{font-size:1.5rem;color:#00d4ff;text-shadow:none}.intro{margin-bottom:3rem;font-size:1.2rem}.difficulty-select{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.diff-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);padding:1.5rem;width:200px;cursor:pointer;transition:all .2s;color:#fff;display:flex;flex-direction:column;gap:.5rem}.diff-btn:hover{background:#fff3;transform:translateY(-5px);border-color:#00d4ff}.diff-btn.danger:hover{border-color:#f05;background:#f053}.role{font-size:1.5rem;font-weight:700}.speed{font-size:.8rem;opacity:.7}#screen-desktop{background-color:var(--bg-desktop)}.desktop-bar{height:40px;background:var(--win-bg);border-bottom:2px solid var(--win-border-dark);display:flex;align-items:center;padding:0 5px;box-shadow:inset 0 1px var(--win-border-light);z-index:100}.start-menu-btn{padding:4px 12px;border:2px outset var(--win-border-light);background:var(--win-bg);font-weight:700;margin-right:10px;box-shadow:1px 1px #000}.window-tabs{flex:1;display:flex;gap:5px}.tab{padding:4px 12px;background:var(--win-bg);border:2px inset var(--win-border-light);opacity:.7}.tab.active{background:#ddd;border:2px outset var(--win-border-light);opacity:1;font-weight:700}.system-tray{background:inset var(--win-border-dark);border:2px inset var(--win-border-light);padding:4px 10px;background:#ddd;font-weight:700}.desktop-area{flex:1;position:relative;overflow:hidden}.window-frame{position:absolute;width:400px;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-black) var(--win-border-black) var(--win-border-light);box-shadow:4px 4px #0003;display:flex;flex-direction:column}.win-header{height:24px;background:var(--win-title-bg);color:var(--win-title-text);display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-weight:700;font-size:.9rem}.win-controls{display:flex;gap:2px}.win-controls span{width:16px;height:16px;background:var(--win-bg);color:#000;border:1px outset var(--win-border-light);display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;font-size:.8rem}.win-content{padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.clock-display{background:#000;color:#0f0;font-family:Courier New,monospace;font-size:3rem;padding:.5rem 1rem;border:4px inset #666;text-shadow:0 0 5px lime;margin:1rem 0}.punch-button{width:150px;height:150px;border-radius:50%;border:none;background:#a00;box-shadow:0 5px #500,0 10px 10px #00000080;cursor:pointer;position:relative;transition:transform .1s}.punch-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #500}.punch-button:disabled{background:#555;box-shadow:none;cursor:not-allowed;filter:grayscale(1)}.btn-inner{font-size:1.5rem;color:#fff;font-weight:700}.punch-button.active{animation:pulse-red .5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 20px #f000}to{box-shadow:0 0 #f000}}.info-panel{width:100%;border:1px inset #fff;background:#eee;padding:5px;font-size:.9rem}.punch-log{width:100%;height:80px;background:#fff;border:2px inset #fff;overflow-y:auto;font-size:.8rem;text-align:left;padding:5px}.log-entry{margin-bottom:2px;border-bottom:1px dashed #ccc}.log-entry.success{color:green}.log-entry.fail{color:red}.hud-sanity{position:absolute;bottom:20px;left:20px;width:200px;background:#000000b3;padding:10px;color:#fff;border:2px solid white}.sanity-bar-bg{width:100%;height:20px;background:#333;margin-top:5px;border:1px solid #fff}.sanity-bar-fill{background:linear-gradient(90deg,#0f0,#ff0,red);height:100%;width:100%;transition:width .2s}#screen-gameover{background:#000000e6;align-items:center;justify-content:center;color:red;z-index:2000}#end-title{font-size:5rem;margin:0;border:10px solid red;padding:20px;transform:rotate(-10deg)}#end-reason{color:#fff;font-size:1.5rem;margin-top:2rem}#btn-restart{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;cursor:pointer}.popup-window{position:absolute;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-black) var(--win-border-black) var(--win-border-light);box-shadow:10px 10px 20px #00000080;display:flex;flex-direction:column;min-width:200px;max-width:300px;z-index:500;animation:pop-in .1s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.popup-header{height:20px;background:navy;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:.8rem;font-weight:700}.popup-header.error{background:maroon}.popup-header.warning{background:olive}.popup-close{width:14px;height:14px;background:silver;color:#000;border:1px outset #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.popup-content{padding:1rem;display:flex;align-items:center;gap:10px;font-size:.9rem}.popup-icon{font-size:2rem}.popup-msg{flex:1}.popup-btn-row{display:flex;justify-content:center;padding-bottom:.5rem}.popup-btn{padding:4px 12px;border:2px outset #fff;background:silver;cursor:pointer}.popup-btn:active{border-style:inset}.popup-timer-bar{height:4px;background:red;width:100%;transition:width linear}.fullscreen-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00a;color:#fff;z-index:9999;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.bsod-title{background:#fff;color:#00a;font-weight:700;padding:.5rem;margin-bottom:2rem}.bsod-btn{margin-top:2rem;background:#fff;color:#00a;border:none;padding:1rem 2rem;font-weight:700;cursor:pointer;font-size:1.2rem}.bsod-btn:hover{background:#ddd}.popup-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000080f2;color:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,monospace;text-align:center;padding:2rem}.popup-fullscreen h1{font-size:4rem;margin-bottom:2rem;text-shadow:none;background:none;-webkit-text-fill-color:white}.popup-fullscreen p{font-size:1.5rem;margin-bottom:3rem}.fullscreen-btn{background:#fff;color:#00f;padding:1rem 3rem;font-size:1.5rem;font-weight:700;border:4px double blue;cursor:pointer}.fullscreen-btn:hover{background:#ccc}