@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Oswald:wght@400;500;700&display=swap";
:root{--bg-color:#0a0a0a;--text-color:#f3f4f6;--primary-color:#10b981;--primary-hover:#059669;--accent-color:#3b82f6;--surface-color:#111827;--surface-light:#1f2937;--border-color:#ffffff14;--success-color:#10b981;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body,body *{cursor:url(/cursor.svg) 7 7,auto!important}body{color:var(--text-color);background:url(/bg.jpg) 50%/cover no-repeat fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);background:#111827d9;border-radius:24px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 20px 50px #00000080}.game-mode-card{background:var(--surface-light);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.game-mode-card:hover{background:#1f2937;border-color:#10b9814d;transform:translateY(-2px)}.glow-text{text-shadow:0 0 20px #10b9814d}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);box-shadow:none;background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.menu-item-hover{transform-origin:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),color .2s,text-shadow .2s}.menu-item-hover:hover{color:#fff;text-shadow:2px 2px 8px #000c;transform:scale(1.1)}.container-padding{padding:1.8rem 3rem}.responsive-title{font-size:2.5rem}.responsive-subtitle{font-size:2.2rem}.responsive-text{font-size:1.3rem}.left-gradient-overlay{background:linear-gradient(90deg,#500a0af2 0%,#500a0acc 40%,#0000 100%);width:60%}.top-right-controls{flex-direction:row;align-items:center;gap:1rem;display:flex;position:absolute;top:2rem;right:2rem}.left-menu-container{max-width:400px;margin-top:1rem}.bottom-controls{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.hud-container{gap:1rem;display:flex;position:absolute;top:20px;left:20px}.hud-center{gap:2rem;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.modal-content{width:90%;max-width:400px;padding:2rem}.map-container{width:300px;height:200px;position:absolute;bottom:20px;right:70px}.map-container.expanded{width:550px;height:400px}.party-lobby-panel{gap:2rem;width:95%;max-width:800px;padding:3rem;display:flex}.options-grid{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.mc-desktop-panel{z-index:10;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:900px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mc-mobile-trigger{z-index:9999;padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#000000e6 100%);display:none;position:fixed;bottom:0;left:0;right:0}.mc-guess-btn{touch-action:manipulation;-webkit-tap-highlight-color:#3b82f64d;border-radius:16px;width:100%;padding:1rem;font-size:1.3rem;font-weight:700}.mc-mobile-overlay{z-index:99999;-webkit-backdrop-filter:blur(10px);touch-action:manipulation;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (max-width:768px){.container-padding{padding:1.5rem}.responsive-title{font-size:2rem}.responsive-subtitle{font-size:1.8rem}.responsive-text{font-size:1.1rem}.left-gradient-overlay{background:linear-gradient(90deg,#500a0af2 0%,#500a0acc 60%,#500a0a66 100%);width:100%}.top-right-controls{gap:.5rem;top:1.5rem;right:1.5rem}.left-menu-container{max-width:100%;margin-top:2.5rem}.signpost-menu{width:100%;max-width:100%}.bottom-controls{flex-direction:column-reverse;align-items:flex-start;gap:1rem}.hud-container{flex-wrap:wrap;gap:.5rem;top:10px;left:10px;right:10px}.hud-center{gap:1rem;width:95vw;padding:10px}.modal-content{padding:1.5rem}.map-container.expanded{width:calc(100vw - 20px)!important;height:50vh!important;bottom:10px!important;right:10px!important}.party-lobby-panel{flex-direction:column;gap:1.5rem;padding:1.5rem}.options-grid{flex-direction:column}.mc-desktop-panel{display:none}.mc-mobile-trigger{display:block}.mc-mobile-overlay{display:flex}.map-container:not(.expanded){opacity:0;pointer-events:none;width:0!important;height:0!important}.map-container.expanded{z-index:100!important;border-radius:24px 24px 0 0!important;width:100vw!important;height:65vh!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.mobile-map-toggle{animation:2s infinite pulse-glow}}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;width:100%;margin-bottom:2rem;overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%;min-width:650px}.responsive-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0a0a0acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}@media (max-width:600px){.responsive-header{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:1rem}.podium-container{gap:.4rem!important;padding:0!important}.podium-card-title{max-width:80px!important;font-size:.8rem!important}.podium-column-box{font-size:1.1rem!important}.podium-column-box span{font-size:1.2rem!important}}.flag-card-interactive:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 12px 30px #00f2fe33,0 0 15px #00f2fe1a;background:#ffffff0f!important;border-color:#00f2fe66!important}.flag-card-interactive:hover .flag-image-hover{transform:scale(1.06)}.btn-hover:hover{background:#ffffff26!important}.btn-hover-close:hover{background:#ef444433!important;border-color:#ef444466!important}.btn-hover-swipe:hover{color:#00f2fe!important}.input-focus-glow:focus{border-color:#00f2fe66!important;box-shadow:0 0 12px #00f2fe33!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chronicle-article-section{transition:all .3s}.chronicle-article-section:hover{background:#ffffff05!important;border-color:#ffffff14!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:focus-visible,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.skip-link{z-index:100000;background:var(--accent-color);color:#fff;border-radius:0 0 8px 8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.onboarding-tooltip{background:#10b98126;border:1px solid #10b98166;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative}.onboarding-tooltip:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-color));border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.cta-glow-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);border:none;border-radius:14px;width:100%;padding:.7rem 1.2rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;animation:2.5s ease-in-out infinite cta-pulse;box-shadow:0 0 20px #10b98166,0 4px 15px #0000004d}.cta-glow-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #10b98199,0 8px 25px #0006}.cta-glow-btn:active{transform:translateY(0)scale(.98)}@keyframes cta-pulse{0%,to{box-shadow:0 0 20px #10b98166,0 4px 15px #0000004d}50%{box-shadow:0 0 35px #10b98199,0 4px 20px #3b82f64d}}.difficulty-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.2rem;transition:all .2s}.difficulty-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}:root{--sign-red:#e63329;--sign-orange:#f07d2a;--sign-yellow:#f5c518;--sign-pole:#7b4316}.signpost-menu{flex-direction:column;align-items:stretch;gap:clamp(4px,.9vh,8px);width:100%;display:flex;position:relative}.signpost-menu:before{content:"";z-index:0;background:linear-gradient(90deg,#5a2e0a 0%,#8b4e1a 40%,#9c5a20 55%,#7a4010 80%,#4e2408 100%);border-radius:6px;width:clamp(12px,1.6vw,18px);position:absolute;top:-4px;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:2px 0 8px #00000073,inset 1px 0 3px #ffffff1a}.signpost-wrap{z-index:1;width:100%;position:relative}.signpost-btn,.signpost-daily{letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px #0000004d;cursor:pointer;text-transform:uppercase;clip-path:polygon(0% 0%,calc(100% - 20px) 0%,100% 50%,calc(100% - 20px) 100%,0% 100%);border:none;justify-content:center;align-items:center;width:100%;padding:clamp(.65em,1.8vh,.9em) 2.2em;font-family:Outfit,sans-serif;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:700;transition:transform .16s cubic-bezier(.175,.885,.32,1.275),filter .16s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.signpost-wrap:nth-child(2n) .signpost-btn{clip-path:polygon(20px 0%,100% 0%,100% 100%,20px 100%,0% 50%)}.signpost-wrap:nth-child(3n+1) .signpost-btn{background:var(--sign-red)}.signpost-wrap:nth-child(3n+2) .signpost-btn{background:var(--sign-orange)}.signpost-wrap:nth-child(3n) .signpost-btn{background:var(--sign-yellow);color:#4a2800;text-shadow:0 1px 2px #ffffff26}.signpost-btn:hover{filter:brightness(1.12);transform:scale(1.03)}.signpost-btn:active{transform:scale(.97)}.signpost-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.signpost-daily{background:var(--sign-orange);clip-path:polygon(0% 0%,calc(100% - 20px) 0%,100% 50%,calc(100% - 20px) 100%,0% 100%);gap:.6em;width:100%}.signpost-daily:hover:not(:disabled){filter:brightness(1.12);transform:scale(1.03)}.signpost-daily:disabled{opacity:.45;cursor:not-allowed}.signpost-divider{display:none}.highway-sign{background:#1a7a3a;border:4px solid #1a7a3a;border-radius:10px;width:100%;padding:4px;display:block;position:relative;box-shadow:0 6px 20px #0009}.highway-sign-inner{text-align:center;border:2px solid #ffffffd9;border-radius:6px;flex-direction:column;align-items:center;gap:.25rem;padding:clamp(.6rem,1.5vh,1rem) clamp(.8rem,2vw,1.4rem);display:flex;position:relative}.highway-sign-inner:before,.highway-sign-inner:after{content:"";background:#ffffffbf;border-radius:50%;width:7px;height:7px;position:absolute}.highway-sign-inner:before{box-shadow:calc(100% - 14px + 100%) 0 0 #ffffffbf;top:7px;left:7px}.highway-sign-inner:after{box-shadow:calc(100% - 14px + 100%) 0 0 #ffffffbf;bottom:7px;left:7px}.highway-sign-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 4px #00000080;font-family:Outfit,sans-serif;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:800;line-height:1.2;display:block}.highway-sign-desc{color:#ffffffe0;letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:clamp(.72rem,1.3vw,.88rem);font-weight:400;line-height:1.4;display:block}.signpost-back-btn{color:#fff;cursor:pointer;text-align:left;letter-spacing:.02em;background:0 0;border:none;width:fit-content;padding:.3rem 0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:opacity .15s}.signpost-back-btn:hover{opacity:.65}.diff-signpost-menu{flex-direction:column;gap:clamp(5px,1vh,9px);width:100%;display:flex}.diff-sign{cursor:pointer;text-align:left;clip-path:polygon(0% 0%,calc(100% - 24px) 0%,100% 50%,calc(100% - 24px) 100%,0% 100%);border:none;flex-direction:column;align-items:flex-start;width:100%;padding:clamp(.7em,1.8vh,1em) clamp(1.2em,2.5vw,1.8em);transition:transform .16s cubic-bezier(.175,.885,.32,1.275),filter .16s;display:flex;position:relative;box-shadow:0 4px 14px #00000059}.diff-sign:hover{filter:brightness(1.12);transform:scale(1.02)}.diff-sign:active{transform:scale(.98)}.diff-sign:focus-visible{outline-offset:3px;outline:3px solid #fff}.diff-sign-easy{background:#e63329}.diff-sign-medium{background:#f07d2a}.diff-sign-hard{background:#f5c518}.diff-sign-hard .diff-sign-name,.diff-sign-hard .diff-sign-sub{color:#4a2800}.diff-sign-name{color:#fff;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 3px #0000004d;font-family:Outfit,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:800;line-height:1.2}.diff-sign-sub{color:#ffffffe0;margin-top:.2em;font-family:Outfit,sans-serif;font-size:clamp(.72rem,1.3vw,.85rem);font-weight:500;line-height:1.4}.home-header-nav{align-items:center;gap:8px;display:flex}.home-header-nav-label{display:inline}@media (max-width:420px){.home-header-nav{gap:5px}.home-header-nav-label{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.site-nav-desktop{align-items:center;gap:inherit;display:flex}.site-nav-mobile-toggle{display:none!important}@media (max-width:768px){.site-nav-desktop{display:none!important}.site-nav-mobile-toggle{display:flex!important}}.menu-item-hover:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:4px}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.game-area{width:100vw;height:100dvh;position:relative;overflow:hidden}@media (min-width:1440px){.container-padding{padding:3.5rem 4rem}.responsive-title{font-size:3.2rem}.left-menu-container{max-width:480px}.map-container{width:340px;height:230px}.map-container.expanded{width:620px;height:460px}}@media (min-width:1024px) and (max-width:1439px){.responsive-title{font-size:2.5rem}.map-container{width:300px;height:200px}.map-container.expanded{width:520px;height:380px}}@media (min-width:768px) and (max-width:1023px){.container-padding{padding:2rem 2.5rem}.responsive-title{font-size:2.2rem}.responsive-subtitle{font-size:2rem}.left-menu-container{max-width:380px;margin-top:4rem}.map-container{width:260px;height:180px;bottom:15px;right:15px}.map-container.expanded{width:450px;height:320px}.hud-container{gap:.75rem}.party-lobby-panel{gap:1.5rem;max-width:700px;padding:2rem}}@media (max-width:767px){.responsive-title{font-size:clamp(1.6rem,5vw,2rem)}.responsive-subtitle{font-size:clamp(1.5rem,4.5vw,1.8rem)}.responsive-text{font-size:clamp(1rem,3vw,1.1rem)}.hud-container{flex-wrap:wrap;gap:6px;top:8px;left:8px;right:8px}.hud-center{gap:.6rem;width:98vw;padding:8px;top:8px}.modal-content{border-radius:16px;width:95%;padding:1.2rem}.cta-glow-btn{padding:.85rem 1.2rem;font-size:1.15rem}.difficulty-card{padding:.85rem 1rem}}@media (max-width:480px){.container-padding{padding:1rem 1.2rem}.responsive-title{font-size:clamp(1.4rem,6vw,1.8rem)}.top-right-controls{gap:6px;top:1rem;right:1rem}.left-menu-container{margin-top:3rem}.glass-panel{border-radius:16px}.party-lobby-panel{gap:1rem;padding:1rem}.map-container.expanded{height:60vh!important}.hud-container{top:6px;left:6px;right:6px}.signpost-btn,.signpost-daily{padding:.6em 1.8em;font-size:.95rem}.signpost-menu:before{width:13px}}@media (max-height:500px) and (orientation:landscape){.left-menu-container{margin-top:1rem}.container-padding{padding:.5rem 1.5rem}.responsive-title{font-size:1.5rem}.cta-glow-btn{padding:.6rem 1rem;font-size:1rem}.map-container{width:200px;height:150px;bottom:10px;right:10px}.map-container.expanded{border-radius:0!important;width:55vw!important;height:90vh!important;bottom:0!important;right:0!important}.bottom-controls{display:none}.signpost-menu{gap:4px}.signpost-btn,.signpost-daily{padding:.5em 1.8em;font-size:.92rem}.signpost-divider{height:6px}}@media (max-width:767px){.hud-container .glass-panel{border-radius:10px;padding:.3rem .7rem;font-size:.82rem}.hud-container .btn{padding:.3rem .7rem;font-size:.82rem}}@supports (padding:env(safe-area-inset-bottom)){.bottom-controls{padding-bottom:env(safe-area-inset-bottom)}.mc-mobile-trigger{padding-bottom:max(12px, env(safe-area-inset-bottom))}.mobile-map-toggle{bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))}}