.screen-base{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;font-family:'Courier New',monospace;background:center/cover #0c0e09;overflow:hidden}.screen-vignette{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(12,14,9,.8) 100%);pointer-events:none;z-index:2}.screen-title{position:absolute;top:clamp(20px,4vh,40px);left:50%;transform:translateX(-50%);font-size:clamp(1.2rem, 2.5vw, 2rem);font-weight:700;color:#7ab648;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 40px rgba(122,182,72,.3),0 0 80px rgba(0,0,0,.9),0 2px 10px #000;z-index:10;opacity:0;animation:2s forwards title-reveal}@keyframes title-reveal{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.splash-panel{position:absolute;top:50%;transform:translateY(-50%);width:300px;background:rgba(12,14,9,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(122,182,72,.15);border-radius:4px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:10;opacity:0;animation:.8s 1s forwards panel-reveal}.splash-panel--left{left:clamp(20px,5vw,80px)}.splash-panel--right{right:clamp(20px,5vw,80px);width:280px;animation-delay:1.2s}@keyframes panel-reveal{from{opacity:0;transform:translateY(-50%) translateY(20px)}to{opacity:1;transform:translateY(-50%) translateY(0)}}.splash-input{background:rgba(26,30,15,.8);border:1px solid #2a3018;color:#dde8cc;font-family:'Courier New',monospace;font-size:14px;padding:12px 16px;width:100%;box-sizing:border-box;border-radius:3px;transition:border-color .15s;margin-bottom:10px}.splash-input:focus{border-color:#7ab648;outline:0;box-shadow:0 0 8px rgba(122,182,72,.2)}.splash-input::placeholder{color:#5a6640}.splash-label{display:block;font-size:10px;color:#5a6640;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.splash-btn{display:block;width:100%;padding:12px 16px;border:1px solid rgba(122,182,72,.3);border-radius:4px;font-family:'Courier New',monospace;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;text-align:center;transition:.15s;margin-bottom:8px}.splash-btn--primary{background:#7ab648;color:#0c0e09;border-color:#7ab648}.splash-btn--primary:hover{box-shadow:0 0 16px rgba(122,182,72,.4);transform:scale(1.02)}.splash-btn--primary:active{transform:scale(.97)}.splash-btn--secondary{background:rgba(26,30,15,.6);color:#dde8cc}.splash-btn--secondary:hover{background:rgba(42,48,24,.6);border-color:#5a6640}.splash-error{font-size:11px;color:#c03018;text-align:center;margin-top:6px;min-height:14px}.splash-switch{font-size:11px;color:#5a6640;text-align:center;margin-top:8px}.splash-switch__link{color:#7ab648;cursor:pointer;text-decoration:underline}.splash-welcome{color:#dde8cc;font-size:15px;margin-bottom:12px}.splash-welcome__user{color:#7ab648;font-weight:700}.act-card{padding:1rem;margin-bottom:.75rem;border:1px solid transparent;border-radius:4px;transition:.15s}.act-card--available:hover{border-color:#7ab648;background:rgba(122,182,72,.05);cursor:pointer}.act-card--locked{opacity:.4;cursor:not-allowed}.act-card__title{color:#dde8cc;font-weight:700;font-size:16px}.act-card__sub{color:#5a6640;font-size:12px;margin-top:4px}.screen-bottom{position:absolute;bottom:16px;left:0;right:0;z-index:10;pointer-events:none}.screen-disclaimer{font-size:10px;color:#3a4a2a;text-align:center;width:100%;pointer-events:auto}.screen-btns{position:absolute;right:20px;bottom:0;display:flex;gap:6px;align-items:center;pointer-events:auto}.screen-btn{width:36px;height:36px;background:rgba(12,14,9,.7);border:1px solid rgba(122,182,72,.15);border-radius:3px;display:flex;align-items:center;justify-content:center;color:#5a6640;font-size:16px;font-family:'Courier New',monospace;font-weight:700;cursor:pointer;text-decoration:none;transition:color .2s,border-color .2s}.screen-btn:hover{color:#7ab648;border-color:#7ab648}.menu-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:16px;z-index:10}.menu-btn{display:block;width:280px;padding:16px 32px;background:rgba(12,14,9,.6);backdrop-filter:blur(8px);border:1px solid rgba(122,182,72,.2);border-radius:4px;color:#dde8cc;font-family:'Courier New',monospace;font-size:18px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:center;cursor:pointer;transition:.15s;opacity:0;animation:.3s forwards btn-stagger}.menu-btn:first-child{animation-delay:.5s}.menu-btn:nth-child(2){animation-delay:.6s}.menu-btn:nth-child(3){animation-delay:.7s}.menu-btn:nth-child(4){animation-delay:.8s}@keyframes btn-stagger{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-btn:hover{border-color:#7ab648;background:rgba(122,182,72,.08);box-shadow:0 0 20px rgba(122,182,72,.15);transform:scale(1.02)}.menu-btn:active{transform:scale(.97)}.menu-btn--disabled{opacity:.35!important;cursor:not-allowed}.menu-btn--disabled:hover{border-color:rgba(122,182,72,.2);background:rgba(12,14,9,.6);box-shadow:none;transform:none}.menu-version{position:absolute;bottom:16px;right:70px;font-size:10px;color:#2a3018;letter-spacing:1px;z-index:10}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,6,4,.92);z-index:210;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace}.menu-overlay__card{background:rgba(12,14,9,.95);border:1px solid rgba(122,182,72,.15);border-radius:4px;padding:28px 32px;max-width:480px;width:100%;backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,.5)}.menu-overlay__title{font-size:16px;font-weight:700;color:#dde8cc;text-transform:uppercase;letter-spacing:.15em;margin-bottom:18px}.menu-overlay__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.menu-overlay__label{font-size:13px;color:#8a9a6a}.menu-overlay__slider{-webkit-appearance:none;appearance:none;width:140px;height:5px;background:rgba(26,30,15,.8);border:1px solid #2a3018;border-radius:2px;outline:0;cursor:pointer}.menu-overlay__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:3px;background:#7ab648;cursor:pointer}.menu-overlay__toggle{width:40px;height:22px;border-radius:11px;background:rgba(26,30,15,.8);border:1px solid #2a3018;cursor:pointer;position:relative;transition:background .2s}.menu-overlay__toggle--on{background:#7ab648}.menu-overlay__toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#dde8cc;transition:left .2s}.menu-overlay__toggle--on::after{left:20px}.menu-overlay__close{width:100%;padding:10px;margin-top:14px;background:rgba(26,30,15,.6);border:1px solid #2a3018;border-radius:3px;color:#8a9a6a;font-family:'Courier New',monospace;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.menu-overlay__close:hover{border-color:#5a6640;color:#dde8cc}.save-item{padding:10px 12px;margin-bottom:6px;border:1px solid #2a3018;border-radius:3px;background:rgba(26,30,15,.5);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .15s}.save-item:hover{border-color:#7ab648}.save-item__info{font-size:13px;color:#dde8cc}.save-item__date{font-size:10px;color:#5a6640}.save-item__dl{font-size:10px;color:#d4a017;cursor:pointer;text-decoration:underline}.game-bottom-btns{position:fixed;bottom:50px;left:16px;display:flex;gap:6px;z-index:51}.game-bottom-btn{width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--text-border);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;font-family:'Courier New',monospace;font-weight:700;cursor:pointer;text-decoration:none;transition:color .2s,border-color .2s}.game-bottom-btn:hover{color:var(--accent-main);border-color:var(--accent-main)}.volume-controls{position:fixed;bottom:92px;left:16px;z-index:52;display:none;flex-direction:column;gap:6px;background:var(--bg-secondary);border:1px solid var(--text-border);border-radius:3px;padding:10px 12px;font-family:'Courier New',monospace}.volume-controls--open{display:flex}.volume-controls__row{display:flex;align-items:center;gap:8px}.volume-controls__label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;min-width:40px}.volume-controls__slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:var(--bg-primary);border:1px solid var(--text-border);border-radius:2px;outline:0;cursor:pointer}.volume-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:2px;background:var(--accent-main);cursor:pointer}.logout-btn{background:0 0;border:1px solid var(--text-border);color:var(--text-muted);font-family:'Courier New',monospace;font-size:11px;padding:3px 10px;cursor:pointer;border-radius:2px}.logout-btn:hover{color:var(--accent-danger);border-color:var(--accent-danger)}.splash-code-expander{margin-top:18px;padding-top:14px;border-top:1px solid rgba(122,182,72,.15)}.splash-code-expander__toggle{font-size:11px;color:#8a9a6a;cursor:pointer;letter-spacing:.05em;text-align:center;padding:4px;transition:color .15s;user-select:none}.splash-code-expander__toggle:hover{color:#7ab648}.splash-code-expander__body{margin-top:8px;display:flex;flex-direction:column;gap:6px}.splash-code-msg{font-size:11px;min-height:16px;text-align:center}.splash-patron-badge{display:block;width:100%;box-sizing:border-box;padding:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:#d4a017;border:1px solid #d4a017;border-radius:3px}.patron-cta-btn{background:0 0;border:1px solid #d4a017;color:#d4a017;font-family:'Courier New',monospace;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;height:36px;box-sizing:border-box;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;border-radius:3px;white-space:nowrap;display:flex;align-items:center}.patron-cta-btn:hover{background:#d4a017;color:#0c0e09;box-shadow:0 0 12px rgba(212,160,23,.35)}