*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background-color:#0a0a1a;color:#eee;min-height:100vh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:960px;height:700px;display:flex;flex-direction:column;border:2px solid #0f3460;border-radius:8px;overflow:hidden;box-shadow:0 0 40px #0f346066}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px;background-color:#16213e;border-bottom:2px solid #0f3460}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.stat-bar-bg{height:26px;background-color:#1a1a2e;border-radius:3px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.stat-sanity .stat-bar-fill{background:linear-gradient(90deg,#e94560,#ff6b9d)}.stat-morale .stat-bar-fill{background:linear-gradient(90deg,#f5a623,#f7d94c)}.stat-code .stat-bar-fill{background:linear-gradient(90deg,#00adb5,#45e0e8)}.stat-progress .stat-bar-fill{background:linear-gradient(90deg,#2ecc71,#48c774)}.stat-low .stat-bar-fill{animation:pulse-low 1s ease-in-out infinite}@keyframes pulse-low{0%,to{opacity:1}50%{opacity:.5}}.mystery-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#00adb5;font-size:13px;font-family:Courier New,monospace;opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-progress:hover .mystery-hint{opacity:1}.mystery-active .stat-bar-bg{box-shadow:0 0 10px #00adb580;animation:mystery-pulse 2s ease-in-out infinite}.mystery-active .mystery-hint{opacity:1;animation:mystery-hint-pulse 1s ease-in-out infinite}@keyframes mystery-pulse{0%,to{box-shadow:0 0 5px #00adb54d}50%{box-shadow:0 0 15px #00adb599}}@keyframes mystery-hint-pulse{0%,to{opacity:.7}50%{opacity:1}}.game-scene{flex:1;display:flex;flex-direction:column}.scene-background{flex:1;background:url(/assets/images/backgrounds/office-background.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.scene-background:before{content:"";position:absolute;inset:0;background:#0a0a1a33;pointer-events:none}.dialog-box{z-index:1;position:absolute;left:46%;bottom:55%;width:40%;max-width:380px;background-color:#1e1914d9;border:2px solid rgba(80,60,40,.6);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px 20px;display:flex;flex-direction:column;gap:10px}.dialog-box:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid rgba(80,60,40,.6)}.dialog-box:after{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(30,25,20,.85)}.dialog-box.thought-bubble{inset:auto 8% 30% auto;transform:none;border:none;background-color:#285078d9;border-radius:4px;width:auto;max-width:210px;padding:18px 16px;box-shadow:0 0 10px #328cc84d}.dialog-box.thought-bubble:before{display:none}.dialog-box.thought-bubble:after{display:none}.dialog-box.random-event{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);width:50%;max-width:480px;border-width:3px;padding:24px 28px;text-align:center}.dialog-box.random-event:before,.dialog-box.random-event:after{display:none}.random-event-chaos{border-color:#00adb5;background-color:#00adb533;box-shadow:0 0 20px #00adb566}.random-event-oncall{border-color:#e74c3c;background-color:#e74c3c26;box-shadow:0 0 20px #e74c3c4d;animation:pulse-alert 1s ease-in-out infinite}.random-event-absurd{border-color:#9b59b6;background-color:#9b59b626;box-shadow:0 0 20px #9b59b64d}@keyframes pulse-alert{0%,to{box-shadow:0 0 20px #e74c3c4d}50%{box-shadow:0 0 30px #e74c3c99}}.event-title{font-weight:900;font-size:18px;display:block;margin-bottom:12px;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.random-event-chaos .event-title{color:#45e0e8}.random-event-oncall .event-title{color:#e74c3c}.random-event-absurd .event-title{color:#d4a5e8}.character{z-index:1;width:310px;position:absolute;bottom:25%;left:34%;transform:translate(-50%)}.character-img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block;image-rendering:pixelated}.character-enter-left{transform:translate(-50%);animation:slide-in-left .5s ease-out forwards}.character-enter-right{transform:translate(-50%);animation:slide-in-right .5s ease-out forwards}.character-exit{transform:translate(-50%);animation:slide-out-left .5s ease-in forwards}.character-idle{transform:translate(-50%)}@keyframes slide-in-left{0%{left:-10%;opacity:0}to{left:34%;opacity:1}}@keyframes slide-in-right{0%{left:110%;opacity:0}to{left:34%;opacity:1}}@keyframes slide-out-left{0%{left:34%;opacity:1}to{left:-10%;opacity:0}}.dialog-text{font-size:13px;line-height:1.5}.internal-thought{font-style:italic;color:#c0e0ff;text-align:center;font-size:15px;line-height:1.6}.character-name{font-weight:700;display:block;margin-bottom:4px}.dialog-options{display:flex;flex-direction:column;gap:6px;margin-top:6px}.option-btn{background-color:#3c2d1eb3;border:1px solid rgba(100,75,50,.5);color:#eee;padding:8px 14px;font-family:Courier New,monospace;font-size:12px;text-align:left;cursor:pointer;border-radius:4px;transition:transform .15s ease,background-color .15s ease}.option-btn:hover{background-color:#503c28cc;transform:translate(4px)}.option-btn:active{background-color:#644b32e6}.release-notification{background-color:#141e32f2;border:2px solid #f5a623;border-radius:12px;padding:30px 50px;text-align:center;animation:pop-in .3s ease-out;width:380px}.release-notification.deploy-success{border-color:#48c774}.release-rocket{font-size:48px;margin-bottom:12px;animation:rocket-pulse 1s ease-in-out infinite}.deploy-success .release-rocket{animation:none}@keyframes rocket-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.release-notification h2{color:#f5a623;font-size:22px;margin-bottom:14px}.deploy-success h2{color:#48c774}.deploy-progress-bg{height:14px;background-color:#1a1a2e;border-radius:3px;overflow:hidden;margin:12px 0}.deploy-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#f5a623,#48c774);border-radius:3px;animation:deploy-fill 3s ease-in-out forwards}@keyframes deploy-fill{0%{width:0%}20%{width:15%}40%{width:35%}60%{width:55%}80%{width:78%}95%{width:92%}to{width:100%}}.deploy-status{color:#aaa;font-size:13px;margin-top:8px}.deploy-success .deploy-status{color:#48c774;font-weight:700}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:30px}.game-over-title{font-size:36px;color:#e94560}.victory-title{font-size:36px;color:#48c774}.game-over-reason,.victory-message{font-size:18px;color:#ccc;text-align:center}.end-stats{display:flex;flex-direction:column;gap:8px;color:#aaa;font-size:14px;margin-top:10px}.restart-btn{margin-top:20px;padding:14px 40px;font-size:16px;font-family:Courier New,monospace;background-color:#0f3460;color:#eee;border:2px solid #1a4a7a;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.restart-btn:hover{background-color:#1a4a7a}.title-screen{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.title-background{position:absolute;inset:0;background:url(/assets/images/backgrounds/title-bg.png) center center / cover no-repeat;filter:brightness(.4)}.title-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.game-title{font-size:42px;color:#fff;text-shadow:0 0 20px rgba(0,173,181,.6),0 4px 8px rgba(0,0,0,.8);letter-spacing:2px}.game-subtitle{font-size:16px;color:#aaa;font-style:italic}.start-btn{margin-top:30px;padding:16px 60px;font-size:20px;font-family:Courier New,monospace;background-color:#00adb5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-transform:uppercase;letter-spacing:2px}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00adb580}.intro-screen{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px}.intro-content{max-width:600px;text-align:center}.intro-content h2{font-size:28px;color:#00adb5;margin-bottom:24px}.intro-content p{font-size:15px;color:#ccc;line-height:1.6;margin-bottom:16px}.intro-content ul{text-align:left;list-style:none;margin:20px 0;padding:0}.intro-content li{font-size:14px;color:#bbb;padding:8px 0 8px 20px;position:relative}.intro-content li:before{content:">";position:absolute;left:0;color:#00adb5}.intro-content strong{color:#fff}.victory-screen.glitching{animation:screen-glitch .6s steps(1) infinite,bg-glitch .8s steps(1) infinite;position:relative}.victory-screen.glitching:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,255,.03) 0px,rgba(0,255,255,.03) 1px,transparent 1px,transparent 3px);pointer-events:none;animation:scanlines .5s steps(1) infinite;z-index:10}.victory-screen.glitching:after{content:"⚠ REALITY_ERR_0x777: OBSERVER_DETECTED";position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:14px;color:#f33;font-family:Courier New,monospace;letter-spacing:1px;opacity:0;animation:error-flash 1.2s ease-in-out forwards;z-index:11;white-space:nowrap;background:#000000e6;border:2px solid #ff3333;padding:12px 24px;box-shadow:0 0 20px #ff323280,inset 0 0 10px #ff00001a}.victory-screen.glitching .victory-title,.victory-screen.glitching .victory-message{text-shadow:-8px 0 rgba(255,0,0,1),8px 0 rgba(0,255,255,1),0 0 15px rgba(255,255,255,.4);animation:text-glitch .5s steps(1) infinite}.victory-screen.glitching .victory-title{text-shadow:-15px 0 rgba(255,0,0,1),15px 0 rgba(0,255,255,1),-15px 3px rgba(255,0,255,.5),0 0 30px rgba(255,255,255,.6)}@keyframes screen-glitch{0%,30%{filter:none;transform:translate(0) skew(0) scale(1)}31%,to{filter:hue-rotate(150deg) saturate(5) brightness(1.5) contrast(1.4);transform:translate(-12px,8px) skew(-5deg) scale(1.02)}}@keyframes bg-glitch{0%,30%{background:linear-gradient(135deg,#1a1a2e,#16213e)}31%,to{background:#000}}@keyframes text-glitch{0%,30%{transform:translate(0) skew(0) scale(1);letter-spacing:normal}31%,to{transform:translate(-10px,5px) skew(-4deg) scale(1.05);letter-spacing:12px}}@keyframes scanlines{0%,30%{opacity:.1}31%,to{opacity:.8}}@keyframes error-flash{0%{opacity:0;transform:translate(-50%) scale(.9)}8%{opacity:1;transform:translate(-50%) scale(1)}42%{opacity:1;transform:translate(-50%) scale(1)}44%{opacity:0;transform:translate(-50%) scale(1)}46%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}88%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:0;transform:translate(-50%) scale(.9)}}.hidden-symbol{position:fixed;bottom:20px;right:20px;font-size:24px;color:#00adb5;opacity:0;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;text-shadow:0 0 10px rgba(0,173,181,.6);animation:symbol-fade-in .5s ease-out .3s forwards}.hidden-symbol:hover{opacity:.6!important;text-shadow:0 0 20px rgba(0,173,181,.8)}@keyframes symbol-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes symbol-pulse{0%,to{opacity:.3;text-shadow:0 0 10px rgba(0,173,181,.6)}50%{opacity:.5;text-shadow:0 0 20px rgba(0,173,181,.8)}}.hidden-symbol.pulsing{animation:symbol-fade-in .5s ease-out forwards,symbol-pulse 2s ease-in-out .5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}