html{background-color:#000}:root{font-family:system-ui,Segoe UI,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;background-color:#000;background-image:url(/cyber-background.png);background-size:cover;background-position:center;background-attachment:fixed}#root{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}button{border-radius:999px;border:1px solid #00ff88;padding:.75em 1.5em;font-size:1rem;font-weight:500;font-family:inherit;background-color:transparent;color:#0f8;cursor:pointer;transition:background-color .2s,color .2s;min-height:48px}button:hover:not(:disabled){background-color:#00ff8826;color:#0f8}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid #00ff88;outline-offset:2px}.app{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;max-width:400px}.desktop-gate{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;padding:2rem;background-color:#000;background-image:url(/cyber-background-desktop.png);background-size:cover;background-position:center;z-index:9999}.gate-message{font-size:1.25rem;font-weight:600;color:#0f8;text-align:center;margin:0;text-shadow:0 0 6px rgba(0,255,136,.5)}.gate-qr{width:200px;height:200px;border-radius:8px}.home-title{display:flex;flex-direction:column;align-items:center;gap:0;margin:12vh 0 1.5rem;font-weight:700;font-size:2.5rem;letter-spacing:.08em;line-height:1.1}.home-title-line{display:block}.home-title-haunt{color:#0f8;text-shadow:0 0 6px #00ff88,0 0 12px rgba(0,255,136,.7)}.home-title-line-word{color:#b84dff;text-shadow:0 0 6px #b84dff,0 0 12px rgba(184,77,255,.7)}.home .home-play-btn{width:100%;max-width:220px;min-height:56px;padding:.9em 2em;font-size:1.25rem;letter-spacing:.12em}.how-to-play{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.how-to-play p{margin:0;font-size:.85rem;font-weight:400;color:#96c}.screen-title{font-size:1.5rem;font-weight:700;letter-spacing:.06em;color:#e8e8e8;margin:0 0 .5rem;text-shadow:0 0 4px rgba(0,255,136,.3)}.mode-player-name{font-size:1.75rem;font-weight:700;letter-spacing:.12em;color:#0f8;margin:0 0 .5rem;text-shadow:0 0 8px #00ff88,0 0 16px rgba(0,255,136,.7),0 2px 4px rgba(184,77,255,.3)}.mode-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.mode-btn{width:100%;min-height:52px}.mode-select .btn-secondary{margin-top:auto;padding:.6em 1.4em;font-size:.95rem}.character-select{position:fixed;inset:0;max-width:none;padding:0;justify-content:flex-start;align-items:center;width:100%;height:100dvh;background-color:#0a0a0a}.character-select-loading{position:absolute;inset:0;z-index:5;background:#00000080}.character-select-loading-text{position:absolute;top:calc(50% + 8vh);left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:600;color:#0f8;letter-spacing:.1em;text-transform:uppercase;animation:character-loading-pulse 1.2s ease-in-out infinite}@keyframes character-loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.character-select-title{position:absolute;top:9rem;left:0;right:0;text-align:center;z-index:2;margin:0}.character-viewer-fullscreen{position:absolute;inset:0;width:100%;height:100%}.character-viewer-3d{position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation}.character-viewer-3d canvas{display:block}.character-arrow{position:absolute;top:calc(50% + 8vh);transform:translateY(-50%);width:56px;height:56px;padding:0;border:none;background:transparent;color:#fff;font-size:3rem;font-weight:200;opacity:.95;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .2s}.character-arrow:hover{opacity:1}.character-arrow:active{opacity:.7}.character-arrow-left{left:.75rem}.character-arrow-right{right:.75rem}.character-display-name-floating{position:absolute;bottom:22%;left:0;right:0;text-align:center;z-index:2}.character-select-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;z-index:2}.character-select-footer .screen-actions{justify-content:center}.character-display-name{font-size:1.1rem;color:#fffffff2;text-transform:capitalize;margin:0;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.room-code-input{text-align:center;font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase}.ar-how-to-play{justify-content:flex-start;overflow-y:auto;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.ar-how-to-play-instructions{font-size:1.05rem;color:#fff;margin:0;text-align:center;line-height:1.6;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:320px}.ar-marker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.ar-marker-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#0006;border-radius:12px;border:1px solid #333;text-decoration:none;color:#e0e0e0;transition:border-color .2s,box-shadow .2s}.ar-marker-card:hover{border-color:#0f8;box-shadow:0 0 12px #00ff884d}.ar-marker-image{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain}.ar-marker-label{font-size:.85rem;font-weight:600;color:#0f8}.ar-camera-btn{width:100%;margin-top:.5rem}.ar-how-to-play-actions{width:100%;justify-content:center;margin-top:auto;padding-top:1rem}.name-input{padding:.75rem 1rem;font-size:1rem;border:2px solid #333;border-radius:12px;background:#111;color:#e0e0e0;font-family:inherit;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:#666}.name-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 8px #0f86}.name-input-error{color:#f66;font-size:.875rem;margin:-.5rem 0 0;text-align:center}.screen-actions{display:flex;gap:1rem;margin-top:.5rem}.btn-primary{border-radius:999px;border:3px solid #00ff88;background:linear-gradient(180deg,#ffffff1f,#00ff8826,#00ff880f 50%,#000f0af2);color:#fff;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 16px #00ff8880,0 0 32px #00ff8840,inset 0 2px #fff3;transition:box-shadow .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffffff2e,#0f83,#00ff8814 50%,#001911f2);color:#fff;border-color:#0f8;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d,inset 0 2px #ffffff40}.btn-secondary{border-radius:999px;border:2px solid #b84dff;background:linear-gradient(180deg,#ffffff0f,#b84dff14 25%,#641e960a);color:#fff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 12px #b84dff4d,inset 0 1px #ffffff1a}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#ffffff1a,#b84dff1f 25%,#641e960f);color:#fff;border-color:#c266ff;box-shadow:0 0 16px #b84dff80,inset 0 1px #ffffff26}.turn-intro .turn-name{font-size:1.25rem;color:#0f8;margin:0;text-align:center}.turn-intro .turn-hint{font-size:.95rem;color:#96c;margin:0}body:has(.game-run){background-image:none;background-color:#000}.app:has(.game-run){padding:0}.game-run{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;padding:0;background:#0a0a0a}.game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-hud-row{position:absolute;top:1rem;left:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:space-between;pointer-events:none;height:1.5rem}.game-hud-row>*{pointer-events:auto}.game-hud-spacer{width:44px;flex-shrink:0;visibility:hidden}.game-hud{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;pointer-events:none}.game-hud .game-hud-score,.game-hud .hud-score{pointer-events:none}.game-hud-score{font-size:1.5rem;font-weight:600;color:var(--game-accent, #00ff88);text-shadow:0 0 8px color-mix(in srgb,var(--game-accent, #00ff88) 50%,transparent);line-height:1}.hud-score{font-size:1.5rem;font-weight:600;color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.5);line-height:1}.game-pause-btn{flex-shrink:0;width:44px;height:1.5rem;padding:0;border:none;border-radius:6px;background:#00000080;color:var(--game-accent, #00ff88);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.game-pause-icon{width:1rem;height:1rem}.game-pause-btn:hover{background:#000000b3}.game-pause-btn:active{background:#000c}.game-paused-overlay{justify-content:center;background:#00000080}.game-paused-text{font-size:2rem;font-weight:600;color:var(--game-accent, #00ff88);text-shadow:0 0 12px color-mix(in srgb,var(--game-accent, #00ff88) 60%,transparent);margin:0;text-transform:lowercase}.death-message{font-size:1.5rem;font-weight:700;color:#f44;margin:0;text-shadow:0 0 6px rgba(255,68,68,.4)}.death-player{font-size:1.1rem;color:#e0e0e0;margin:0}.death-score{font-size:1.25rem;color:#0f8;font-weight:600;margin:0;text-shadow:0 0 6px rgba(0,255,136,.5)}.death-handoff{font-size:1rem;color:#0f8;margin:0;font-style:italic}.leaderboard{list-style:none;padding:0;margin:0;width:100%}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #222}.leaderboard-row .rank{font-weight:600;color:#0f8;min-width:1.5rem}.leaderboard-row .name{flex:1;color:#e0e0e0}.leaderboard-row .score{color:#0f8;font-weight:500}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{color:#888;font-size:1rem;margin:0}.leaderboard-error{color:#f66}.ar-screen{display:block;position:fixed;inset:0;width:100vw;height:100vh;max-width:none;padding:0;gap:0}.ar-viewer{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.ar-viewer-touch-target{z-index:1;touch-action:manipulation}.ar-viewer>video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important}.ar-viewer>canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important}.ar-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;background:#000000b3}.ar-loading-overlay p{font-size:1rem;color:#0f8;background:#0009;padding:.5rem 1rem;border-radius:8px}.ar-scanning-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.ar-scanning-overlay p{font-size:1rem;color:#0f8;background:#0009;padding:.5rem 1rem;border-radius:8px}.global-mute-btn{position:fixed;top:1rem;left:1rem;z-index:25;width:40px;height:40px;padding:0;border:none;background:none;box-shadow:none;text-shadow:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.has-top-back .global-mute-btn{left:auto;right:1rem}.global-mute-btn:hover{color:#e0e0e0}.global-mute-btn .mute-icon{width:1.2rem;height:1.2rem}.ar-back-btn{position:fixed;top:1rem;left:1rem;z-index:20}.ar-marker-hud{position:fixed;top:1rem;right:1rem;z-index:15;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.marker-slot{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;border:2px solid;background:#00000080;opacity:.5;transition:opacity .3s}.marker-slot.detected,.marker-slot.joined{opacity:1}.marker-slot.joined .marker-status{color:#fff}.marker-label{font-size:.85rem;font-weight:600;color:#fff}.marker-status{font-size:.75rem;color:#aaa}.marker-slot.detected .marker-status{color:#0f8}.ar-ready-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:15;text-align:center}.ar-ready-text{font-size:1rem;color:#0f8;background:#0009;padding:.5rem 1.5rem;border-radius:8px;margin:0}.ar-player-label{font-size:.85rem;color:#aaa;margin:.25rem 0 0}.ar-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:12;pointer-events:none}.ar-overlay>*{pointer-events:auto}.ar-overlay.ar-lobby{justify-content:flex-end;padding-bottom:2rem}.ar-lobby-rules{position:absolute;top:1rem;left:1rem;right:1rem;margin:0;font-size:.75rem;color:#888;text-align:center}.ar-lobby-ready-count{margin:.5rem 0 0;font-size:.7rem;color:#666;text-align:center}.ar-countdown{background:#0009}.countdown-number{font-size:6rem;font-weight:700;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6)}.game-countdown-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#00000080;pointer-events:none}.game-countdown-number{font-size:4rem;font-weight:700;color:var(--game-accent, #00ff88);text-shadow:0 0 12px color-mix(in srgb,var(--game-accent, #00ff88) 60%,transparent)}.ar-countdown-solo{background:transparent;justify-content:flex-end;align-items:center;padding-bottom:4rem}.ar-countdown-solo,.ar-countdown-solo *{pointer-events:none}.ar-countdown-solo .countdown-number{font-size:3rem;text-shadow:0 0 12px rgba(0,255,136,.8)}.ar-player-cards{display:flex;flex-direction:column;gap:.5rem;width:80%;max-width:300px}.ar-player-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:2px solid;background:#0009;opacity:.7;transition:opacity .3s}.ar-player-card.ready{opacity:1}.card-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.card-label{font-size:.85rem;font-weight:600;color:#fff;min-width:2rem}.card-name{flex:1;font-size:.85rem;color:#e0e0e0}.card-status{font-size:.75rem;color:#aaa}.ar-player-card.ready .card-status{color:#0f8}.ar-lobby-btn{margin-top:.5rem;min-width:200px;width:100%}.ar-lobby-btn:first-child{margin-top:1rem}.ar-waiting-text{margin-top:1rem;font-size:.9rem;color:#aaa;font-style:italic}.ar-playing-score{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.25rem}.ar-playing-score .hud-score.dead{color:#f66;text-shadow:0 0 8px rgba(255,102,102,.5)}.ar-spectate-label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.1em}.ar-spectate-overlay{position:fixed;top:0;left:0;right:0;z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%)}.ar-spectate-overlay p{margin:0;font-size:1.25rem;font-weight:700;color:#f66;text-shadow:0 0 12px rgba(255,102,102,.5)}.ar-spectate-overlay .spectate-sub{font-size:.85rem;font-weight:400;color:#b84dff;margin-top:.25rem}.ar-results{background:#000c;gap:1rem;padding:1rem;overflow-y:auto;box-sizing:border-box}.ar-results .screen-actions,.ar-results-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:min(300px,calc(100vw - 2rem));margin-top:.5rem}.ar-results .screen-actions .btn,.ar-results-actions .btn{width:100%;min-width:0}.ar-results-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:min(300px,calc(100vw - 2rem))}.ar-result-row{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid #333}.ar-result-row .rank{font-weight:600;color:#0f8;min-width:1.5rem}.ar-result-row .name{flex:1;color:#e0e0e0}.ar-result-row .score{color:#0f8;font-weight:500}.ar-room-code{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:.5rem;background:#0009;padding:.4rem .75rem;border-radius:6px}.ar-lobby-actions{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:1rem;width:80%;max-width:260px}.room-code-label{font-size:.75rem;color:#aaa}.room-code-value{font-size:1rem;font-weight:600;color:#0f8;letter-spacing:.15em}