:root{--color-primary: #1f6f5d;--color-secondary: #9b6236;--color-accent: #f2b84b;--color-danger: #d94b59;--color-safe: #3f8fda;--color-bg: #08111a;--color-bg-light: #13212f;--color-text: #edf2eb;--color-text-dim: #9aa7b5;--color-disabled: #696969;--color-card-border: rgba(255, 255, 255, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--font-body: "Space Grotesk", "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, serif}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-text)}.btn-primary:hover{background-color:#278772}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-accent{background-color:var(--color-accent);color:var(--color-bg)}.btn-danger{background-color:var(--color-danger);color:var(--color-text)}.btn:disabled{background-color:var(--color-disabled);cursor:not-allowed}.panel{background-color:var(--color-bg-light);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md)}.progress-bar{height:8px;background-color:var(--color-bg);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.progress-bar-fill.health{background-color:#4caf50}.progress-bar-fill.stamina{background-color:#2196f3}.progress-bar-fill.xp{background-color:var(--color-accent)}.leaflet-container{background-color:var(--color-bg)!important;-ms-touch-action:none;touch-action:none}.leaflet-control-zoom{border:none!important}.leaflet-control-zoom a{background-color:var(--color-bg-light)!important;color:var(--color-text)!important;border:none!important}.leaflet-control-zoom a:hover{background-color:var(--color-primary)!important}.interaction-circle{stroke:var(--color-accent);stroke-width:2;stroke-dasharray:10,5;fill:#ffd7001a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.resource-marker{width:32px;height:32px;background-color:var(--color-bg-light);border:2px solid var(--color-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:transform .2s ease}.resource-marker:hover{transform:scale(1.2)}.resource-marker.depleted{opacity:.4;cursor:not-allowed}.notification{position:fixed;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-light);box-shadow:var(--shadow-lg);animation:slideIn .3s ease;z-index:1000}.notification.success{border-left:4px solid #4CAF50}.notification.error{border-left:4px solid var(--color-danger)}.notification.info{border-left:4px solid var(--color-safe)}.notification.warning{border-left:4px solid var(--color-accent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spinner{width:40px;height:40px;border:4px solid var(--color-bg-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:500}.hud>*{pointer-events:auto}.first-steps-panel{position:absolute;left:var(--spacing-md);bottom:88px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(242,184,75,.18);background:linear-gradient(180deg,#0c1821f5,#09111af2);box-shadow:0 18px 36px #00000057;z-index:650}.first-steps-header,.first-steps-item-head,.first-steps-footer,.first-steps-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.first-steps-kicker,.first-steps-next{margin:0 0 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.first-steps-title{margin:0;font-size:1.55rem;line-height:1}.first-steps-copy,.first-steps-item p,.first-steps-tip,.first-steps-progress span{margin:0;color:var(--color-text-dim);font-size:.9rem;line-height:1.5}.first-steps-tip{padding:10px 12px;border-radius:14px;background:#1f6f5d29;border:1px solid rgba(31,111,93,.26)}.first-steps-dismiss{border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;font-size:.82rem;padding:4px 0}.first-steps-list{display:flex;flex-direction:column;gap:10px}.first-steps-item{padding:12px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.first-steps-item.done{border-color:#1f6f5d61;background:#1f6f5d1a}.first-steps-check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#f2b84b29;color:var(--color-accent);font-size:.76rem;font-weight:700;flex-shrink:0}.first-steps-item.done .first-steps-check{background:#1f6f5d3d;color:#8fe2ca}.first-steps-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.first-steps-progress-bar{flex:1;height:6px;border-radius:999px;overflow:hidden;background:#ffffff14}.first-steps-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),#f6d67e)}.first-steps-footer{align-items:center}.first-steps-actions{justify-content:flex-start}.entry-shell{position:relative;min-height:100%;overflow:hidden auto;padding:clamp(24px,4vw,48px);background:radial-gradient(circle at top left,rgba(51,150,124,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(242,184,75,.1),transparent 28%),linear-gradient(155deg,#07111a,#0b1824 44%,#101b18)}.entry-shell-center{display:grid;place-items:center}.entry-orb{position:absolute;border-radius:999px;filter:blur(26px);opacity:.65;pointer-events:none;animation:orbFloat 18s ease-in-out infinite}.entry-orb-one{top:8%;left:6%;width:220px;height:220px;background:#22a48438}.entry-orb-two{right:8%;bottom:12%;width:280px;height:280px;background:#f2b84b24;animation-duration:22s}.entry-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;max-width:1180px;margin:0 auto;min-height:calc(100vh - 96px);align-items:stretch}.entry-grid-compact{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr)}.entry-panel{position:relative;border:1px solid var(--color-card-border);border-radius:28px;padding:clamp(24px,3vw,36px);background:linear-gradient(180deg,#13212feb,#0a131ceb);box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.entry-hero{display:flex;flex-direction:column;justify-content:space-between;gap:28px}.entry-card,.forge-card,.loading-panel{display:flex;flex-direction:column;justify-content:center;gap:18px}.entry-kicker,.entry-chip,.entry-quote-label{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--color-accent)}.entry-chip{display:inline-flex;width:fit-content;padding:7px 12px;border-radius:999px;background:#f2b84b1f;border:1px solid rgba(242,184,75,.22)}.entry-title{font-size:clamp(3rem,7vw,5.6rem);line-height:.92;letter-spacing:-.03em;margin:0}.loading-title{font-size:clamp(2.6rem,6vw,4.5rem)}.entry-card-title{font-size:clamp(2rem,3.5vw,3rem);line-height:.95;margin:0}.entry-subtitle,.entry-card-copy,.entry-feature-card p,.entry-quote p,.mode-card p,.mode-penalty,.entry-footnote{color:var(--color-text-dim);line-height:1.6}.entry-subtitle,.entry-card-copy{font-size:1.02rem;max-width:62ch}.entry-feature-grid,.mode-grid{display:grid;gap:14px}.entry-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-feature-card,.mode-card{border-radius:22px;border:1px solid var(--color-card-border);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.entry-feature-card{padding:18px}.entry-feature-card h2{font-size:1.35rem;margin-bottom:8px}.entry-quote{padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,#1f6f5d29,#f2b84b14);border:1px solid rgba(255,255,255,.07)}.entry-quote strong{display:block;margin:10px 0 8px;font-size:1.2rem}.steam-cta,.entry-toggle{border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.steam-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:14px 20px;border-radius:18px;background:linear-gradient(135deg,#13273d,#1f3957);color:#fff;font-size:1rem;font-weight:700;box-shadow:0 14px 32px #070f1766}.entry-toggle{width:100%;min-height:48px;border-radius:16px;background:#ffffff08;color:var(--color-text);font-size:.95rem;border:1px solid rgba(255,255,255,.08)}.steam-cta:hover,.entry-toggle:hover,.mode-card:hover{transform:translateY(-1px)}.entry-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-dim);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.entry-divider:before,.entry-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.entry-dev-form,.field-group{display:flex;flex-direction:column;gap:10px}.field-label{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.field-input{width:100%;min-height:52px;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#060c12bf;color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field-input:focus{border-color:#f2b84b80;box-shadow:0 0 0 3px #f2b84b1f}.entry-error{color:#ff8d97;font-size:.88rem}.entry-footnote{font-size:.82rem}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{padding:16px;text-align:left;cursor:pointer}.mode-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mode-dot{width:11px;height:11px;border-radius:999px;flex-shrink:0}.mode-penalty{display:block;margin-top:10px;font-size:.82rem}.loading-panel{max-width:620px;margin:0 auto;align-items:center;text-align:center}.loading-spinner-wrap{width:92px;height:92px;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle,#1f6f5d38,#1f6f5d00)}@keyframes orbFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-24px,0) scale(1.08)}}button,a,input,select{touch-action:manipulation}.hud{-webkit-user-select:none;user-select:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.hud{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 640px){.btn{min-height:44px;padding:10px var(--spacing-md)}.resource-marker:hover{transform:none}.notification{position:static;width:100%;margin-bottom:var(--spacing-sm);animation:none}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;font-size:20px!important}.panel-scroll{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-bar-scroll .btn{min-height:40px;min-width:44px;padding:6px;flex-shrink:0}.first-steps-panel{left:12px;right:12px;bottom:84px;width:auto;padding:16px}.entry-shell{padding:18px}.entry-panel{border-radius:22px;padding:20px}.entry-feature-grid,.mode-grid{grid-template-columns:1fr}.entry-title{font-size:clamp(2.6rem,12vw,4rem)}}@media (max-width: 960px){.entry-grid,.entry-grid-compact{grid-template-columns:1fr;min-height:auto}.entry-feature-grid{grid-template-columns:1fr}}.nav-bar-scroll::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:.8;transform:translateY(-40px) scale(1.1)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.floating-damage{animation:floatUp 1.5s ease-out forwards}@keyframes levelUpGlow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 60px #ffd700b3}}.level-up-burst{animation:scaleIn .5s ease-out,levelUpGlow 1s ease-in-out infinite;border-radius:var(--radius-lg);padding:32px 48px;background:radial-gradient(ellipse at center,rgba(255,215,0,.1) 0%,transparent 70%)}