@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Cinzel:wght@400;700&display=swap";:root{--bg-color:#0f1219;--bg-card:#1d202bbf;--bg-card-hover:#252a37d9;--text-color:#e2e4e9;--text-muted:#9da3af;--gold:#e8b430;--gold-glow:#e8b4304d;--violet:#8c4de6;--violet-glow:#8c4de659;--red:#e23645;--green:#2eb860;--border-radius:12px;--font-body:"Outfit", sans-serif;--font-header:"Cinzel", serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--glass-shadow:0 8px 32px 0 #00000080;--glass-border:1px solid #ffffff14;--backdrop-blur:blur(12px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow:hidden auto}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 20%,#1a203566 0%,#0000 60%),radial-gradient(circle at 80% 80%,#2d193c40 0%,#0000 70%);transition:background-image 1.5s ease-in-out}#root{width:100%;min-height:100vh}h1,h2,h3,h4,.cinzel{font-family:var(--font-header);letter-spacing:1px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow);transition:var(--transition);padding:1.5rem}.glass-panel:hover{background:var(--bg-card-hover);box-shadow:0 12px 40px 0 #0009, 0 0 15px var(--gold-glow);border-color:#ffffff26}.btn-gold{color:#fff8e6;border:1px solid var(--gold);font-family:var(--font-header);cursor:pointer;transition:var(--transition);text-transform:uppercase;background:linear-gradient(135deg,#c9981d 0%,#a57a0d 100%);border-radius:8px;padding:.75rem 1.5rem;font-weight:700;box-shadow:0 4px 10px #0000004d}.btn-gold:hover:not(:disabled){box-shadow:0 0 20px var(--gold-glow), 0 6px 15px #0006;background:linear-gradient(135deg,#ecae13 0%,#c28e0a 100%);transform:translateY(-2px)}.btn-gold:active:not(:disabled){transform:translateY(0)}.btn-gold:disabled{opacity:.4;cursor:not-allowed}.btn-red{color:#ffe6e6;border:1px solid var(--red);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#c32222 0%,#a11212 100%);border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px #0000004d}.btn-red:hover:not(:disabled){background:linear-gradient(135deg,#e83030 0%,#da0b0b 100%);transform:translateY(-2px);box-shadow:0 0 20px #f446,0 6px 15px #0006}.btn-red:active:not(:disabled){transform:translateY(0)}.btn-red:disabled{opacity:.4;cursor:not-allowed}.btn-violet{color:#f0e6ff;border:1px solid var(--violet);font-family:var(--font-header);cursor:pointer;transition:var(--transition);text-transform:uppercase;background:linear-gradient(135deg,#6522c3 0%,#4d12a1 100%);border-radius:8px;padding:.75rem 1.5rem;font-weight:700;box-shadow:0 4px 10px #0000004d}.btn-violet:hover:not(:disabled){box-shadow:0 0 20px var(--violet-glow), 0 6px 15px #0006;background:linear-gradient(135deg,#7d30e8 0%,#620bda 100%);transform:translateY(-2px)}.btn-violet:disabled{opacity:.4;cursor:not-allowed}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;display:grid}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold)}}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}@keyframes damageFloatUp{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:translateY(-15px)scale(1.25)}to{opacity:0;transform:translateY(-60px)scale(.85)}}.main-layout{flex:1;gap:1rem;min-height:0;display:flex}.top-bar-content{align-items:center;gap:1.5rem;display:flex}.top-bar-wrapper{justify-content:space-between;align-items:center;padding:1rem;display:flex}.combat-layout{flex:1;gap:20px;display:flex}.prep-layout{gap:2rem;display:flex}.action-buttons{align-items:center;gap:.5rem;display:flex}.combat-battlefield-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.combat-bottom-grid{grid-template-columns:1fr 1.25fr;gap:1.25rem;height:220px;display:grid}@media (width<=900px){.combat-battlefield-grid{gap:1rem;grid-template-columns:1fr!important}.combat-bottom-grid{grid-template-columns:1fr!important;height:auto!important}.main-layout,.prep-layout,.combat-layout{height:auto;min-height:unset;overflow-y:auto;flex-direction:column!important}.top-bar-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.top-bar-content{flex-wrap:wrap;gap:1rem}.action-buttons{flex-wrap:wrap;justify-content:space-between;width:100%}.btn-gold,.btn-violet,.btn-red{text-align:center;flex:1;padding:.5rem 1rem;font-size:.85rem}.glass-panel{padding:1rem}body{height:auto;min-height:100vh;overflow:hidden auto}#root{height:auto;min-height:100vh}.main-wrapper{min-height:100vh;height:auto!important}}.sidebar-panel{width:320px}.content-panel{flex:1}@media (width<=900px){.sidebar-panel{flex:none!important;width:100%!important;height:auto!important}.content-panel{width:100%!important;overflow:visible!important}}.action-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}@media (width<=900px){.action-header{flex-direction:column;align-items:stretch;gap:1rem}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.floating-panel{animation:5s ease-in-out infinite floatAnimation}@keyframes floatAndFade{0%{opacity:0;transform:translate(-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-15px)scale(1.3)}70%{opacity:.9;transform:translate(-50%,-35px)scale(1.1)}to{opacity:0;transform:translate(-50%,-50px)scale(.9)}}.floating-text-popup{animation:.75s ease-out forwards floatAndFade}@keyframes attackAllyAnim{0%{transform:translate(0)}35%{transform:translate(35px)scale(1.08)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes attackEnemyAnim{0%{transform:translate(0)}35%{transform:translate(-35px)scale(1.08)}to{transform:translate(0)}}@keyframes hitShakeAnim{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.anim-attack-ally{animation:.35s ease-in-out attackAllyAnim}.anim-attack-enemy{animation:.35s ease-in-out attackEnemyAnim}.anim-hit{animation:.25s ease-in-out hitShakeAnim}@keyframes bossPulseGlow{0%{box-shadow:0 0 10px #ff1e3c99}50%{box-shadow:0 0 22px #ff1e3cf2,0 0 8px #ff646480}to{box-shadow:0 0 10px #ff1e3c99}}@keyframes elitePulseGlow{0%{box-shadow:0 0 8px #ffaa0080}50%{box-shadow:0 0 18px #ffaa00d9}to{box-shadow:0 0 8px #ffaa0080}}.enemy-boss-card{animation:2.2s ease-in-out infinite bossPulseGlow;background:#2d050f99!important;border:2px solid #f24!important}.enemy-elite-card{animation:2.8s ease-in-out infinite elitePulseGlow;background:#23190599!important;border:2px solid #fa0!important}.enemy-normal-card{background:#0006!important;border:1px solid #ffffff26!important}.landing-container{width:100%;min-height:100vh;font-family:var(--font-body);color:var(--text-color);z-index:1000;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.landing-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.landing-bg__image{will-change:transform;background-image:url(../assets/Pics/tlo2.png);background-position:50%;background-size:cover;animation:30s ease-in-out infinite alternate landingBgSlowZoom;position:absolute;inset:0}.landing-bg__fog-top{z-index:1;background:linear-gradient(#05080ff2 0%,#05080f66 50%,#0000 100%);height:30%;position:absolute;top:0;left:0;right:0}.landing-bg__fog-bottom{z-index:1;background:linear-gradient(#0000 0%,#05080f80 50%,#05080ffa 100%);height:35%;position:absolute;bottom:0;left:0;right:0}.landing-bg__vignette{z-index:2;background:radial-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.landing-particles{z-index:3;pointer-events:none;position:fixed;inset:0}.landing-content{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;width:100%;max-width:1100px;min-height:100vh;padding:1.5rem 1rem 3.5rem;display:flex;position:relative}.landing-title-section{text-align:center;opacity:0;animation:1.2s ease-out .3s forwards landingFadeInUp}.landing-title{font-family:var(--font-header);color:var(--gold);text-shadow:0 0 30px #d4af3799,0 0 60px #d4af374d,0 4px 15px #000000e6;letter-spacing:4px;margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:1.1}.landing-title .title-letter{opacity:0;animation:.6s ease-out forwards letterReveal;display:inline-block}.landing-tagline{color:#fffc;text-shadow:0 2px 10px #000000e6;opacity:0;margin-top:.75rem;font-size:clamp(.85rem,2vw,1.2rem);font-style:italic;animation:1s ease-out 1.8s forwards landingFadeIn}.landing-story{opacity:0;width:100%;max-width:900px;margin-top:1.5rem;animation:1s ease-out 2.2s forwards landingFadeInUp}.landing-story-text{text-align:center;color:#ffffffbf;text-shadow:0 1px 6px #000c;max-width:700px;margin:0 auto 1.25rem;font-size:clamp(.8rem,1.5vw,1rem);line-height:1.7}.landing-pillars{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-pillar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;background:#0c101a99;border:1px solid #d4af3726;border-radius:12px;flex:200px;max-width:260px;padding:1rem 1.25rem;transition:all .4s;transform:translateY(20px)}.landing-pillar.visible{opacity:1;transform:translateY(0)}.landing-pillar:hover{border-color:#d4af3766;transform:translateY(-4px);box-shadow:0 0 20px #d4af3726}.landing-pillar__icon{margin-bottom:.5rem;font-size:2rem;display:block}.landing-pillar__title{font-family:var(--font-header);color:var(--gold);margin-bottom:.35rem;font-size:.95rem}.landing-pillar__desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.landing-map-section{opacity:0;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:900px;margin-top:1rem;animation:1s ease-out 2.8s forwards landingFadeInUp;display:flex}.landing-map-wrapper{border:2px solid #d4af3759;border-radius:50%;flex-shrink:0;width:clamp(120px,22vw,220px);height:clamp(120px,22vw,220px);animation:6s ease-in-out infinite mapFloat;position:relative;overflow:hidden;box-shadow:0 0 25px #d4af3733,0 8px 30px #0009}.landing-map-wrapper:after{content:"";pointer-events:none;background:radial-gradient(#0000 60%,#05080fb3 100%);border-radius:50%;position:absolute;inset:0}.landing-map-img{object-fit:cover;filter:saturate(.85)brightness(.9);width:100%;height:100%;transition:all .5s}.landing-map-wrapper:hover .landing-map-img{filter:saturate(1.1)brightness(1.05);transform:scale(1.08)}.landing-map-lore{flex:1;max-width:400px}.landing-map-lore__title{font-family:var(--font-header);color:var(--gold);text-shadow:0 0 10px #d4af374d;margin-bottom:.5rem;font-size:clamp(.9rem,1.5vw,1.15rem)}.landing-map-lore__text{color:#ffffffa6;font-size:clamp(.72rem,1.2vw,.85rem);line-height:1.6}.landing-map-regions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.landing-region-badge{color:var(--gold);font-size:.68rem;font-family:var(--font-header);letter-spacing:.5px;background:#d4af371a;border:1px solid #d4af3733;border-radius:20px;padding:.25rem .6rem;transition:all .3s}.landing-region-badge:hover{background:#d4af3733;box-shadow:0 0 10px #d4af3733}.landing-bottom-row{opacity:0;flex-direction:row;justify-content:center;align-items:stretch;gap:1.5rem;width:100%;max-width:860px;margin-top:.5rem;animation:1s ease-out 3.2s forwards landingFadeInUp;display:flex}.landing-cta{flex-direction:column;flex:360px;justify-content:center;align-items:center;gap:.75rem;max-width:420px;margin-top:0;display:flex}.landing-cta__question{font-family:var(--font-header);color:#ffffffb3;text-align:center;text-shadow:0 2px 8px #000c;font-size:clamp(.8rem,1.8vw,1.05rem);font-style:italic}.landing-nick-input{width:100%;color:var(--gold);text-align:center;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;font-family:var(--font-body);background:#00000080;border:1px solid #d4af3766;border-radius:10px;outline:none;padding:.85rem 1rem;transition:all .3s;box-shadow:inset 0 2px 6px #00000080}.landing-nick-input::placeholder{color:#d4af3759;font-weight:400}.landing-nick-input:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #00000080,0 0 15px #d4af374d}.landing-play-btn{width:100%;font-size:clamp(1.2rem,3vw,1.5rem);font-family:var(--font-header);letter-spacing:3px;text-transform:uppercase;color:#fff8e6;border:2px solid var(--gold);cursor:pointer;background:linear-gradient(135deg,#c9981d 0%,#a57a0d 100%);border-radius:12px;padding:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2.5s ease-in-out 3.8s infinite ctaPulse;position:relative;overflow:hidden;box-shadow:0 4px 15px #d4af374d,0 0 30px #d4af371a}.landing-play-btn:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite shineSwipe;position:absolute;top:-50%;left:-50%}.landing-play-btn:hover{background:linear-gradient(135deg,#ecae13 0%,#c28e0a 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #d4af3780,0 8px 25px #00000080}.landing-play-btn:active{transform:translateY(0)scale(.98)}.landing-achievements-btn{width:100%;font-size:.85rem;font-family:var(--font-header);letter-spacing:1px;color:var(--violet);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8c46dc33;border:1px solid #a05af066;border-radius:10px;padding:.65rem 1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 10px #0000004d}.landing-achievements-btn:hover{border-color:var(--violet);color:#fff;background:#8c46dc59;transform:translateY(-2px);box-shadow:0 0 15px #a05af059}.landing-achievements-btn:active{transform:translateY(0)}.landing-footer{text-align:center;color:#ffffff4d;z-index:10;opacity:0;margin-top:1rem;font-size:.7rem;animation:1s ease-out 4s forwards landingFadeIn;position:relative}.landing-music-widget{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#00000059;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;animation:.8s ease-out .5s forwards landingFadeIn;display:flex;position:absolute;top:12px;right:12px}.landing-music-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;transition:transform .2s;display:flex}.landing-music-btn:hover{transform:scale(1.15)}.landing-music-slider{width:55px;accent-color:var(--gold);cursor:pointer;height:4px}.landing-leaderboard{flex-direction:column;flex:360px;max-width:420px;margin-top:0;display:flex}.landing-leaderboard__title{font-family:var(--font-header);color:var(--gold);text-align:center;text-shadow:0 0 10px #d4af374d;letter-spacing:1.5px;margin:0 0 .5rem;font-size:1.05rem}.landing-leaderboard__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-backdrop-filter:blur(8px);background:#0c101a99;border:1px solid #d4af3733;border-radius:12px;flex-direction:column;gap:.3rem;max-height:180px;padding:.5rem .6rem;display:flex;overflow:hidden auto;box-shadow:0 4px 20px #0006}.landing-leaderboard__list::-webkit-scrollbar{width:5px}.landing-leaderboard__list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.landing-leaderboard__list::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:3px}.landing-leaderboard__list::-webkit-scrollbar-thumb:hover{background:var(--gold)}.landing-leaderboard__loading,.landing-leaderboard__empty{text-align:center;color:var(--text-muted);padding:1.5rem 0;font-size:.82rem;font-style:italic}.landing-leaderboard__entry{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.82rem;transition:all .2s;display:flex}.landing-leaderboard__entry:hover{background:#ffffff0f;border-color:#ffffff1a}.landing-leaderboard__entry--first{background:#d4af371f;border-color:#d4af3759;box-shadow:0 0 10px #d4af371a}.landing-leaderboard__rank{width:24px;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:.8rem;font-weight:700}.landing-leaderboard__entry--first .landing-leaderboard__rank{color:var(--gold);font-size:1rem}.landing-leaderboard__nick{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6;flex:1;overflow:hidden}.landing-leaderboard__entry--first .landing-leaderboard__nick{color:var(--gold);font-weight:700}.landing-leaderboard__score{color:var(--gold);flex-shrink:0;font-size:.8rem;font-weight:600}@keyframes landingBgSlowZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes letterReveal{0%{opacity:0;filter:blur(4px);transform:translateY(15px)scale(.8)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes ctaPulse{0%,to{box-shadow:0 4px 15px #d4af374d,0 0 30px #d4af371a}50%{box-shadow:0 4px 20px #d4af3780,0 0 50px #d4af3740}}@keyframes shineSwipe{0%,to{transform:translate(-100%)rotate(45deg)}50%{transform:translate(100%)rotate(45deg)}}@keyframes mapFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (height<=700px){.landing-content{justify-content:flex-start;padding:2.5rem .75rem .75rem;overflow-y:auto}.landing-title{letter-spacing:2px;font-size:clamp(1.6rem,6vw,2.5rem)}.landing-tagline{margin-top:.4rem;font-size:.8rem}.landing-story{margin-top:.75rem}.landing-story-text{margin-bottom:.75rem;font-size:.75rem}.landing-pillar{flex:140px;max-width:180px;padding:.65rem .75rem}.landing-pillar__icon{margin-bottom:.3rem;font-size:1.4rem}.landing-pillar__title{font-size:.78rem}.landing-pillar__desc{font-size:.65rem}.landing-map-section{gap:.75rem;margin-top:.75rem}.landing-map-wrapper{width:90px;height:90px}.landing-map-lore__title{font-size:.82rem}.landing-map-lore__text{font-size:.68rem}.landing-region-badge{padding:.15rem .4rem;font-size:.58rem}.landing-cta{gap:.5rem;margin-top:.75rem}.landing-nick-input{padding:.6rem .75rem;font-size:.95rem}.landing-play-btn{padding:.7rem;font-size:1.1rem}}@media (width<=768px){.landing-pillars{gap:.6rem}.landing-pillar{flex:140px;max-width:none}.landing-map-section{text-align:center;flex-direction:column}.landing-map-lore{max-width:100%}.landing-map-regions{justify-content:center}.landing-bottom-row{flex-direction:column;align-items:center;gap:1.25rem}.landing-cta,.landing-leaderboard{width:100%;max-width:100%}.landing-leaderboard__list{max-height:160px}}@media (height<=500px){.landing-story-text,.landing-map-section{display:none}.landing-pillars{flex-direction:row;gap:.4rem}.landing-pillar__desc{display:none}.landing-cta{margin-top:.5rem}.landing-cta__question{display:none}}@media (height>=900px) and (width>=1200px){.landing-story{margin-top:2rem}.landing-map-section{margin-top:1.5rem}.landing-cta{margin-top:2rem}.landing-pillar{padding:1.25rem 1.5rem}}.region-modal-backdrop,.map-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);will-change:opacity;background:#02040ad9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out forwards modalBackdropIn;display:flex;position:fixed;inset:0}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.region-modal-card{width:100%;max-width:800px;max-height:90vh;box-shadow:0 0 40px #000000b3, 0 0 20px var(--region-accent,#d4af3726);background:linear-gradient(#181b25f2 0%,#0f1219fa 100%);border:1px solid #d4af3733;border-radius:16px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards modalSlideIn;position:relative;overflow:hidden auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.region-modal-card::-webkit-scrollbar{width:6px}.region-modal-card::-webkit-scrollbar-track{background:0 0}.region-modal-card::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.region-modal-card::-webkit-scrollbar-thumb:hover{background:#d4af3780}.region-modal-hero{background-position:50%;background-size:cover;border-radius:16px 16px 0 0;width:100%;height:200px;position:relative;overflow:hidden}.region-modal-hero__overlay{background:linear-gradient(#05080f33 0%,#05080ff2 90%);position:absolute;inset:0}.region-modal-hero__content{z-index:2;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:1.25rem;left:1.5rem;right:4rem}.region-modal-hero__icon{margin-bottom:.25rem;font-size:2rem}.region-modal-close,.map-modal-close{z-index:10;width:36px;height:36px;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.region-modal-close:hover,.map-modal-close:hover{border-color:var(--gold);background:#d4af3733;transform:rotate(90deg)scale(1.1)}.region-modal-title{font-family:var(--font-header);color:var(--gold);text-shadow:0 0 15px #d4af3766,0 2px 8px #000c;margin:0;font-size:1.8rem;line-height:1.2}.region-modal-subtitle{color:var(--text-muted);font-size:.85rem;font-style:italic}.region-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.region-modal-question{text-align:center;font-family:var(--font-header);color:var(--region-accent,var(--gold));text-shadow:0 0 10px #d4af3733;border-top:1px solid #d4af3726;border-bottom:1px solid #d4af3726;padding:.75rem 1rem;font-size:1.1rem;font-style:italic}.region-modal-section{flex-direction:column;gap:.75rem;display:flex}.region-modal-section__title{font-family:var(--font-header);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #d4af3726;padding-bottom:.4rem;font-size:.85rem;position:relative}.region-modal-section__title:after{content:"";background:var(--region-accent,var(--gold));width:40px;height:2px;position:absolute;bottom:-1px;left:0}.region-modal-quote{color:#fffc;border-left:3px solid var(--region-accent,var(--gold));margin:0;padding-left:1rem;font-size:.9rem;line-height:1.7}.region-modal-quote--mystery{border-left-color:var(--violet);color:#ffffffb3;font-style:italic}.region-modal-faction{flex-direction:column;gap:.5rem;display:flex}.region-modal-faction-badge{color:var(--text-color);background:#0000004d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.region-modal-faction-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px}.region-modal-faction-details{color:var(--text-muted);flex-direction:column;gap:.25rem;padding-left:.5rem;font-size:.82rem;display:flex}.region-modal-danger-list{flex-wrap:wrap;gap:.5rem;display:flex}.region-modal-danger-tag{color:#ed5e6a;background:#ff3c3c1a;border:1px solid #ff3c3c33;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:500}.region-modal-special-rule{color:var(--text-muted);background:#d4af370f;border-left:2px solid #d4af374d;border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.region-modal-danger-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.region-modal-danger-card{background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:.35rem;padding:.85rem;transition:all .3s;display:flex}.region-modal-danger-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.region-modal-danger-card__header{color:var(--text-color);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.region-modal-danger-card__icon{font-size:1.2rem}.region-modal-danger-card__role{color:var(--text-muted);font-size:.75rem;line-height:1.4}.region-modal-danger-card__weakness{color:#8ec878cc;margin-top:auto;font-size:.72rem}.weakness-label{color:var(--green);font-weight:600}.region-modal-boss-card{background:linear-gradient(135deg,#500a144d 0%,#14050a80 100%);border:1px solid #ff3c3c40;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;animation:3s ease-in-out infinite bossGlow;display:flex;position:relative;overflow:hidden}@keyframes bossGlow{0%,to{box-shadow:0 0 10px #ff323226}50%{box-shadow:0 0 25px #ff32324d,0 0 10px #d4af3726}}.region-modal-boss-card:before{content:"";background:linear-gradient(90deg, transparent, var(--red), var(--gold), var(--red), transparent);height:2px;position:absolute;top:0;left:0;right:0}.region-modal-boss-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.region-modal-boss-card__name{font-family:var(--font-header);color:var(--red);text-shadow:0 0 10px #ff32324d;margin:0;font-size:1.2rem}.region-modal-boss-card__title{color:var(--text-muted);font-size:.78rem;font-style:italic}.region-modal-boss-card__stats{flex-shrink:0;gap:.75rem;display:flex}.boss-stat{color:var(--text-color);white-space:nowrap;background:#0006;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.region-modal-boss-card__truth{color:#ffffffb3;border-left:2px solid var(--red);background:#0003;border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem;line-height:1.6}.region-modal-boss-card__details{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;line-height:1.5;display:flex}.region-modal-boss-card__details strong{color:var(--text-color)}.region-modal-choices{flex-direction:column;gap:.5rem;display:flex}.region-modal-choice-chip{color:var(--text-color);cursor:default;background:#00000040;border:1px solid #d4af371f;border-radius:8px;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.88rem;transition:all .3s;display:flex}.region-modal-choice-chip:hover{background:#d4af370f;border-color:#d4af3759;transform:translate(4px)}.region-modal-choice-effect{color:var(--text-muted);text-align:center;padding-top:.25rem;font-size:.78rem;font-style:italic}.map-modal-container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:900px;max-height:92vh;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards mapModalIn;display:flex;position:relative;overflow-y:auto}@keyframes mapModalIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.map-modal-title{font-family:var(--font-header);color:var(--gold);text-shadow:0 0 15px #d4af3766;text-align:center;margin:0;font-size:clamp(1.2rem,3vw,1.8rem)}.map-modal-subtitle{color:var(--text-muted);text-align:center;margin-top:-.5rem;font-size:.85rem;font-style:italic}.map-modal-content{align-items:flex-start;gap:1.5rem;width:100%;display:flex}.map-modal-image-wrapper{border:2px solid #d4af3759;border-radius:12px;flex:1;position:relative;overflow:hidden;box-shadow:0 0 30px #d4af3726,0 10px 40px #0009}.map-modal-image{filter:saturate(.9)brightness(.95);width:100%;height:auto;transition:all .5s;display:block}.map-modal-image:hover{filter:saturate(1.1)brightness(1.05)}.map-modal-regions{flex-direction:column;flex-shrink:0;gap:.5rem;min-width:240px;display:flex}.map-modal-region-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;text-align:left;color:var(--text-color);font-family:var(--font-body);background:#0c101ab3;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;display:flex}.map-modal-region-btn:hover{border-color:var(--region-accent,var(--gold));background:#d4af3714;transform:translate(4px);box-shadow:0 0 15px #d4af371a}.map-modal-region-btn__icon{flex-shrink:0;font-size:1.5rem}.map-modal-region-btn__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.map-modal-region-btn__info strong{color:var(--text-color);font-size:.9rem}.map-modal-region-btn__act{color:var(--text-muted);font-size:.7rem}.map-modal-region-btn__arrow{color:var(--gold);opacity:0;font-size:1.1rem;transition:all .3s;transform:translate(-4px)}.map-modal-region-btn:hover .map-modal-region-btn__arrow{opacity:1;transform:translate(0)}.landing-map-wrapper--clickable{cursor:pointer;position:relative}.landing-map-wrapper--clickable:hover{border-color:var(--gold);box-shadow:0 0 30px #d4af3759,0 8px 30px #0009}.landing-map-zoom-hint{color:var(--gold);opacity:0;z-index:5;pointer-events:none;background:#000000b3;border-radius:10px;padding:2px 8px;font-size:.65rem;transition:opacity .3s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.landing-map-wrapper--clickable:hover .landing-map-zoom-hint{opacity:1}.landing-region-badge--clickable{cursor:pointer;font-family:var(--font-header);color:var(--gold);letter-spacing:.5px;background:#d4af3714;border:1px solid #d4af3733;border-radius:20px;padding:.3rem .7rem;font-size:.68rem;transition:all .3s;position:relative;overflow:hidden}.landing-region-badge--clickable:hover{border-color:var(--badge-accent,var(--gold));background:#d4af3733;transform:translateY(-2px);box-shadow:0 0 12px #d4af3740}.landing-region-badge--clickable:after{content:" →";opacity:0;transition:opacity .2s}.landing-region-badge--clickable:hover:after{opacity:1}@media (width<=768px){.region-modal-card{border-radius:12px 12px 0 0;max-height:95vh;margin-top:auto}.region-modal-hero{height:150px}.region-modal-title{font-size:1.4rem}.region-modal-body{gap:1.25rem;padding:1rem}.region-modal-danger-grid{grid-template-columns:1fr}.region-modal-boss-card__header{flex-direction:column;gap:.5rem}.map-modal-content{flex-direction:column}.map-modal-regions{min-width:unset;width:100%}.region-modal-backdrop,.map-modal-backdrop{align-items:flex-end;padding:.5rem}}@media (width<=480px){.region-modal-hero{height:120px}.region-modal-title{font-size:1.2rem}.region-modal-question{font-size:.9rem}.region-modal-body{padding:.75rem}.region-modal-close,.map-modal-close{width:32px;height:32px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.region-modal-card,.map-modal-container,.region-modal-boss-card{animation:none}}:root{--gold:#d4a843;--violet:#9b59b6;--green:#27ae60;--red:#e74c3c;--text-color:#e0ddd4;--bg-dark:#0d1117}.tutorial-overlay{z-index:99999;pointer-events:all;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}.tutorial-spotlight-mask{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.tutorial-spotlight-border{border:2px solid var(--gold);pointer-events:none;border-radius:12px;animation:2s ease-in-out infinite spotlight-pulse;position:absolute}.tutorial-tooltip{-webkit-backdrop-filter:blur(16px);pointer-events:all;background:#0d1117eb;border:1px solid #d4a84366;border-radius:16px;min-width:280px;max-width:420px;padding:1.5rem 2rem;animation:.4s ease-out forwards tooltip-appear;position:absolute;box-shadow:0 8px 32px #00000080,0 0 20px #d4a84326}.tutorial-tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.tutorial-tooltip-arrow[data-position=top]{border-width:12px 12px 0;border-color:#0d1117eb #0000 #0000;bottom:-12px;left:50%;transform:translate(-50%)}.tutorial-tooltip-arrow[data-position=bottom]{border-width:0 12px 12px;border-color:#0000 #0000 #0d1117eb;top:-12px;left:50%;transform:translate(-50%)}.tutorial-tooltip-arrow[data-position=left]{border-width:12px 0 12px 12px;border-color:#0000 #0000 #0000 #0d1117eb;top:50%;right:-12px;transform:translateY(-50%)}.tutorial-tooltip-arrow[data-position=right]{border-width:12px 12px 12px 0;border-color:#0000 #0d1117eb #0000 #0000;top:50%;left:-12px;transform:translateY(-50%)}.tutorial-tooltip-icon{background:linear-gradient(135deg, var(--gold), #f0c040);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.5rem;font-size:1.5rem;display:flex;box-shadow:0 4px 10px #0000004d}.tutorial-tooltip-title{color:var(--gold);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.tutorial-tooltip-message{color:var(--text-color);margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.tutorial-tooltip-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tutorial-btn-next{background:linear-gradient(135deg, var(--gold), #c49830);color:#000;cursor:pointer;text-align:center;border:none;border-radius:25px;flex:1;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.tutorial-btn-next:hover{filter:brightness(1.15);transform:scale(1.03);box-shadow:0 4px 15px #d4a84366}.tutorial-btn-skip{color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:25px;padding:.65rem 1rem;font-size:.9rem;transition:all .2s}.tutorial-btn-skip:hover{color:#fff;background:#ffffff0d;border-color:#fff6}.tutorial-progress{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:6px;margin-top:1rem;padding-top:1rem;display:flex}.tutorial-progress-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-progress-dot.active{background:var(--gold);transform:scale(1.3);box-shadow:0 0 6px #d4a84399}.tutorial-progress-dot.completed{background:var(--green)}.tutorial-step-counter{color:#ffffff80;text-align:center;margin-top:.5rem;font-size:.8rem}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 10px #d4a8434d,inset 0 0 10px #d4a8430d}50%{box-shadow:0 0 25px #d4a84399,inset 0 0 15px #d4a8431a}}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.tutorial-tooltip{max-width:90vw;min-width:unset;padding:1.2rem 1.4rem;position:fixed!important;inset:auto auto 20px 50%!important;transform:translate(-50%)!important}.tutorial-tooltip-arrow{display:none}.tutorial-tooltip-title{font-size:1.15rem}}