html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.min-h-screen{min-height:100vh!important;display:flex;flex-direction:column}.vh-screen{height:100vh}main.flex-1{flex:1;display:flex;flex-direction:column}.game-container{position:relative;width:100%;height:100%;flex:1;overflow:hidden;min-height:500px}.welcome-banner{animation:slideInFromTop .6s ease-out;box-shadow:0 4px 6px -1px #0000001a}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.guest-actions{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guest-message{transition:all .3s ease}.guest-message:hover{background-color:#e5e7eb!important;transform:translateY(-1px)}.street-view-container{width:100%;height:100%;position:relative}.map-slider{position:fixed;top:0;right:0;width:90%;height:100%;background:#fff;transform:translate(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:500!important;box-shadow:-2px 0 20px #00000026;display:flex;flex-direction:column}.map-slider.active{transform:translate(0)}.map-slider-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.map-slider-title{font-size:18px;font-weight:700;margin:0}.close-btn{background:#fff3;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;gap:6px}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.map-container{flex:1;width:100%;background:#f8f9fa;border:2px solid #e9ecef;margin:0}.map-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:480}.map-backdrop.active{opacity:1;visibility:visible}.slider-controls{background:#f8f9fa;border-top:2px solid #e9ecef;padding:16px 20px;display:flex;gap:12px;justify-content:center;align-items:center}.slider-controls .btn{margin:0;padding:12px 24px;font-weight:600;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.slider-controls .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.slider-controls .btn:disabled{background-color:#6c757d!important;cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.map-instructions{background:#e3f2fd;border:1px solid #2196f3;color:#1565c0;padding:12px 16px;margin:12px 20px;border-radius:8px;text-align:center;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.map-instructions.hidden{display:none}.map-instructions-icon{font-size:16px;animation:pulse 2s infinite}.btn.btn-success.has-guess{background:#28a745!important;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 0 20px #28a74566}to{box-shadow:0 2px 4px #0000001a}}.game-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10!important;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 20px}@media (max-width: 768px){.game-container{min-height:400px}.game-controls{bottom:10px;left:10px;right:10px;transform:none;padding:0}.game-controls .btn{flex:1;min-width:100px;text-align:center;font-size:14px;padding:8px 12px}.map-slider{width:100%}.map-slider-header{padding:12px 16px}.map-slider-title{font-size:16px}.close-btn{padding:6px 10px;font-size:14px}.slider-controls{padding:12px 16px;flex-direction:column;gap:8px;position:sticky;bottom:28px;z-index:2300}.slider-controls .btn{width:100%;padding:14px 20px;font-size:16px}}@media (max-width: 480px){.game-container{min-height:350px}.map-slider-header{padding:10px 12px}.map-slider-title{font-size:14px}.slider-controls{padding:10px 12px}}@supports (padding: max(0px)){@media (max-width: 768px){.slider-controls{padding-bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}}}.game-info{position:absolute;top:20px;left:20px;background:#fffffff2;padding:12px 16px;border-radius:8px;z-index:10!important;box-shadow:0 2px 8px #00000026;display:flex;gap:15px;font-size:14px;border:1px solid rgba(0,0,0,.1)}.game-info div{white-space:nowrap}@media (max-width: 768px){.game-info{top:10px;left:10px;right:10px;padding:10px 12px;font-size:13px;gap:10px;flex-wrap:wrap;justify-content:space-between}.game-info div{flex:1;text-align:center;min-width:80px}}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:2000;display:none;text-align:center;max-width:400px;width:90%}.popup.active{display:block}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1999;display:none}.overlay.active{display:block}.btn{background:#5a5ae2;color:#fff;border:black 1px solid;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:16px;margin:5px}.btn:hover{background:#0056b3}.btn-success{background:#28a745}.btn-success:hover{background:#1e7e34}.footer{position:fixed;bottom:0;left:0;width:100%;background:#000c;color:#fff;text-align:center;padding:10px;z-index:50}.help-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;cursor:pointer;z-index:200;background:#ffffffe6;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;animation:pulse 2s infinite}.help-emoji:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #0006}@keyframes pulse{0%{box-shadow:0 4px 15px #0000004d}50%{box-shadow:0 4px 25px #ffc10799}to{box-shadow:0 4px 15px #0000004d}}#mobile-menu{z-index:99999!important}#mobile-menu-panel{z-index:100000!important}.game-controls,.game-info,.btn{z-index:10!important}.tutorial-popup{border-radius:15px!important;font-family:Instrument Sans,sans-serif!important}.tutorial-btn{border-radius:25px!important;padding:12px 30px!important;font-weight:600!important;font-size:16px!important;transition:all .3s ease!important}.tutorial-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 15px #007bff4d!important}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__animated{animation-duration:.5s;animation-fill-mode:both}.animate__fadeInDown{animation-name:fadeInDown}.animate__fadeOutUp{animation-name:fadeOutUp}.glow-emerald{box-shadow:0 0 0 1px #10b98159,0 0 18px -2px #10b9818c,0 0 38px -6px #10b98159}.glow-fuchsia{box-shadow:0 0 0 1px #d946ef59,0 0 18px -2px #d946ef8c,0 0 38px -6px #d946ef59}.glow-sky{box-shadow:0 0 0 1px #38bdf859,0 0 18px -2px #38bdf88c,0 0 38px -6px #38bdf859}.card-glass-dark{background:#0f14238c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08)}.pulse-soft{animation:pulseSoft 4s ease-in-out infinite}@keyframes pulseSoft{0%,to{opacity:.9;filter:saturate(95%)}50%{opacity:1;filter:saturate(130%)}}.tilt-hover{transition:transform .35s cubic-bezier(.22,.61,.36,1)}.tilt-hover:hover{transform:translateY(-6px) rotate3d(.5,1,0,6deg)}.gradient-text-gincana{background:linear-gradient(90deg,#6ee7b7,#7dd3fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.scanline-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04)_0,rgba(255,255,255,.04)_2px,transparent_2px,transparent_4px);mix-blend-mode:overlay;opacity:.25;border-radius:inherit}