@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-primary: #1a1410;--bg-secondary: #2a2018;--bg-tertiary: #3d2e1f;--bg-card: #342617;--bg-hover: #4a3828;--parchment-light: #f4e4bc;--parchment-mid: #d9c59a;--parchment-dark: #b8a070;--parchment-shadow: #8b7355;--text-primary: #f5efe0;--text-secondary: #d4c8a8;--text-muted: #a49580;--text-dark: #2a1f14;--color-beginner: #5a9e3e;--color-beginner-glow: rgba(90, 158, 62, .5);--color-beginner-dim: rgba(90, 158, 62, .2);--color-beginner-bright: #7bc95a;--color-intermediate: #c9a227;--color-intermediate-glow: rgba(201, 162, 39, .5);--color-intermediate-dim: rgba(201, 162, 39, .2);--color-intermediate-bright: #e8c547;--color-advanced: #c45c3e;--color-advanced-glow: rgba(196, 92, 62, .5);--color-advanced-dim: rgba(196, 92, 62, .2);--color-advanced-bright: #e87a5a;--color-expert: #8b2a2a;--color-expert-glow: rgba(139, 42, 42, .5);--color-expert-dim: rgba(139, 42, 42, .2);--color-expert-bright: #b84040;--color-completed: #5a9e3e;--color-available: #c9a227;--color-locked: #5c4d3d;--color-locked-text: #7a6b55;--color-skipped: #8a7a60;--wood-light: #8b6914;--wood-mid: #6b4d0f;--wood-dark: #4a350a;--leather-brown: #5c4033;--border-color: #5c4d3d;--border-subtle: #3d2e1f;--shadow-color: rgba(0, 0, 0, .6);--modal-backdrop: rgba(10, 8, 5, .9);--accent-gold: #d4a017;--accent-red: #8b0000;--gold-on-parchment: #654800;--muted-on-parchment: #5c4a36;--green-on-parchment: #1f5c0e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-display: "Cinzel", "Palatino Linotype", "Book Antiqua", serif;--font-body: "Crimson Text", "Georgia", serif;--font-mono: "Courier New", "Consolas", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.7;font-size:16px;background-image:radial-gradient(ellipse at center,transparent 0%,rgba(10,8,5,.7) 100%),url(../assets/textures/parchmentCrinkled.png),url(../assets/textures/parchmentAncient.png);background-color:var(--parchment-dark);background-blend-mode:multiply,overlay,multiply;background-size:auto,150% 150%,auto;background-position:center,30% 20%,center}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}.spire-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:3px solid var(--wood-dark);position:sticky;top:0;z-index:200;box-shadow:0 4px 20px #00000080}.spire-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wood-dark) 0%,var(--wood-light) 25%,var(--wood-mid) 50%,var(--wood-light) 75%,var(--wood-dark) 100%)}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:flicker 4s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}50%{opacity:.9;filter:drop-shadow(0 2px 8px rgba(212,160,23,.3))}}.logo h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--accent-gold);text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:.05em;text-transform:uppercase}.global-progress{flex:1;max-width:400px;margin:0 var(--spacing-xl)}.progress-bar{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-xs);border:2px solid var(--wood-dark);box-shadow:inset 0 2px 4px #0006;position:relative}.progress-bar:before,.progress-bar:after{content:"";position:absolute;top:-2px;bottom:-2px;width:8px;background:var(--wood-mid);border:2px solid var(--wood-dark);z-index:1}.progress-bar:before{left:-4px;border-radius:4px 0 0 4px}.progress-bar:after{right:-4px;border-radius:0 4px 4px 0}.progress-fill{height:100%;width:0%;background:linear-gradient(180deg,var(--color-beginner-bright) 0%,var(--color-beginner) 50%,#3d7a2a 100%);transition:width var(--transition-slow) ease-out;position:relative;box-shadow:inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff1a}.progress-text{font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary);text-align:center;letter-spacing:.05em;text-transform:uppercase}.header-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d}.btn-icon:hover{background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a}.btn-icon:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,inset 0 2px 4px #0003}.floor-nav{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(180deg,#1a1410fa,#1a1410f2);border-bottom:2px solid var(--wood-dark);position:sticky;top:70px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floor-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:2px solid var(--wood-dark);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative;font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 4px #0000004d}.floor-tab:hover:not(.locked){background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 4px 12px #0006}.floor-tab.active{color:var(--text-primary);transform:translateY(-3px);box-shadow:0 4px 16px #00000080}.floor-tab[data-floor=beginner].active{border-color:var(--color-beginner);background:linear-gradient(180deg,var(--color-beginner-dim) 0%,var(--bg-secondary) 100%)}.floor-tab[data-floor=intermediate].active{border-color:var(--color-intermediate);background:linear-gradient(180deg,var(--color-intermediate-dim) 0%,var(--bg-secondary) 100%)}.floor-tab[data-floor=advanced].active{border-color:var(--color-advanced);background:linear-gradient(180deg,var(--color-advanced-dim) 0%,var(--bg-secondary) 100%)}.floor-tab[data-floor=expert].active{border-color:var(--color-expert);background:linear-gradient(180deg,var(--color-expert-dim) 0%,var(--bg-secondary) 100%)}.floor-tab.locked{cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--color-locked-text);box-shadow:none}.floor-tab.locked:hover{transform:none}.floor-icon{font-size:1.3rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.floor-name{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.floor-progress{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);background:#0000004d;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.lock-indicator{position:absolute;top:-10px;right:-10px;font-size:1rem;background:var(--bg-card);padding:4px 6px;border-radius:var(--radius-sm);border:2px solid var(--wood-dark);box-shadow:0 2px 4px #0006}.lock-indicator.hidden{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;box-shadow:0 2px 4px #0000004d;position:relative}.btn-primary{background:linear-gradient(180deg,var(--color-beginner-bright) 0%,var(--color-beginner) 50%,#3d7a2a 100%);color:#fff;border-color:#3d7a2a;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#8fd96a 0%,var(--color-beginner-bright) 50%,var(--color-beginner) 100%);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-beginner-glow)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000004d,inset 0 2px 4px #0003}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.5)}.btn-secondary{background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);border-color:var(--wood-dark)}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-gold);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000004d,inset 0 2px 4px #0003}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.floor-info{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-primary) 100%);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);border:2px solid var(--wood-dark);font-family:var(--font-body);font-size:.9rem;font-style:italic;color:var(--text-secondary);z-index:10;box-shadow:0 4px 12px #0006}.floor-info:before{content:"⚔";margin-right:var(--spacing-sm)}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--wood-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-sm);border:2px solid var(--wood-dark)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--parchment-shadow) 0%,var(--bg-hover) 100%)}::selection{background:var(--accent-gold);color:var(--text-dark)}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.quick-message{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:12px 40px 12px 24px;border-radius:8px;border:1px solid var(--border-color);font-size:.9rem;z-index:1000;animation:fadeInUp .3s ease}.quick-message .close-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1}.quick-message .close-btn:hover{color:var(--text-primary)}.locked-floor-msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);color:var(--text-primary);padding:20px 40px 20px 32px;border-radius:12px;font-size:1rem;z-index:1000;text-align:center;box-shadow:0 10px 40px #00000080;animation:popIn .3s ease}.locked-floor-msg .close-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.locked-floor-msg .close-btn:hover{color:var(--text-primary)}.locked-floor-msg .unlock-btn{background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.locked-floor-msg .unlock-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.map-container{position:relative;width:100%;height:calc(100vh - 140px);overflow:auto;padding:var(--spacing-lg);box-shadow:inset 0 20px 40px #0000004d}.map-wrapper{width:100%;height:100%;min-width:900px;min-height:600px;display:flex;align-items:center;justify-content:center;position:relative}.map-wrapper:before{content:"";position:absolute;bottom:20px;right:20px;width:80px;height:80px;background:url(../assets/icons/compass.png) no-repeat center;background-size:contain;opacity:.3;pointer-events:none}.spire-map{width:100%;height:100%;max-width:1200px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.path-line{fill:none;stroke:#6b5a48;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition-normal),stroke-width var(--transition-fast),opacity var(--transition-normal);opacity:.5}.path-line.available{stroke:#8b7355;stroke-width:4;stroke-dasharray:10 6;opacity:.8;animation:pathDash 20s linear infinite}@keyframes pathDash{to{stroke-dashoffset:-500}}.path-line.completed{stroke:#5a9e3e;stroke-width:5;stroke-dasharray:none;opacity:1}.path-line.locked{stroke:#5a4a3a;opacity:.3;stroke-dasharray:4 6}.feature-node{cursor:pointer;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.4))}.feature-node.locked{cursor:not-allowed;filter:saturate(.3) brightness(.7)}.feature-node:hover:not(.locked){filter:drop-shadow(0 0 8px rgba(212,160,23,.6)) brightness(1.1)}.feature-node:hover:not(.locked) .node-circle{stroke-width:6}.node-circle{fill:#c4a882;stroke:#5a4428;stroke-width:4;transition:all var(--transition-normal)}.feature-node.locked .node-circle{fill:#6b5a48;stroke:#3d2e1f;stroke-width:5}.feature-node.available .node-circle{fill:#e8dcc4;stroke:#d4a017;stroke-width:5}.feature-node.available.beginner .node-circle{stroke:#5a9e3e;fill:#d4e8c4}.feature-node.available.intermediate .node-circle{stroke:#c9a227;fill:#f0e6c8}.feature-node.available.advanced .node-circle{stroke:#c45c3e;fill:#f0d8c8}.feature-node.available.expert .node-circle{stroke:#8b2a2a;fill:#e8d0d0}.feature-node.completed .node-circle{fill:#5a9e3e;stroke:#2d5016;stroke-width:5}.feature-node.skipped .node-circle{fill:#a89880;stroke:#6b5a48;stroke-dasharray:6 4}.node-icon{font-size:24px;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:transform var(--transition-fast);filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.feature-node.completed .node-icon{filter:brightness(0) invert(1) drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.node-label{font-family:Crimson Text,Georgia,serif;font-size:12px;font-weight:600;fill:#2a1f14;text-anchor:middle;pointer-events:none;paint-order:stroke fill;stroke:#f4e4bc;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.feature-node.locked .node-label{fill:#5a4a3a;stroke:#c4a882;opacity:.7}.feature-node:hover .node-label{fill:#1a0f08}.status-indicator{font-size:16px;font-weight:700;pointer-events:none}.status-indicator.completed{fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.status-indicator.skipped{fill:var(--parchment-dark)}.feature-node{animation:nodeEnter .4s ease-out both}@keyframes nodeEnter{0%{opacity:0}to{opacity:1}}.feature-node[data-row="0"]{animation-delay:0ms}.feature-node[data-row="1"]{animation-delay:60ms}.feature-node[data-row="2"]{animation-delay:.12s}.feature-node[data-row="3"]{animation-delay:.18s}.feature-node[data-row="4"]{animation-delay:.24s}.feature-node[data-row="5"]{animation-delay:.3s}.feature-node.available{animation:nodeEnter .4s ease-out both,candleGlow 2.5s ease-in-out .4s infinite}@keyframes candleGlow{0%,to{filter:drop-shadow(0 0 4px rgba(212,160,23,.4))}50%{filter:drop-shadow(0 0 12px rgba(212,160,23,.7))}}.feature-node.just-completed{animation:victoryFlourish .6s ease-out!important}@keyframes victoryFlourish{0%{filter:brightness(1) drop-shadow(0 0 0 transparent)}25%{filter:brightness(1.5) drop-shadow(0 0 20px rgba(90,158,62,.8))}50%{filter:brightness(1.3) drop-shadow(0 0 30px rgba(90,158,62,1))}75%{filter:brightness(1.2) drop-shadow(0 0 15px rgba(90,158,62,.6))}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.path-line.animate{stroke-dasharray:1000;stroke-dashoffset:1000;animation:inkSpread 2s ease-out forwards}@keyframes inkSpread{to{stroke-dashoffset:0}}.map-container.transitioning .spire-map{animation:pageTurn .5s ease-in-out}@keyframes pageTurn{0%{opacity:1;transform:translateY(0) rotateX(0)}40%{opacity:0;transform:translateY(-20px) rotateX(10deg)}60%{opacity:0;transform:translateY(20px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.node-tooltip{position:fixed;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(180deg,var(--parchment-light) 0%,var(--parchment-mid) 100%);border:3px solid var(--wood-dark);border-radius:var(--radius-sm);color:var(--text-dark);font-family:var(--font-body);font-size:.95rem;pointer-events:none;opacity:0;transform:translate(-50%);transition:opacity var(--transition-fast);z-index:200;max-width:240px;box-shadow:4px 4px 12px #0006;white-space:nowrap}.node-tooltip.visible{opacity:1}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-header{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--wood-dark)}.tooltip-icon{font-size:1.2rem}.tooltip-status{font-size:.85rem;font-style:italic;color:var(--muted-on-parchment)}.tooltip-status.completed{color:var(--green-on-parchment);font-weight:600}.tooltip-status.available{color:var(--gold-on-parchment);font-weight:600}.tooltip-status.skipped{color:var(--muted-on-parchment)}.particle{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:sparkle 1s ease-out forwards}@keyframes sparkle{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}50%{opacity:.8}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0) rotate(180deg)}}.particle.beginner{background:radial-gradient(circle,#8fd96a 0%,var(--color-beginner) 100%);box-shadow:0 0 6px var(--color-beginner)}.particle.intermediate{background:radial-gradient(circle,#ffe066 0%,var(--color-intermediate) 100%);box-shadow:0 0 6px var(--color-intermediate)}.particle.advanced{background:radial-gradient(circle,#ff9966 0%,var(--color-advanced) 100%);box-shadow:0 0 6px var(--color-advanced)}.particle.expert{background:radial-gradient(circle,#ff6666 0%,var(--color-expert) 100%);box-shadow:0 0 6px var(--color-expert)}.start-indicator{fill:var(--accent-gold);font-family:var(--font-display);font-size:9px;font-weight:700;text-anchor:middle;letter-spacing:.1em;text-transform:uppercase}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:linear-gradient(180deg,var(--parchment-light) 0%,var(--parchment-mid) 50%,var(--parchment-light) 100%);border:4px solid var(--wood-dark);border-radius:var(--radius-md);max-width:720px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(30px) scale(.9);transition:transform var(--transition-normal);box-shadow:0 0 0 2px var(--wood-mid),0 20px 60px #0009,inset 0 0 100px #8b69141a;position:relative}.modal:before,.modal:after{content:"❧";position:absolute;font-size:1.5rem;color:var(--wood-mid);opacity:.4;pointer-events:none}.modal:before{top:8px;left:12px}.modal:after{bottom:8px;right:12px;transform:rotate(180deg)}.modal-overlay.visible .modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--parchment-mid) 0%,var(--parchment-dark) 100%);color:var(--wood-dark);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10;line-height:1;box-shadow:0 2px 4px #0003}.modal-close:hover{background:linear-gradient(180deg,var(--parchment-light) 0%,var(--parchment-mid) 100%);color:var(--accent-red);border-color:var(--accent-red);transform:scale(1.05)}.feature-modal{position:relative}.modal-header{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);padding-right:60px;background:linear-gradient(180deg,var(--parchment-dark) 0%,var(--parchment-mid) 100%);border-bottom:3px solid var(--wood-dark);position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--wood-light) 20%,var(--wood-light) 80%,transparent 100%)}.feature-icon{font-size:2.8rem;flex-shrink:0;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.feature-title-group{flex:1}.feature-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--wood-dark);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.feature-difficulty,.feature-category{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-right:var(--spacing-sm);border:1px solid}.feature-difficulty.beginner{background:#c0bd88;color:#2d5016;border-color:var(--color-beginner)}.feature-difficulty.intermediate{background:#d6be83;color:#5c4400;border-color:var(--color-intermediate)}.feature-difficulty.advanced{background:#d5b088;color:#6b2810;border-color:var(--color-advanced)}.feature-difficulty.expert{background:#c9a684;color:#5c1a1a;border-color:var(--color-expert)}.feature-category{background:#8b69141a;color:var(--wood-dark);border-color:var(--parchment-shadow)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1;color:var(--text-dark)}.feature-section{margin-bottom:var(--spacing-xl)}.feature-section:last-child{margin-bottom:0}.feature-section h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--wood-dark);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--parchment-shadow);padding-bottom:var(--spacing-xs)}.feature-description{color:var(--text-dark);line-height:1.8;font-size:1rem}.task-card{background:linear-gradient(135deg,#c9a22726,#c9a2270d);border:2px solid var(--color-intermediate);border-radius:var(--radius-sm);padding:var(--spacing-lg);color:var(--text-dark);font-size:1rem;line-height:1.7;position:relative;box-shadow:inset 0 0 20px #c9a2271a}.task-card:before{content:"⚔ QUEST";position:absolute;top:-10px;left:16px;background:var(--parchment-mid);padding:2px 10px;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--gold-on-parchment);border:1px solid var(--color-intermediate);border-radius:var(--radius-sm)}.steps-list{list-style:none;counter-reset:steps}.steps-list li{counter-increment:steps;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;color:var(--text-dark);border-bottom:1px dashed var(--parchment-shadow)}.steps-list li:last-child{border-bottom:none}.steps-list li:before{content:counter(steps);flex-shrink:0;width:28px;height:28px;background:var(--parchment-light);border:2px solid var(--wood-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--wood-dark)}.code-block{background:linear-gradient(180deg,#1a1410,#2a1f18);border:2px solid var(--wood-dark);border-radius:var(--radius-sm);padding:var(--spacing-md);overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--parchment-light);box-shadow:inset 0 2px 8px #0006}.code-block code{display:block;white-space:pre}.tips-list{list-style:none}.tips-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-xl);position:relative;color:var(--text-dark);font-style:italic}.tips-list li:before{content:"✦";position:absolute;left:4px;top:var(--spacing-sm);font-size:.9rem;color:var(--accent-gold);font-style:normal}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(180deg,var(--parchment-mid) 0%,var(--parchment-dark) 100%);border-top:3px solid var(--wood-dark);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.docs-link{color:var(--wood-dark);text-decoration:none;font-family:var(--font-body);font-size:.95rem;font-style:italic;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast)}.docs-link:hover{color:var(--gold-on-parchment);text-decoration:underline}.modal-actions{display:flex;gap:var(--spacing-sm)}.achievements-modal{max-width:620px}.achievements-modal h2{font-family:var(--font-display);padding:var(--spacing-xl);padding-bottom:var(--spacing-md);font-size:1.6rem;color:var(--wood-dark);border-bottom:3px solid var(--wood-dark);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:.05em}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-xl);margin-bottom:var(--spacing-xl)}.achievement-card{background:linear-gradient(180deg,var(--parchment-light) 0%,var(--parchment-mid) 100%);border:2px solid var(--wood-mid);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast);box-shadow:0 2px 4px #0003}.achievement-card.unlocked{border-color:var(--accent-gold);background:linear-gradient(180deg,#fff8dc 0%,var(--parchment-light) 100%);box-shadow:0 0 12px #d4a0174d}.achievement-card.locked{opacity:.6;filter:grayscale(.8);border-style:dashed}.achievement-card-icon{font-size:2.2rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2))}.achievement-card-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;margin-bottom:4px;color:var(--wood-dark)}.achievement-card-desc{font-size:.75rem;color:var(--muted-on-parchment);font-style:italic}.stats-section{padding:var(--spacing-xl);padding-top:0}.stats-section h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--wood-dark);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-item{background:linear-gradient(180deg,#8b69141a,#8b69140d);border:1px solid var(--parchment-shadow);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--gold-on-parchment);text-shadow:1px 1px 0 rgba(0,0,0,.1)}.stat-label{font-size:.8rem;color:var(--wood-mid);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.achievement-toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:linear-gradient(180deg,var(--parchment-light) 0%,var(--parchment-mid) 100%);border:3px solid var(--accent-gold);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 0 20px #d4a01766,0 10px 40px #0006;z-index:600;transform:translate(120%);transition:transform var(--transition-normal)}.achievement-toast.visible{transform:translate(0);animation:victorySlide .6s ease-out}@keyframes victorySlide{0%{transform:translate(120%) rotate(5deg)}50%{transform:translate(-15px) rotate(-2deg)}70%{transform:translate(8px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.achievement-content{display:flex;align-items:center;gap:var(--spacing-md)}.achievement-toast .achievement-icon{font-size:2.2rem;animation:trophyPop .6s ease-out .3s backwards;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}@keyframes trophyPop{0%{transform:scale(0) rotate(-30deg)}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.achievement-text{display:flex;flex-direction:column}.achievement-text strong{font-family:var(--font-display);color:var(--gold-on-parchment);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.achievement-text span{color:var(--wood-dark);font-size:.85rem;font-style:italic}@media(max-width:1024px){.spire-header{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.global-progress{order:3;width:100%;max-width:none;margin:0}.floor-nav{flex-wrap:wrap}.floor-tab{flex:1;min-width:110px;justify-content:center}.map-container{height:calc(100vh - 180px)}.map-wrapper{min-width:800px}}@media(max-width:768px){:root{--spacing-xl: 24px;--spacing-lg: 16px}.spire-header{padding:var(--spacing-sm) var(--spacing-md)}.logo h1{font-size:1.1rem}.logo-icon{font-size:1.5rem}.floor-nav{padding:var(--spacing-sm);gap:var(--spacing-xs)}.floor-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.floor-name{display:none}.floor-tab .floor-icon{font-size:1.3rem}.floor-tab .floor-progress{font-size:.7rem;padding:2px 6px}.map-container{height:calc(100vh - 150px);padding:var(--spacing-md)}.map-wrapper{min-width:700px;min-height:500px}.floor-info{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.modal{max-height:90vh;border-radius:var(--radius-lg)}.modal-header{padding:var(--spacing-lg);padding-right:50px}.feature-icon{font-size:2rem}.feature-title{font-size:1.25rem}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-md);flex-direction:column;align-items:stretch}.docs-link{justify-content:center;padding:var(--spacing-sm) 0}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1;justify-content:center}.achievements-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.spire-header{padding:var(--spacing-xs) var(--spacing-sm)}.logo h1{font-size:.95rem}.logo-icon{font-size:1.3rem}.header-actions{gap:var(--spacing-xs)}.btn-icon{width:36px;height:36px;font-size:1rem}.floor-nav{padding:var(--spacing-xs);gap:4px}.floor-tab{padding:var(--spacing-xs) var(--spacing-sm);min-width:0;flex:1}.floor-tab .floor-icon{font-size:1.1rem}.floor-tab .floor-progress{display:none}.lock-indicator{font-size:.7rem;top:-5px;right:-5px}.map-container{padding:var(--spacing-sm);height:calc(100vh - 130px)}.map-wrapper{min-width:600px;min-height:450px}.floor-info{display:none}.modal-overlay{padding:0}.modal{max-width:none;max-height:none;height:100%;border-radius:0}.modal-close{top:var(--spacing-sm);right:var(--spacing-sm)}.modal-header{padding:var(--spacing-md);padding-right:45px}.feature-icon{font-size:1.8rem}.feature-title{font-size:1.1rem}.feature-difficulty,.feature-category{font-size:.65rem;padding:2px 8px}.modal-body{padding:var(--spacing-md)}.feature-section h3{font-size:.95rem}.task-card{padding:var(--spacing-md);font-size:.9rem}.steps-list li{font-size:.9rem}.steps-list li:before{width:24px;height:24px;font-size:.75rem}.code-block{font-size:.75rem;padding:var(--spacing-sm)}.tips-list li{font-size:.85rem}.achievements-modal h2{padding:var(--spacing-lg);font-size:1.3rem}.achievements-grid{grid-template-columns:repeat(2,1fr);padding:0 var(--spacing-md);gap:var(--spacing-sm)}.achievement-card{padding:var(--spacing-sm)}.achievement-card-icon{font-size:1.5rem}.achievement-card-title{font-size:.8rem}.achievement-card-desc{font-size:.65rem}.achievement-toast{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}}@media(hover:none)and (pointer:coarse){.feature-node:hover{transform:none}.feature-node:active{transform:scale(.95)}.node-label{opacity:.8}.btn,.floor-tab{min-height:44px}.btn-icon{min-width:44px;min-height:44px}.feature-node.available .node-circle{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progress-fill:after{animation:none}.path-line.available,.feature-node.available{animation:none}}@media print{.spire-header,.floor-nav,.floor-info,.modal-overlay,.achievement-toast,.particles-container{display:none!important}.map-container{height:auto;overflow:visible}body{background:#fff;color:#000}}@media(prefers-contrast:high){:root{--bg-primary: #000;--bg-secondary: #111;--bg-tertiary: #222;--text-primary: #fff;--text-secondary: #ddd;--text-dark: #000;--border-color: #666;--gold-on-parchment: #3d2b00;--muted-on-parchment: #3d2e1f;--green-on-parchment: #0d3a00}.node-circle,.path-line{stroke-width:4}}