@import "https://fonts.googleapis.com/css2?family=MedievalSharp&family=Almendra:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@500;700;800;900&display=swap";:root{--color-bg-deep:#0c0e18;--color-bg-primary:#151828;--color-bg-card:#1d2034;--color-bg-card-hover:#252941;--color-bg-elevated:#2a2e46;--color-surface-glass:#24284299;--color-surface-overlay:#0c0e18d9;--color-accent-primary:#8c52ef;--color-accent-secondary:#ed457d;--color-accent-tertiary:#18d8c8;--color-accent-gold:#fbc02d;--color-accent-green:#2dd272;--color-accent-orange:#fa832e;--gradient-hero:linear-gradient(135deg, #7c3bed 0%, #ea2e6d 50%, #f97a1f 100%);--gradient-card:linear-gradient(145deg, #6b33cc26 0%, #cc336614 100%);--gradient-card-hover:linear-gradient(145deg, #6b33cc40 0%, #cc336626 100%);--gradient-button:linear-gradient(135deg, #7c3bed, #ab30e8);--gradient-button-hover:linear-gradient(135deg, #8c52ef, #b447eb);--gradient-gold:linear-gradient(135deg, #fab80f, #faa52e);--color-text-primary:#f2f2f2;--color-text-secondary:#989db3;--color-text-muted:#656a81;--color-text-accent:var(--color-accent-primary);--color-border:#52587a40;--color-border-hover:#7a47d166;--color-border-glow:#8c52ef4d;--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-hero:clamp(2.5rem, 6vw, 5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 12px 50px #0009;--shadow-glow:0 0 20px #8c52ef4d;--shadow-glow-strong:0 0 40px #8c52ef66;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--z-base:1;--z-card:10;--z-sticky:100;--z-modal:1000;--z-toast:2000;--z-tooltip:3000}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}html,body{color:#3d2b1f;-webkit-font-smoothing:antialiased;background:#191410;width:100%;height:100%;font-family:Almendra,serif;line-height:1.6;overflow:hidden}.bg-canvas{z-index:0;pointer-events:none;opacity:.85;background:radial-gradient(circle,#1b1612 0%,#0d0a08 100%);position:fixed;inset:0}.site-header{height:64px;padding:0 var(--space-8);z-index:100;background:linear-gradient(#1f1813 0%,#150f0c 100%);border-bottom:2px solid #3d2b1f;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 4px 15px #0009}.site-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.site-logo-icon{border-radius:var(--radius-md);width:38px;height:38px;transition:transform var(--duration-normal) var(--ease-bounce);background:linear-gradient(135deg,#c99a49 0%,#8c6227 100%);border:1px solid #d4af37;justify-content:center;align-items:center;font-size:1.25rem;display:flex;box-shadow:0 0 10px #d4af374d}.site-logo:hover .site-logo-icon{transform:rotate(-10deg)scale(1.08)}.site-logo-text{color:#dfba73;text-shadow:0 2px 4px #00000080;letter-spacing:.05em;font-family:MedievalSharp,cursive;font-size:1.35rem;font-weight:700}.header-gold-balance{border-radius:var(--radius-md);background:linear-gradient(135deg,#d4af3726 0%,#8c622726 100%);border:1px solid #c99a49;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:0 0 10px #c99a4926}.header-gold-balance span{color:#dfba73;letter-spacing:.05em;font-family:MedievalSharp,cursive;font-size:.88rem}.header-gold-balance .gold-count{color:#f6d365;text-shadow:0 0 4px #f6d36566;font-weight:700}.header-status{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:#dfba7314;border:1px solid #dfba7340;padding:4px 14px;display:flex}.status-indicator{background:#c99a49;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse;box-shadow:0 0 8px #d4af37}.status-text{color:#dfba73;letter-spacing:.08em;text-transform:uppercase;font-family:MedievalSharp,cursive;font-size:.72rem;font-weight:600}.map-viewport{z-index:10;cursor:grab;background:#0f0b09;width:100%;height:calc(100vh - 64px);position:relative;overflow:auto}.map-viewport.hidden{display:none!important}.map-viewport:active{cursor:grabbing}.map-container{-webkit-user-select:none;user-select:none;background-image:url(/parchment.png);background-position:50%;background-repeat:repeat;background-size:1024px;border-bottom:4px solid #1c1511;border-right:4px solid #1c1511;width:2100px;height:100%;min-height:750px;position:relative;box-shadow:inset 0 0 80px #000000d9}.map-container:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle,#0000 30%,#21171059 100%);position:absolute;inset:0}.map-container:before{content:"";z-index:1;border-left:2px dashed #3d2b1f73;width:2px;position:absolute;top:0;bottom:0;left:1020px}.zone-banner{z-index:4;pointer-events:none;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f4e7cecc;border:1px solid #3d2b1f4d;padding:10px 22px;position:absolute;top:35px;box-shadow:0 4px 15px #00000026,inset 0 0 10px #3d2b1f14}.zone-tag{text-transform:uppercase;letter-spacing:.12em;color:#705541;font-family:MedievalSharp,cursive;font-size:.65rem;font-weight:700;display:block}.zone-title{color:#3d2b1f;letter-spacing:.02em;text-shadow:0 1px 1px #ffffff80;font-family:Cinzel,serif;font-size:1.35rem;font-weight:800}.zone-starter-banner .zone-title{border-bottom:2px solid #2d5a2766}.zone-advanced-banner .zone-title{border-bottom:2px solid #8c2d1966}.map-path-svg{z-index:2;pointer-events:none;filter:drop-shadow(0 2px 3px #00000040);width:100%;height:100%;position:absolute;inset:0}.map-trail{fill:none;stroke:#3d2b1f40;stroke-width:4px;stroke-linecap:round}.map-trail-glow{fill:none;stroke:#4e3629;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:6 10;animation:20s linear infinite inkTrailFlow}@keyframes inkTrailFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-320px}}.map-node{z-index:5;cursor:pointer;transition:transform var(--duration-normal) var(--ease-bounce);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-node:hover{z-index:10;transform:translate(-50%,-50%)scale(1.12)}.map-node-ring{width:82px;height:82px;transition:all var(--duration-normal) var(--ease-out);border-radius:48% 52% 50% 50%/50% 48% 52% 50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 5px 12px #0006,inset 0 -4px 10px #0000004d,inset 0 4px 10px #fff3}.map-node.playable .map-node-ring{background:radial-gradient(circle,#ac392b 0%,#801d14 100%);border:4px solid #6b120a;animation:3.5s ease-in-out infinite waxBreath}.map-node.playable:hover .map-node-ring{background:radial-gradient(circle,#c04b3c 0%,#902218 100%);border-color:#7b160e;box-shadow:0 8px 20px #00000080,0 0 15px #d4af3766,inset 0 -4px 10px #0006,inset 0 4px 10px #ffffff40}@keyframes waxBreath{0%,to{box-shadow:0 5px 12px #0006,inset 0 -4px 10px #0000004d}50%{box-shadow:0 5px 22px #801d14a6,inset 0 -4px 10px #0000004d}}.map-node.locked .map-node-ring{opacity:.85;background:radial-gradient(circle,#4a4540 0%,#2e2a26 100%);border:4px solid #201d1a}.map-node.locked{cursor:not-allowed}.map-node.locked:hover{transform:translate(-50%,-50%)}.map-node-icon{filter:drop-shadow(0 2px 4px #0006);transition:transform var(--duration-normal) var(--ease-bounce);font-size:2.1rem}.map-node:hover .map-node-icon{transform:scale(1.1)}.map-node.locked .map-node-icon{filter:grayscale(.9)brightness(.5)}.map-node-ring-clip{border-radius:inherit;z-index:1;position:absolute;inset:0;overflow:hidden}.map-node-ring-clip:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 4px 10px #000000b3,inset 0 -4px 8px #0006}.submap-miniature{border-radius:inherit;z-index:1;opacity:.85;filter:sepia(.3)contrast(1.1)brightness(.9);transition:transform var(--duration-normal) var(--ease-bounce), filter var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.map-node:hover .submap-miniature{opacity:1;filter:sepia(.1)contrast(1.1)brightness();transform:scale(1.18)}.map-node.locked .submap-miniature{filter:grayscale(.9)brightness(.5);opacity:.5}.map-node-lock{background:#2e2a26;border:1px solid #1a1715;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.68rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 5px #0006}.map-node-difficulty{color:#fff;border:2px solid #6b120a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:MedievalSharp,cursive;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #0000004d}.map-node-difficulty.diff-easy{background:#2d5a27;border-color:#1e3f19}.map-node-difficulty.diff-medium{background:#1e3f66;border-color:#122842}.map-node-difficulty.diff-hard{background:#8c2d19;border-color:#5c1b0c}.map-node-label{color:#3d2b1f;text-align:center;text-shadow:0 1px 1px #fff6;max-width:120px;transition:color var(--duration-fast);font-family:MedievalSharp,cursive;font-size:.78rem;font-weight:600;line-height:1.25}.map-node:hover .map-node-label{color:#0d0703}.hud-panel{z-index:80;border-radius:var(--radius-md);width:270px;transition:transform .3s var(--ease-out);position:fixed}.hud-panel-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;background:#3d2b1f0d;border-bottom:1px solid #3d2b1f40;display:flex}.hud-collapse-caret{transition:transform .25s var(--ease-out);opacity:.7;font-size:.8rem;display:inline-block}.hud-panel:hover .hud-collapse-caret{opacity:1}.hud-panel.collapsed .hud-panel-body{display:none}.hud-panel.collapsed{height:auto!important;min-height:0!important}.hud-panel.collapsed .hud-panel-header{border-bottom:none!important}.hud-panel.collapsed .hud-collapse-caret{transform:rotate(180deg)}.hud-panel-header h3{letter-spacing:.05em;text-transform:uppercase;color:#3d2b1f;font-family:MedievalSharp,cursive;font-size:.9rem;font-weight:700}.hud-panel-body{padding:var(--space-4)}.hud-quest-log{top:88px;left:24px}.quest-objective{color:#7b2c18;margin-bottom:6px;font-family:MedievalSharp,cursive;font-size:.8rem;font-weight:700}.quest-desc{color:#5c4738;margin-bottom:var(--space-4);font-size:.78rem;line-height:1.45}.quest-progress{flex-direction:column;gap:5px;display:flex}.progress-label{text-transform:uppercase;color:#705541;font-family:MedievalSharp,cursive;font-size:.65rem}.progress-bar-container{border-radius:var(--radius-sm);background:#3d2b1f26;border:1px solid #3d2b1f4d;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-sm);background:linear-gradient(90deg,#8c2d19,#ac392b);height:100%;box-shadow:inset 0 1px 3px #fff3}.progress-percent{color:#3d2b1f;text-align:right;font-family:MedievalSharp,cursive;font-size:.72rem;font-weight:600}.hud-stats{width:260px;top:88px;right:24px}.character-class-tag{text-transform:uppercase;color:#8c2d19;letter-spacing:.08em;margin-bottom:12px;font-family:MedievalSharp,cursive;font-size:.75rem;font-weight:700}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.stat-badge{border-radius:var(--radius-sm);background:#3d2b1f0f;border:1px solid #3d2b1f40;flex-direction:column;align-items:center;padding:6px;display:flex}.stat-badge .stat-icon{font-size:1.15rem}.stat-badge .stat-label{color:#705541;text-transform:uppercase;font-family:MedievalSharp,cursive;font-size:.6rem}.stat-badge .stat-val{color:#3d2b1f;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.equipped-gear-section{border-top:1px dashed #3d2b1f40;margin-bottom:15px;padding-top:10px}.equipped-gear-section h4{text-transform:uppercase;color:#705541;margin-bottom:6px;font-family:MedievalSharp,cursive;font-size:.75rem}.gear-slot{border-bottom:1px dotted #3d2b1f26;justify-content:space-between;padding:4px 0;font-size:.75rem;display:flex}.gear-slot:last-child{border-bottom:none}.gear-slot .slot-label{color:#5c4738;font-weight:700}.gear-slot .slot-item{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.btn-shop-open{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--duration-normal);background:radial-gradient(circle,#ac392b 0%,#801d14 100%);border:1px solid #6b120a;padding:8px;font-family:MedievalSharp,cursive;font-size:.75rem;font-weight:600;box-shadow:0 4px 8px #00000040}.btn-shop-open:hover{background:radial-gradient(circle,#c04b3c 0%,#902218 100%);transform:translateY(-1px);box-shadow:0 6px 12px #801d1466}.hud-fast-travel{z-index:80;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);background-image:url(/parchment.png);background-size:100% 100%;border:2px solid #3d2b1f;padding:10px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.travel-label{color:#3d2b1f;text-transform:uppercase;letter-spacing:.05em;font-family:MedievalSharp,cursive;font-size:.78rem;font-weight:700}.travel-btn{color:#5c4738;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:#3d2b1f14;border:1px solid #3d2b1f59;padding:6px 16px;font-family:MedievalSharp,cursive;font-size:.75rem;font-weight:600}.travel-btn:hover{color:#0d0703;background:#3d2b1f26;border-color:#3d2b1f80}.travel-btn.active{color:#fff;background:linear-gradient(135deg,#ac392b 0%,#801d14 100%);border-color:#6b120a;box-shadow:0 2px 5px #00000040}.map-tooltip{z-index:150;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-sm);pointer-events:none;width:310px;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background-image:url(/parchment.png);background-size:100% 100%;border:2px solid #3d2b1f;display:flex;position:fixed;box-shadow:0 12px 35px #00000080}.map-tooltip.hidden{opacity:0;transform:translateY(8px)}.map-tooltip-icon{filter:drop-shadow(0 2px 4px #00000040);align-items:center;font-size:2.2rem;display:flex}.map-tooltip-body{flex-direction:column;gap:4px;display:flex}.map-tooltip-category{text-transform:uppercase;letter-spacing:.08em;color:#7b2c18;font-family:MedievalSharp,cursive;font-size:.65rem;font-weight:700}.map-tooltip-title{color:#3d2b1f;font-family:Cinzel,serif;font-size:1.05rem;font-weight:700}.map-tooltip-desc{color:#5c4738;font-size:.78rem;line-height:1.45}.map-tooltip-tags{gap:var(--space-2);margin-top:4px;display:flex}.map-tooltip-tag{border-radius:var(--radius-sm);color:#705541;background:#3d2b1f14;border:1px dashed #3d2b1f33;padding:2px 8px;font-size:.65rem}.map-tooltip-action{text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-family:MedievalSharp,cursive;font-size:.72rem;font-weight:700}.map-tooltip-action.playable{color:#2d5a27}.map-tooltip-action.locked{color:#705541}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0908bf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.scroll-modal-content{border-radius:var(--radius-md);color:#3d2b1f;text-align:center;width:90%;max-width:600px;transition:transform .3s var(--ease-bounce);background-image:url(/parchment.png);background-size:100% 100%;border:4px double #3d2b1f;padding:40px 30px;position:relative;transform:translateY(0);box-shadow:0 15px 40px #000c,inset 0 0 25px #3d2b1f40}.modal-overlay.hidden .scroll-modal-content{transform:translateY(-20px)}.modal-title{color:#7b2c18;letter-spacing:.05em;text-shadow:0 1px 1px #fff6;margin-bottom:8px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:800}.modal-subtitle{color:#5c4738;margin-bottom:25px;font-size:.88rem}.char-options-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.char-card{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--duration-normal);background:#f4e7ce80;border:2px dashed #3d2b1f59;flex-direction:column;align-items:center;padding:20px 15px;display:flex}.char-card:hover{background:#f4e7ced9;border-color:#8c2d19;transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.char-card.selected{background:#f4e7cef2;border:2.5px solid #ac392b;box-shadow:0 10px 25px #801d1440,inset 0 0 12px #801d141a}.char-avatar-large{filter:drop-shadow(0 4px 6px #0003);margin-bottom:12px;font-size:3.5rem;transition:transform .2s}.char-card:hover .char-avatar-large{transform:scale(1.1)}.char-name{color:#3d2b1f;margin-bottom:2px;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700}.char-class{text-transform:uppercase;color:#8c2d19;letter-spacing:.08em;margin-bottom:10px;font-family:MedievalSharp,cursive;font-size:.72rem;font-weight:700}.char-desc{color:#5c4738;flex-grow:1;margin-bottom:12px;font-size:.75rem;line-height:1.45}.char-starting-stats{color:#705541;border-top:1px dotted #3d2b1f33;width:100%;padding-top:8px;font-family:MedievalSharp,cursive;font-size:.75rem}.btn-modal-confirm{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#3d2b1f;border:1px solid #20150e;padding:10px 35px;font-family:MedievalSharp,cursive;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #0003}.btn-modal-confirm:not(:disabled){background:linear-gradient(#ac392b,#801d14);border-color:#6b120a}.btn-modal-confirm:not(:disabled):hover{background:linear-gradient(#c04b3c,#902218);transform:translateY(-1px);box-shadow:0 6px 15px #801d144d}.btn-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.shop-scroll-content{flex-direction:column;max-width:650px;height:90vh;max-height:520px;display:flex}.shop-close-btn{cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.15rem;transition:transform .2s;position:absolute;top:12px;right:12px}.shop-close-btn:hover{transform:scale(1.15)}.shop-tabs{border-bottom:2px solid #3d2b1f40;gap:6px;margin-bottom:15px;padding-bottom:2px;display:flex}.shop-tab{text-transform:uppercase;color:#705541;cursor:pointer;background:0 0;border:none;padding:6px 16px;font-family:MedievalSharp,cursive;font-size:.82rem;transition:color .2s;position:relative}.shop-tab:hover{color:#3d2b1f}.shop-tab.active{color:#8c2d19;font-weight:700}.shop-tab.active:after{content:"";background:#8c2d19;border-radius:1px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.shop-gold-display{color:#5c4738;justify-content:flex-end;gap:6px;margin-bottom:12px;font-family:MedievalSharp,cursive;font-size:.88rem;display:flex}.shop-gold-display .gold-count{color:#8c6227;font-weight:700}.shop-tab-pane{flex-grow:1;padding-right:5px;overflow-y:auto}.shop-tab-pane.hidden{display:none}.shop-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.shop-item-card,.inventory-item-card{border-radius:var(--radius-sm);text-align:left;background:#f4e7ce80;border:1px solid #3d2b1f40;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.item-visual{border-radius:var(--radius-sm);background:#3d2b1f14;border:1px solid #3d2b1f33;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.7rem;display:flex;box-shadow:inset 0 2px 4px #0000000f}.item-details{flex-direction:column;flex-grow:1;min-width:0;display:flex}.item-name{color:#3d2b1f;margin-bottom:1px;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;line-height:1.2}.item-stat-mod{color:#2d5a27;margin-bottom:2px;font-family:MedievalSharp,cursive;font-size:.65rem;font-weight:700}.item-desc{color:#705541;margin-bottom:6px;font-size:.68rem;line-height:1.3}.item-action-row{justify-content:space-between;align-items:center;display:flex}.item-cost{color:#8c6227;font-family:MedievalSharp,cursive;font-size:.72rem;font-weight:700}.btn-item-action{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;padding:4px 10px;font-family:MedievalSharp,cursive;font-size:.68rem;font-weight:700;transition:all .15s}.btn-item-action.buy{color:#fff;background:linear-gradient(#ac392b,#801d14);border-color:#6b120a}.btn-item-action.buy:hover{background:linear-gradient(#c04b3c,#902218)}.btn-item-action.buy:disabled{color:#706b68;cursor:not-allowed;background:#c2bdb8;border-color:#a8a39f}.btn-item-action.equip{color:#fff;background:#3d2b1f;border-color:#20150e}.btn-item-action.equipped{color:#fff;cursor:default;background:#2d5a27;border-color:#1e3f19}.inventory-empty{color:#705541;text-align:center;padding:40px 20px;font-size:.88rem;line-height:1.6}.map-viewport::-webkit-scrollbar{width:10px;height:10px}.shop-tab-pane::-webkit-scrollbar{width:10px;height:10px}.map-viewport::-webkit-scrollbar-track{background:#110c09}.shop-tab-pane::-webkit-scrollbar-track{background:#110c09}.map-viewport::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#3d2b1f;border:2px solid #110c09}.shop-tab-pane::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#3d2b1f;border:2px solid #110c09}.map-viewport::-webkit-scrollbar-thumb:hover{background:#543b2a}.shop-tab-pane::-webkit-scrollbar-thumb:hover{background:#543b2a}@media (width<=1024px){.hud-panel{display:none}}.char-doll-frame{margin:var(--space-4) 0;border-radius:var(--radius-md);background:#3d2b1f0a;border:1px dashed #3d2b1f40;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:inset 0 2px 5px #0000000d}.doll-slot{width:44px;height:44px;transition:all .25s var(--ease-bounce);background:#f4e7ceb3;border:1.5px solid #3d2b1f80;border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;display:flex;position:relative;box-shadow:0 2px 4px #0000001a,inset 0 1px 3px #fff3}.doll-slot:after{content:attr(title);color:#705541;white-space:nowrap;opacity:.7;font-family:MedievalSharp,cursive;font-size:.55rem;position:absolute;bottom:-16px}.doll-slot.active-item{background:radial-gradient(circle,#fbf7ee 0%,#ecdcb9 100%);border-color:#c99a49;transform:scale(1.05);box-shadow:0 0 8px #d4af3766,inset 0 1px 3px #ffffff4d}.doll-center-zone{flex-direction:column;align-items:center;gap:8px;display:flex}.doll-character-avatar{filter:drop-shadow(0 3px 6px #00000026);transition:transform .3s var(--ease-bounce);font-size:3.5rem;line-height:1}.doll-character-avatar:hover{transform:scale(1.1)rotate(5deg)}.slot-weapon-icon{margin-right:4px}.slot-shield-icon{margin-left:4px}.slot-armor-icon{margin-top:-4px}.sub-map-viewport{z-index:10;cursor:grab;background:#090706;justify-content:center;align-items:flex-start;width:100%;height:calc(100vh - 64px);padding:40px 0;display:flex;position:relative;overflow:auto}.sub-map-viewport.hidden{display:none}.sub-map-viewport:active{cursor:grabbing}.sub-map-container{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;width:900px;height:900px;transform:scale(var(--submap-scale,1));transform-origin:top;margin-bottom:calc(900px * (var(--submap-scale,1) - 1));background-color:#1a1410;background-position:50%;background-size:100% 100%;border:4px double #3d2b1f;flex-shrink:0;position:relative;box-shadow:0 15px 45px #000000e6,inset 0 0 80px #00000080}.sub-map-header{z-index:4;border-radius:var(--radius-sm);text-align:center;background:#f4e7cee6;border:2px solid #3d2b1f;min-width:250px;padding:8px 24px;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}.sub-map-tag{text-transform:uppercase;letter-spacing:.1em;color:#8c2d19;font-family:MedievalSharp,cursive;font-size:.68rem;display:block}.sub-map-title{color:#3d2b1f;font-family:Cinzel,serif;font-size:1.2rem;font-weight:800}.sub-map-path-svg{z-index:2;pointer-events:none;position:absolute;inset:0}.btn-return-world{z-index:90;border-radius:var(--radius-sm);color:#3d2b1f;cursor:pointer;transition:all .2s var(--ease-bounce);background-image:url(/parchment.png);background-size:100% 100%;border:2px solid #3d2b1f;padding:10px 18px;font-family:MedievalSharp,cursive;font-size:.8rem;font-weight:700;position:fixed;top:88px;left:24px;box-shadow:0 5px 15px #0006}.btn-return-world:hover{color:#8c2d19;border-color:#8c2d19;transform:scale(1.05)translateY(-2px);box-shadow:0 8px 20px #00000080}body.submap-active .hud-fast-travel{display:none!important}.map-node.boss-node .map-node-ring{background:radial-gradient(circle,#ac1a1a 0%,#580a0a 100%);border:4px solid #3b0505;width:96px;height:96px;animation:2s ease-in-out infinite bossPulse;box-shadow:0 8px 22px #ac1a1a99,inset 0 -5px 12px #00000080}.map-node.boss-node:hover .map-node-ring{background:radial-gradient(circle,#d12323 0%,#750e0e 100%);border-color:#4a0707;box-shadow:0 12px 30px #d12323cc,0 0 20px #d4af3780,inset 0 -5px 12px #0009}@keyframes bossPulse{0%,to{transform:scale(1);box-shadow:0 8px 22px #ac1a1a99}50%{transform:scale(1.06);box-shadow:0 10px 30px #ac1a1ae6,0 0 15px #d4af3733}}.map-node.boss-node .map-node-difficulty{color:#ac1a1a;background:#000;border-color:#3b0505;font-weight:900}.map-node.boss-node .map-node-label{color:#ac1a1a;text-shadow:0 1px 2px #0009;font-weight:800}.map-node.boss-node:hover .map-node-label{color:#d12323}.title-screen-view{z-index:2000;padding:16px 16px max(20px, env(safe-area-inset-bottom));isolation:isolate;background-image:url(/title_screen.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.title-screen-view.hidden{opacity:0;pointer-events:none}.title-screen-view:before{content:"";z-index:-1;filter:blur(30px)brightness(.35);pointer-events:none;background:url(/title_screen.jpg) 50%/cover no-repeat;position:absolute;inset:-40px}.title-screen-still,.title-screen-video{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.title-screen-still{background:url(/title_screen.jpg) 50%/contain no-repeat}.title-screen-video{opacity:0;transition:opacity .8s}.title-screen-view.motion-ready .title-screen-video{opacity:1}.title-screen-view:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#070c14d9);height:clamp(110px,22vh,180px);position:absolute;inset:auto 0 0}@media (prefers-reduced-motion:reduce){.title-screen-video{transition:none}.title-logo-main,.title-screen-buttons .btn-enter-game{animation:none}}.title-logo-container{text-align:center;z-index:10;flex-direction:column;align-items:center;max-width:calc(100vw - 32px);margin:0 0 14px;display:flex}.title-logo-main{text-transform:uppercase;letter-spacing:.035em;background:linear-gradient(#f5dfa2,#c1944c);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #000);-webkit-background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(20px,4.5vw,36px);font-weight:700;line-height:1.15;animation:none}.title-logo-sub{letter-spacing:.025em;color:#e4d8be;text-shadow:0 2px 4px #000;margin:6px 0 0;font-family:MedievalSharp,cursive;font-size:clamp(10px,2.3vw,13px);line-height:1.4}@keyframes titleGlow{0%{filter:drop-shadow(0 4px 15px #000000f2)drop-shadow(0 0 20px #ff8c001a)}to{filter:drop-shadow(0 4px 15px #000000f2)drop-shadow(0 0 45px #ff8c0073)}}@keyframes startPulse{0%,to{box-shadow:0 0 20px #52a1d566,inset 0 0 10px #52a1d533}50%{box-shadow:0 0 35px #52a1d5cc,inset 0 0 15px #52a1d566}}.char-select-screen{z-index:1900;background:#06090e;flex-direction:column;justify-content:center;align-items:center;padding:2vh;transition:opacity .8s;display:flex;position:fixed;inset:0}.char-select-screen.hidden{opacity:0;pointer-events:none}.char-select-board{background-image:url(/char_select_bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:4px double #52a1d5;border-radius:12px;width:100vmin;max-width:820px;height:100vmin;max-height:820px;position:relative;overflow:hidden;box-shadow:0 15px 50px #000000e6}.char-select-board:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(#080e1a00 63%,#080e1a8c 71%,#080e1ae8 76%,#080e1aed 84% 100%);position:absolute;inset:0}.class-choice-panel{-webkit-backdrop-filter:blur(10px);text-align:center;z-index:60;background:#0a0f1aeb;border:2px solid #52a1d5;border-radius:16px;width:80%;max-width:500px;padding:30px;transition:opacity .4s,transform .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #000c,inset 0 0 20px #52a1d526}.class-choice-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-45%)}.class-choice-title{background:linear-gradient(135deg,gold,#ff8c00);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em;filter:drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;margin-bottom:8px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:900}.class-choice-subtitle{color:#c9e6ff;text-shadow:0 1px 2px #000c;margin-bottom:24px;font-family:Almendra,serif;font-size:1rem}.class-choice-buttons{justify-content:center;gap:20px;display:flex}.btn-class-choice{cursor:pointer;color:#fff;background:#080e17b3;border:2px solid #52a1d566;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 15px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 12px #0006}.btn-class-choice:hover{background:#1b3d54d9;border-color:#52a1d5;transform:translateY(-5px);box-shadow:0 12px 24px #52a1d54d,inset 0 0 15px #52a1d533}.btn-class-choice:active{transform:translateY(-2px)}.btn-class-choice .choice-icon{filter:drop-shadow(0 0 10px #fff3);font-size:2.5rem;transition:transform .3s}.btn-class-choice:hover .choice-icon{transform:scale(1.15)rotate(5deg)}#btnSelectWizards:hover{border-color:#9b59b6;box-shadow:0 12px 24px #9b59b64d,inset 0 0 15px #9b59b633}#btnSelectWizards:hover .choice-icon{filter:drop-shadow(0 0 15px #9b59b6cc)}#btnSelectMages:hover{border-color:#2ecc71;box-shadow:0 12px 24px #2ecc714d,inset 0 0 15px #2ecc7133}#btnSelectMages:hover .choice-icon{filter:drop-shadow(0 0 15px #2ecc71cc)}.btn-class-choice .choice-label{letter-spacing:.05em;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700}.btn-class-choice .choice-desc{color:#8daed5;margin-top:4px;font-family:MedievalSharp,cursive;font-size:.75rem}.btn-back-classes{color:#c9e6ff;cursor:pointer;z-index:55;background:#080e17d9;border:1.5px solid #52a1d5;border-radius:6px;padding:6px 14px;font-family:MedievalSharp,cursive;font-size:.78rem;transition:all .2s;position:absolute;top:14%;left:5%;box-shadow:0 2px 8px #0009}.btn-back-classes:hover{color:#fff;background:#1b3d54;border-color:#79c5f5;transform:scale(1.05);box-shadow:0 0 12px #52a1d580}.btn-back-classes.hidden{display:none!important}.char-overlays-container{pointer-events:none;z-index:10;position:absolute;inset:0}.char-overlay{object-fit:cover;opacity:0;width:100%;height:100%;transition:filter .35s,transform .35s,opacity .4s;position:absolute;inset:0}.char-overlay.active{opacity:1}.char-overlay.highlighted{filter:drop-shadow(0 0 25px #52a1d5d9)brightness(1.15)contrast(1.05);transform:scale(1.015)}.char-hitbox{z-index:25;cursor:pointer;background:0 0;width:50%;height:100%;transition:background-color .3s;position:absolute;top:0;bottom:0}.char-hitbox.left{left:0}.char-hitbox.right{right:0}.char-hitbox:hover{background-color:#52a1d504}.char-stats-card{-webkit-backdrop-filter:blur(8px);z-index:30;text-align:center;pointer-events:none;border-radius:10px;width:230px;padding:12px;font-family:Almendra,serif;transition:all .3s,border-color .3s,box-shadow .3s;position:absolute;bottom:5%;transform:translateY(0);box-shadow:0 10px 30px #000000e6,inset 0 0 12px #52a1d51a;color:#fff!important;opacity:1!important;background:#0a0f1aeb!important;border:1.5px solid #52a1d566!important}.char-stats-card.left{left:13%}.char-stats-card.right{right:10%}.char-stats-card.center{top:46%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.char-stats-card.selected{box-shadow:0 0 20px #ffd70080,0 10px 30px #000000e6;background:#0f1626f2!important;border-color:gold!important}.char-stats-card.hidden{transform:translateY(15px);opacity:0!important}.char-stats-card.center.hidden{opacity:0!important;transform:translate(-50%,-57%)!important}.char-stats-name{margin-bottom:2px;color:gold!important;text-shadow:0 0 10px #ffd70066,0 2px 4px #000000e6!important;font-family:Cinzel,serif!important;font-size:1.25rem!important;font-weight:900!important}.char-stats-class{text-transform:uppercase;margin-bottom:6px;display:block;color:#79c5f5!important;letter-spacing:.1em!important;text-shadow:0 0 6px #79c5f566,0 1px 2px #000000e6!important;font-family:MedievalSharp,cursive!important;font-size:.8rem!important;font-weight:700!important}.char-stats-desc{height:auto;min-height:40px;margin-bottom:8px;overflow:hidden;color:#d1ecff!important;text-shadow:0 1px 3px #000000e6!important;font-family:Almendra,serif!important;font-size:.82rem!important;font-weight:400!important;line-height:1.35!important}.char-stats-values{grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;display:grid;border-top:1px solid #52a1d540!important;font-family:MedievalSharp,cursive!important;font-size:.9rem!important;font-weight:800!important}.char-stat-value{color:#dfecf7!important;text-shadow:0 1px 3px #000000e6!important}.char-stat-value span{color:gold!important;text-shadow:0 0 10px #ffd70099,0 1px 3px #000000e6!important;font-weight:900!important}.btn-char-select-confirm{color:#c9e6ff;letter-spacing:.05em;cursor:pointer;z-index:50;background:linear-gradient(135deg,#1b3d54 0%,#0d1e2b 100%);border:2px solid #52a1d5;border-radius:6px;justify-content:center;align-items:center;width:170px;height:40px;font-family:Cinzel,serif;font-size:.76rem;font-weight:800;transition:all .3s;animation:2s ease-in-out infinite startPulse;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0009}.btn-char-select-confirm:not([disabled]){color:#fff;background:linear-gradient(135deg,#8c2d19 0%,#5c1b0c 100%);border-color:#ac392b;animation:1.8s ease-in-out infinite confirmPulse;box-shadow:0 0 15px #ac2d1999}.btn-char-select-confirm:not([disabled]):hover{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 25px #ac2d19e6,inset 0 0 15px #ac2d1966}.btn-char-select-confirm[disabled]{cursor:not-allowed;opacity:.55;color:#c9e6ff4d!important;box-shadow:none!important;background:#141923cc!important;border:1.5px solid #52a1d540!important;animation:none!important}@keyframes confirmPulse{0%,to{box-shadow:0 0 12px #ac2d1980}50%{box-shadow:0 0 22px #ac2d19e6}}.title-screen-buttons{z-index:10;flex-flow:wrap;justify-content:center;align-items:center;gap:14px;max-width:100%;display:flex}.btn-enter-game{color:#f8e4c1;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#642e23,#3c1d19);border:1px solid #c69a62;border-radius:5px;min-height:36px;padding:8px 20px;font-family:Cinzel,serif;font-size:12px;font-weight:700;line-height:1.2;transition:background .2s,border-color .2s;animation:none;position:relative;box-shadow:0 2px 12px #0007}.btn-enter-game:after{content:"";position:absolute;inset:-4px -5px}.btn-enter-game:hover{background:#713b2b;border-color:#f4d59e}.btn-enter-game:focus-visible{outline-offset:5px;outline:2px solid #ffe1a0}@keyframes enterPulse{0%,to{box-shadow:0 0 20px #ac2d1966,inset 0 0 10px #ac2d1933}50%{box-shadow:0 0 35px #ac2d19cc,inset 0 0 15px #ac2d1966}}.btn-enter-game.hidden{display:none!important}.map-container{box-shadow:inset 0 0 100px #000000e6;background-image:url(/world_map_anime.png)!important;background-repeat:no-repeat!important;background-size:cover!important}.map-container:after{background:radial-gradient(circle,#0000 40%,#050a14a6 100%)!important}.map-container:before{border-left:2px dashed #52a1d559}.site-header{background:linear-gradient(#090e17 0%,#05080c 100%)!important;border-bottom:2px solid #52a1d54d!important}.hud-panel{-webkit-backdrop-filter:blur(12px)!important;color:#d1ecff!important;background:#0a0f1ad9!important;border:1px solid #52a1d540!important;box-shadow:0 8px 32px #0009!important}.hud-panel-header{color:#fff!important;border-bottom:1px solid #52a1d533!important}.hud-panel-header h3{font-family:MedievalSharp,cursive;color:#52a1d5!important}.quest-objective{font-weight:700;color:#fff!important}.quest-desc{color:#a4b3c6!important}.progress-bar-container{background:#0006!important;border:1px solid #52a1d533!important}.progress-bar-fill{box-shadow:0 0 8px #52a1d580;background:linear-gradient(90deg,#1b3d54 0%,#52a1d5 100%)!important}.map-node-ring{background:radial-gradient(circle,#0d1b2be6 0%,#060d14f2 100%)!important;border:2px solid #52a1d566!important;border-radius:50%!important;box-shadow:0 0 15px #52a1d54d,inset 0 0 10px #52a1d533!important}.map-node:hover .map-node-ring{border-color:#52a1d5!important;box-shadow:0 0 25px #52a1d5b3,inset 0 0 15px #52a1d566!important}.map-node.playable[data-game-id=number-rush] .map-node-ring,.map-node.playable[data-game-id=fraction-builder] .map-node-ring{border-color:#2ecc7180!important;box-shadow:0 0 15px #2ecc714d!important}.map-node.playable[data-game-id=number-rush]:hover .map-node-ring,.map-node.playable[data-game-id=fraction-builder]:hover .map-node-ring{border-color:#2ecc71!important;box-shadow:0 0 25px #2ecc71b3!important}.map-node.playable[data-game-id=sign-weaver] .map-node-ring,.map-node.playable[data-game-id=coming-soon] .map-node-ring{border-color:#9b59b680!important;box-shadow:0 0 15px #9b59b64d!important}.map-node.playable[data-game-id=sign-weaver]:hover .map-node-ring,.map-node.playable[data-game-id=coming-soon]:hover .map-node-ring{border-color:#9b59b6!important;box-shadow:0 0 25px #9b59b6b3!important}.map-node-label{color:#dfecf7!important;text-shadow:0 2px 4px #000c!important;font-family:MedievalSharp,cursive!important;font-size:.95rem!important}.map-trail{stroke:#52a1d526!important}.map-trail-glow{filter:drop-shadow(0 0 4px #52a1d5cc);stroke:#52a1d5!important}.zone-banner{color:#d1ecff!important;background:#080e17cc!important;border:1px solid #52a1d54d!important;box-shadow:0 8px 32px #00000080!important}.zone-tag{color:#52a1d5!important}.zone-title{color:#fff!important;text-shadow:0 2px 4px #00000080!important}.hud-character-sheet{background:#0a0f1ad9!important;border:1px solid #52a1d540!important}.sheet-grid-item span:first-child{color:#a4b3c6!important}.sheet-grid-item span:last-child{color:#fff!important}.scroll-modal-content{color:#fff!important;background:#080e17f2!important;border:2px solid #52a1d559!important;box-shadow:0 10px 40px #000c!important}.modal-title{padding-bottom:12px;color:#fff!important;border-bottom:2px dashed #52a1d54d!important;font-family:Cinzel,serif!important}.modal-subtitle{color:#a4b3c6!important}.shop-tab{color:#a4b3c6!important;background:#0000004d!important;border:1px solid #52a1d533!important}.shop-tab.active{color:#fff!important;background:#52a1d526!important;border-color:#52a1d5!important}.shop-item-card,.inventory-item-card{background:#0006!important;border:1px solid #52a1d533!important}.shop-item-card:hover,.inventory-item-card:hover{background:#52a1d50d!important;border-color:#52a1d5!important}.scroll-modal-content .item-desc{color:#b8c3d2}.scroll-modal-content .item-stat-mod{color:#b0d395}.scroll-modal-content .shop-gold-display,.scroll-modal-content .shop-gold-display .gold-count,.scroll-modal-content .item-cost{color:#e4c680}@media (width<=600px){.shop-grid,.inventory-grid{grid-template-columns:minmax(0,1fr)}.shop-tabs{flex-wrap:wrap}.shop-tab,.btn-item-action{min-height:44px}.scroll-modal-content{padding:32px 18px}.item-desc{font-size:.8rem}}.item-name{color:#fff!important}.item-desc{color:#a4b3c6!important}.btn-item-action.buy{color:#c9e6ff!important;background:linear-gradient(135deg,#1b3d54 0%,#0d1e2b 100%)!important;border:1px solid #52a1d5!important}.btn-item-action.buy:hover{color:#fff!important;background:linear-gradient(135deg,#265575 0%,#132d40 100%)!important;border-color:#79c5f5!important}.btn-item-action.equip{color:#fff!important;background:linear-gradient(135deg,#c99a49 0%,#8c6227 100%)!important;border:1px solid #d4af37!important}.btn-item-action.equip:hover{background:linear-gradient(135deg,#dfba73 0%,#a47634 100%)!important}.map-tooltip{color:#fff!important;background:#080e17f2!important;border:1px solid #52a1d54d!important;box-shadow:0 8px 32px #000000b3!important}.map-tooltip-title{color:#fff!important}.map-tooltip-desc{color:#a4b3c6!important}.map-tooltip-category{color:#52a1d5!important}.sub-map-viewport{background:#06090e!important}.sub-map-container{border:2px solid #52a1d540!important;box-shadow:0 10px 40px #000c!important}.sub-map-header{background:#080e17e6!important;border-bottom:1px solid #52a1d533!important}.sub-map-title{color:#fff!important}.sub-map-tag{color:#52a1d5!important}.btn-return-world{color:#dfecf7!important;background:#080e17e6!important;border:1px solid #52a1d54d!important}.btn-return-world:hover{color:#fff!important;border-color:#52a1d5!important;box-shadow:0 0 15px #52a1d566!important}.site-logo,.site-logo:link,.site-logo:visited,.site-logo-text{transition:color .25s var(--ease-out), text-shadow .25s var(--ease-out);color:#dfecf7!important;text-shadow:0 0 10px #52a1d5b3,0 2px 4px #000c!important}.site-logo:hover .site-logo-text{color:#fff!important;text-shadow:0 0 15px #52a1d5e6,0 2px 4px #000000e6!important}.hud-right-column{z-index:80;pointer-events:none;scrollbar-width:none;flex-direction:column;gap:16px;width:270px;max-height:calc(100vh - 120px);display:flex;position:fixed;top:88px;right:24px;overflow-y:auto}.hud-right-column::-webkit-scrollbar{display:none}.hud-right-column .hud-panel{pointer-events:auto;width:100%!important;margin:0!important;position:static!important}.map-container{background-image:linear-gradient(90deg,#08191dc7,#08191d8c),url(/world_map_anime.png)!important}.journey-note{color:#e3eacc;max-width:440px;font:15px/1.6 Georgia,serif}.map-node:focus-visible{outline-offset:8px;border-radius:22px;outline:4px solid #ffe19b}.map-node.completed .map-node-ring{border-color:#9fdf9d!important}.map-node.completed .map-node-label:before{content:"✓ ";color:#a9efa0}.sub-map-container{background-blend-mode:multiply;background-color:#8c9d92}.map-node-label{text-shadow:0 2px 5px #000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1025px){.map-viewport{width:calc(100% - 310px)}}.map-container{height:950px;min-height:950px;box-shadow:none;background-image:url(/maps/painted-atlas.webp)!important;background-size:2100px 950px!important}.map-container:before,.map-container:after{display:none!important}.map-path-svg{display:none}.map-region-shade{z-index:3;pointer-events:none;width:2100px;height:950px;position:absolute;top:0;left:0}.sub-map-container{background-blend-mode:normal;background-color:#183440;border-color:#789894;box-shadow:0 16px 60px #0005;background-size:900px 900px!important}.sub-map-path-svg{display:none}.zone-banner{top:40px!important}.sub-map-header{max-width:540px;background:#102d36ed!important;top:24px!important}.submap-miniature{background-size:var(--map-art-size,cover)!important}@media (width>=1025px){.sub-map-viewport{width:calc(100% - 310px)}}.sub-map-container{width:var(--map-board-size,700px);height:var(--map-board-size,700px);flex-shrink:0;min-width:0;margin:0;transform:none;container-type:inline-size;background-size:var(--map-art-size,100% 100%)!important}.sub-map-header{max-width:calc(100% - 24px);padding:12px!important;top:12px!important}.sub-map-title{font-size:clamp(15px,2vw,23px)!important}.sub-map-tag{font-size:10px!important}.sub-map-viewport{padding-top:70px;padding-bottom:20px}#btnMobileArmory{display:none}@media (width<=1024px){#btnMobileArmory{color:#f4e8ca;background:#203f49;border:1px solid #9ab3a6;border-radius:10px;padding:8px 12px;display:block}.header-status{display:none}.sub-map-container .map-node-ring{width:64px;height:64px}.sub-map-container .map-node-label{max-width:130px;font-size:13px}.zone-banner{max-width:340px}.journey-note{font-size:13px}.hud-fast-travel{max-width:95vw}.travel-label{display:none}}.sub-map-viewport{padding-top:170px}.sub-map-header{width:calc(100% - 24px);min-width:0;max-width:540px;top:-94px!important}@media (height<=540px) and (width>=600px){.sub-map-viewport{padding:20px 12px 20px 240px}.sub-map-header{width:200px;max-width:200px;position:fixed;left:20px;transform:none;top:140px!important}.sub-map-title{font-size:15px!important}.sub-map-container .map-node-ring{width:52px!important;height:52px!important}.sub-map-container .map-node-icon{font-size:26px}.sub-map-container .map-node-label{max-width:120px;font-size:12px}}.map-node.future-region{filter:grayscale();opacity:.48;cursor:not-allowed}.map-node.future-region .map-node-label:after{content:" · Sealed";font-size:11px;display:block}.map-node.future-region .map-node-ring{border-color:#a5a59c}#campaignNotice{z-index:5000;color:#423721;background:#f5e8c5;border:2px solid #a1874d;border-radius:14px;width:min(460px,90vw);padding:18px;font:15px/1.5 system-ui;position:fixed;top:85px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0007}#campaignNotice[hidden]{display:none}#musicControls{inset:auto auto max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:2500;color:#efe6c5;background:#142c28ed;border:1px solid #8d966c;border-radius:10px;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 24px);height:auto;padding:2px 5px;font:11px system-ui;display:flex;position:fixed}#musicControls button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:30px;padding:4px 6px;font:12px system-ui}#musicControls label{align-items:center;gap:4px;display:flex}#musicControls input{width:48px;min-height:30px;margin:0}@media (pointer:coarse){#musicControls button,#musicControls input{min-height:44px}}@media (width<=700px){#musicControls{inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) auto auto;max-width:calc(100vw - 16px)}}.mobile-select-heading{display:none}button,a,input,[role=button],.char-hitbox{touch-action:manipulation}@media (width<=700px),(height<=540px) and (width<=1024px){.title-screen-view{padding:24px 18px max(20px,calc(12px + env(safe-area-inset-bottom)));justify-content:flex-end;min-height:0;overflow-y:auto}.char-select-screen{padding:12px 10px max(92px,calc(80px + env(safe-area-inset-bottom)));overscroll-behavior:contain;justify-content:flex-start;scroll-padding-bottom:100px;overflow-y:auto}.char-select-board{background-image:linear-gradient(#10272ddd,#08151ac9),url(/battle/golem/arena-grounded.webp);background-size:cover;flex-shrink:0;width:min(100%,460px);height:610px;min-height:610px;max-height:none}.char-select-board:before{display:none}.mobile-select-heading{text-align:center;color:#f4e3bb;width:100%;margin:0;font-size:23px;display:block;position:absolute;top:60px;left:0}.btn-back-classes{min-height:44px;top:10px;left:10px}.char-overlays-container{height:260px;top:100px;bottom:auto}.char-overlay{object-fit:contain;width:48%;height:100%;inset:0 auto auto}.char-left{left:1%}.char-right{right:1%}.char-hitbox{height:260px;top:100px;bottom:auto}.char-hitbox:focus-visible{outline-offset:-3px;outline:3px solid #e3c775}.char-stats-card,.char-stats-card.left,.char-stats-card.right,.char-stats-card.center{width:90%;padding:10px;inset:auto auto 72px 5%;transform:none}.char-stats-card.center{width:80%;padding:10px 12px;left:10%}.char-stats-card.center .char-stats-name{margin:0 0 4px;font-size:1rem!important}.char-stats-card.center .char-stats-class{margin-bottom:0}.char-stats-card.center .char-stats-desc{min-height:0;margin:6px 0 0;font-size:14px!important}.char-stats-name{margin:0;font-size:22px}.char-stats-desc{margin:7px 0;font-size:13px;line-height:1.35}.char-stats-values{flex-wrap:wrap;justify-content:center;gap:8px}.char-stat-value{font-size:14px}.btn-char-select-confirm{width:90%;height:48px;top:auto;bottom:12px;left:5%;transform:none}.class-choice-panel{width:90%;padding:16px;top:120px;bottom:auto;left:5%;transform:none}.class-choice-buttons{gap:12px}.btn-class-choice{width:50%;min-width:0;min-height:120px;padding:16px 8px}#btnMobileArmory,.btn-return-world{min-height:44px}.site-logo-text{font-size:20px}.site-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media (height<=540px) and (width>=600px){.title-logo-main{font-size:22px}.title-logo-container{margin-bottom:10px}.title-logo-sub{font-size:10px}.title-screen-view{padding-bottom:max(14px,env(safe-area-inset-bottom));padding-top:12px}.char-select-board{width:680px;max-width:100%;height:330px;min-height:330px}.mobile-select-heading{width:260px;font-size:20px;top:12px;left:180px}.char-overlays-container{width:52%;height:260px;top:48px;left:0}.char-hitbox{width:26%;height:260px;top:48px}.char-hitbox.right{left:26%;right:auto}.char-stats-card,.char-stats-card.left,.char-stats-card.right,.char-stats-card.center{width:44%;bottom:76px;left:54%}.btn-char-select-confirm{width:44%;left:54%}.class-choice-panel{width:70%;top:80px;left:15%}}@media (hover:none){.map-tooltip{display:none!important}.char-hitbox:hover{background:0 0!important}}@media (height<=540px) and (width>=600px){.char-select-screen{padding-bottom:68px}.char-select-board{height:300px;min-height:300px}.char-overlays-container,.char-hitbox{height:236px;top:44px}}@media (width<=359px){.site-logo{gap:6px}.site-logo-icon{flex-shrink:0;width:28px;height:32px}.site-logo-text{letter-spacing:0;font-size:16px}.site-header{gap:8px}#btnMobileArmory{flex-shrink:0;padding:8px}}@media (width<=700px) and (orientation:portrait){.sub-map-viewport{padding-bottom:110px;scroll-padding-bottom:110px;overflow-y:auto}.sub-map-container{flex-shrink:0}}@media (hover:none){.char-hitbox{-webkit-tap-highlight-color:transparent;background:0 0!important}}@media (width<=700px) and (orientation:portrait){.sub-map-viewport .btn-return-world{position:absolute;top:24px}}@media (width<=700px){.site-header{gap:8px;padding-right:62px!important}.site-logo-text{white-space:nowrap;font-size:16px!important}.header-gold-balance{white-space:nowrap;font-size:12px}#btnMobileArmory{padding:8px;font:600 13px system-ui}.sub-map-container .map-node-label{max-width:136px;text-shadow:none;background:#0b202be8;border:1px solid #82948680;border-radius:7px;padding:5px 7px;font:600 14px/1.3 system-ui}.sub-map-tag{letter-spacing:.08em;font:600 12px/1.3 system-ui!important}.journey-note{font:14px/1.5 system-ui}}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8fe7ff}@media (width<=420px){.site-header{gap:6px;padding-left:10px!important}.site-logo{gap:0;min-width:0}.site-logo-icon{display:none}.site-logo-text{letter-spacing:0!important;font-size:14px!important}.header-gold-balance{gap:0;min-width:0;padding:6px}.header-gold-balance>span:first-child{display:none}.header-gold-balance .gold-count:before{content:"🪙 ";font-size:11px}#btnMobileArmory{padding:6px;font-size:12px}.sub-map-container .map-node-ring{width:52px!important;height:52px!important}.sub-map-container .boss-node .map-node-ring{width:64px!important;height:64px!important}.sub-map-container .map-node-label{max-width:110px;padding:4px 5px;font:600 13px/1.25 system-ui!important}.sub-map-container .map-node-icon{font-size:26px!important}}@container (width<=600px){.sub-map-header{width:100%;max-width:none;position:absolute;bottom:calc(100% + 16px);left:0;transform:none;padding:8px 12px!important;top:auto!important}.sub-map-title{text-transform:none;margin:4px 0 0;font:600 16px/1.35 system-ui!important}.sub-map-tag{letter-spacing:.04em;font:600 12px/1.3 system-ui!important}.sub-map-container .map-node{gap:3px}.sub-map-container .map-node:hover{transform:translate(-50%,-50%)}.sub-map-container .map-node-ring,.sub-map-container .boss-node .map-node-ring{animation:none;width:44px!important;height:44px!important;box-shadow:0 2px 6px #0006!important}.sub-map-container .map-node-icon{font-size:22px!important}.sub-map-container .map-node-difficulty{width:18px;height:18px;font:11px/1 system-ui;top:-3px;right:-3px}.sub-map-container .map-node-label{white-space:normal;text-align:center;background:#0b202be8;border:1px solid #82948680;border-radius:5px;max-width:100px;padding:3px 5px;text-shadow:none!important;font:600 14px/1.2 system-ui!important}}.map-node.journey-start .map-node-ring{border-color:#9ee6a7!important;animation:3.2s ease-in-out infinite journeyGlow!important}.journey-start-cue,.recommended-cue,.stage-location{color:#e9f8de;letter-spacing:.02em;white-space:nowrap;background:#0a2525e8;border:1px solid #b9d8c1;border-radius:999px;padding:5px 9px;font:700 12px/1.2 system-ui;box-shadow:0 4px 14px #0007}.journey-start-cue{animation:3.2s ease-in-out infinite cueFloat}@keyframes journeyGlow{0%,to{box-shadow:0 0 16px #62d98a66,inset 0 0 10px #52a1d533!important}50%{box-shadow:0 0 30px #8be6a699,0 0 55px #4bbf7852,inset 0 0 14px #8be6a644!important}}@keyframes cueFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sub-map-path-svg{opacity:.92;width:100%;height:100%;display:block;overflow:hidden}.sub-map-path-svg .route-guide{stroke:#e5efc78a!important;stroke-width:8px!important}.sub-map-path-svg .route-guide-glow{stroke-dasharray:6 14;filter:drop-shadow(0 0 3px #b7eaa0);animation:18s linear infinite routeDrift;stroke:#ecffd0!important;stroke-width:3.5px!important}@keyframes routeDrift{to{stroke-dashoffset:-180px}}.sub-map-container .recommended-node{z-index:12}.sub-map-container .recommended-node .map-node-ring{border-color:#d7efad!important;animation:3.4s ease-in-out infinite recommendedGlow!important}@keyframes recommendedGlow{0%,to{box-shadow:0 0 12px #c5e99d66,inset 0 0 8px #c5e99d33!important}50%{box-shadow:0 0 26px #d8f3aeaa,0 0 44px #b4df8460,inset 0 0 12px #c5e99d55!important}}.recommended-cue{color:#f5ffd9;background:#17382aeb;border-color:#dbefae;position:absolute;top:calc(100% + 38px)}.stage-location{text-transform:uppercase;letter-spacing:.08em;color:#dcc9aa;background:#251b18e8;border-color:#9e8265;padding:3px 7px;font-size:11px}.btn-ethereal-portal{z-index:91;color:#f3eefe;cursor:pointer;background:linear-gradient(135deg,#162445f2,#36255df2);border:1px solid #b9a9e1;border-radius:10px;min-height:44px;padding:10px 16px;font:700 14px/1.2 system-ui;position:fixed;top:88px;left:220px;box-shadow:0 6px 24px #0007,0 0 16px #9279d744}.btn-ethereal-portal:hover{border-color:#ddd1ff;transform:translateY(-1px);box-shadow:0 8px 28px #0008,0 0 22px #ad92ef77}.ethereal-realm{z-index:6000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle at 50% 35%,#4254a97a 0,#15173be8 38%,#070b1df5 75%);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.ethereal-realm.hidden{display:none}.ethereal-stars{pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px);background-size:53px 53px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#0000 85%);mask-image:linear-gradient(#fff,#0000 85%)}.ethereal-dialogue{background:linear-gradient(135deg,#111936f5,#241943f2);border:1px solid #b7b9e288;border-radius:22px;grid-template-columns:minmax(210px,290px) 1fr;width:min(780px,94vw);min-height:330px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 90px #000c,0 0 60px #776fd04f}.ethereal-portrait-frame{background:linear-gradient(#837fc744,#10162c00);min-height:330px;position:relative;overflow:hidden}.ethereal-portrait{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 22px #000a);width:118%;height:118%;position:absolute;bottom:-18%;left:-9%}.ethereal-copy{z-index:1;flex-direction:column;justify-content:center;padding:38px 38px 32px;display:flex;position:relative}.ethereal-kicker{color:#bcb7f1;letter-spacing:.16em;text-transform:uppercase;font:700 12px/1.3 system-ui}.ethereal-copy h2{color:#fff6dc;margin:7px 0 15px;font:700 clamp(25px,4vw,38px)/1.05 Georgia,serif}.ethereal-copy p{color:#e8e9f8;min-height:100px;margin:0;font:18px/1.65 Georgia,serif}.ethereal-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ethereal-actions button{color:#fff;cursor:pointer;background:#786cc4;border:1px solid #c7c0ee;border-radius:9px;min-height:44px;padding:10px 16px;font:700 14px/1.2 system-ui}.ethereal-actions #btnEtherealSkip{color:#d9d6eb;background:0 0;border-color:#817ba8}@media (width<=700px){.btn-ethereal-portal{top:auto;bottom:max(18px,env(safe-area-inset-bottom));white-space:nowrap;left:50%;transform:translate(-50%)}.btn-ethereal-portal:hover{transform:translate(-50%)translateY(-1px)}.ethereal-realm{padding:12px}.ethereal-dialogue{border-radius:16px;grid-template-columns:112px 1fr;min-height:310px}.ethereal-portrait-frame{min-height:310px}.ethereal-portrait{width:165%;height:110%;bottom:-12%;left:-34%}.ethereal-copy{padding:24px 18px}.ethereal-copy p{min-height:120px;font-size:16px;line-height:1.5}.ethereal-actions{flex-direction:column}.ethereal-actions button{width:100%}.recommended-cue{font-size:11px;top:calc(100% + 34px)}}@media (width>=1100px) and (aspect-ratio>=4/3){.title-screen-view{background-color:#142027;background-image:url(/title/title-desktop-extended.png);background-position:top;background-size:cover;padding-bottom:clamp(24px,3vh,42px)}.title-screen-view:before{display:none}.title-screen-still{background-image:url(/title/title-desktop-extended.png);background-position:top;background-size:cover}.title-screen-video{object-fit:cover;object-position:center top}.title-screen-view:after{background:linear-gradient(#0000,#070c14ed);height:min(30vh,280px)}.title-logo-main{letter-spacing:.06em;font-size:clamp(34px,2.8vw,50px)}.title-logo-sub{letter-spacing:.1em;margin-top:9px;font-size:14px}.title-logo-container{margin-bottom:18px}.title-screen-buttons{gap:16px}.title-screen-buttons .btn-enter-game{min-height:44px;padding:11px 28px;font-size:13px}}