:root{--ink:#f8edd2;--muted:#d8c293;--gold:#d9ae56;--gold-dark:#6d451c;--cyan:#6ee8ff;--cyan-soft:#6ee8ff7a;--amber:#ffb453;--stone:#0c171fc7;--stone-dark:#03080dc7;--paper:#ead6a2;--paper-ink:#3c2715;--wood:#5d331c;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title:Georgia, "Times New Roman", serif;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05090b;line-height:1.45}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden}button{font:inherit}.adventure-shell{background:#05090b;width:100%;min-height:100svh;position:relative;overflow:hidden}.world-map,.detail-scene{isolation:isolate;width:100%;height:100svh;min-height:640px;position:relative;overflow:hidden}.world-art,.scene-art{z-index:-5;object-fit:cover;filter:saturate(1.12)contrast(1.04);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.012)}.map-vignette,.scene-vignette{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 35%,#02080b2e 58%,#010406c7 100%),linear-gradient(90deg,#0000007a,#0000 30% 70%,#00000080);position:absolute;inset:0}.sky-drift{z-index:-3;filter:blur(18px);opacity:.68;pointer-events:none;background:radial-gradient(#ffffff52,#fff0 68%);border-radius:999px;width:44vw;height:10vw;min-height:86px;animation:18s linear infinite alternate drift;position:absolute}.drift-one{top:8%;left:4%}.drift-two{animation-duration:24s;top:20%;right:2%}.river-shine{z-index:-1;mix-blend-mode:screen;filter:blur(10px);pointer-events:none;background:linear-gradient(115deg,#0000 0 28%,#7decff2e 45%,#0000 62%);width:22vw;height:34vh;animation:4.5s ease-in-out infinite riverPulse;position:absolute;top:42%;left:45%}.grass-wave{z-index:-1;mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(83deg,#a7db701f 0 2px,#0000 2px 18px),linear-gradient(#0000,#385c2057);height:24%;animation:5.8s ease-in-out infinite grassMove;position:absolute;inset:auto 0 0}.hud-title{width:min(560px,100% - 36px);color:var(--ink);text-shadow:0 2px 14px #000000a6;padding:22px 28px 24px;position:absolute;top:clamp(24px,4vw,54px);left:clamp(18px,5vw,72px)}.hud-title:before,.scene-panel:before,.investigate-prompt:before,.return-button:before{content:"";clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));pointer-events:none;border:1px solid #d9ae569e;position:absolute;inset:0}.hud-title:after,.scene-panel:after{content:"";clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));pointer-events:none;border:1px solid #6ee8ff47;position:absolute;inset:6px}.hud-title{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0b1419b8,#1c1a116b)}.kicker,.scene-heading span{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.hud-title h1{font-family:var(--font-title);letter-spacing:0;margin:6px 0 3px;font-size:clamp(3rem,7vw,6.6rem);line-height:.92}.hud-title p{color:var(--muted);margin:0;font-weight:700}.location-layer{position:absolute;inset:0}.map-hotspot{left:var(--x);top:var(--y);z-index:4;width:86px;height:86px;color:var(--ink);cursor:pointer;filter:drop-shadow(0 10px 16px #00000080);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.hotspot-aura{opacity:.78;background:radial-gradient(circle,#6ee8ff3b,#0000 55%),conic-gradient(from 45deg,#0000,#ffb453cc,#0000,#6ee8ffcc,#0000);border:2px solid #6ee8ffa3;border-radius:50%;animation:7s linear infinite runeSpin;position:absolute;inset:-14px}.hotspot-aura:after{content:"";border:1px dashed #f8edd2b3;border-radius:50%;position:absolute;inset:10px}.hotspot-icon{background:radial-gradient(circle at 50% 40%,#1d3742f0,#080c0ddb);border:2px solid #d9ae56e6;border-radius:50%;place-items:center;transition:transform .25s,box-shadow .25s;display:grid;position:absolute;inset:12px;box-shadow:inset 0 0 18px #6ee8ff59,0 0 22px #6ee8ff59}.hotspot-icon svg{width:62px;height:62px}.icon-fill.wood{fill:#9b6030}.icon-fill.stone{fill:#5a6b6f}.icon-fill.rune,.icon-fill.fire{fill:var(--cyan)}.icon-fill.fire{fill:var(--amber)}.icon-stroke{fill:none;stroke:#f8edd2;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.glowline,.ember{stroke:var(--cyan)}.paper{fill:#e8c983;stroke:#5e351c;stroke-width:3px}.seal{fill:#a62e21}.hotspot-particles,.scene-particles{pointer-events:none;background:radial-gradient(circle at 18% 34%, var(--cyan) 0 2px, transparent 3px), radial-gradient(circle at 80% 24%, var(--amber) 0 2px, transparent 3px), radial-gradient(circle at 56% 82%, #fff 0 1px, transparent 2px);opacity:.76;animation:2.8s ease-in-out infinite alternate floatBits;position:absolute;inset:-34px}.hotspot-label{min-width:154px;color:var(--ink);text-align:center;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));opacity:0;pointer-events:none;background:#080f12d1;border:1px solid #d9ae56b8;padding:9px 12px;transition:opacity .2s,transform .2s;position:absolute;top:90%;left:50%;transform:translate(-50%)translateY(6px)}.hotspot-label b,.hotspot-label small{display:block}.hotspot-label b{color:var(--cyan);font-size:.9rem}.hotspot-label small{color:var(--muted);font-size:.72rem}.map-hotspot:hover .hotspot-icon,.map-hotspot:focus-visible .hotspot-icon,.map-hotspot.focused .hotspot-icon{transform:translateY(-7px)scale(1.08);box-shadow:inset 0 0 22px #6ee8ff80,0 0 34px #6ee8ffb8,0 0 52px #ffb45361}.map-hotspot:hover .hotspot-label,.map-hotspot:focus-visible .hotspot-label,.map-hotspot.focused .hotspot-label{opacity:1;transform:translate(-50%)translateY(0)}.map-hotspot:focus-visible,.return-button:focus-visible,.mobile-pad button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.map-hotspot.visited .hotspot-aura{border-color:#ffb453e6}.workshop:after{content:"";filter:blur(5px);pointer-events:none;background:linear-gradient(#6ee8ff00,#6ee8ffd9,#6ee8ff00);width:9px;height:34vh;animation:2.4s ease-in-out infinite beam;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.investigate-prompt{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 2px 12px #000c;background:#060d12c7;width:min(340px,100% - 36px);padding:17px 20px 17px 58px;animation:2.8s ease-in-out infinite promptFloat;position:absolute;bottom:clamp(22px,5vw,58px);right:clamp(18px,5vw,72px)}.investigate-prompt strong,.investigate-prompt small{display:block}.investigate-prompt strong{color:var(--ink);font-size:1.06rem}.investigate-prompt small{color:var(--muted)}.prompt-rune{border:2px solid var(--cyan);width:24px;height:24px;box-shadow:0 0 18px var(--cyan-soft);position:absolute;top:19px;left:18px;transform:rotate(45deg)}.compass-slate{background:radial-gradient(circle,#081216b8,#08121647);border:2px solid #d9ae56d1;border-radius:50%;width:82px;height:82px;position:absolute;top:clamp(24px,5vw,64px);right:clamp(20px,5vw,78px);box-shadow:inset 0 0 18px #6ee8ff42,0 0 20px #00000057}.compass-slate span{background:linear-gradient(var(--cyan), transparent);transform-origin:50% 0;width:2px;height:32px;position:absolute;top:50%;left:50%}.compass-slate span:first-child{transform:rotate(0)}.compass-slate span:nth-child(2){transform:rotate(90deg)}.compass-slate span:nth-child(3){transform:rotate(180deg)}.compass-slate span:nth-child(4){transform:rotate(270deg)}.mobile-pad{display:none}.detail-scene{align-items:center;padding:clamp(84px,9vw,120px) clamp(20px,5vw,76px) clamp(28px,5vw,64px);display:grid}.detail-scene.camp{justify-items:end}.detail-scene.workshop,.detail-scene.board,.detail-scene.shrine{justify-items:center}.scene-vignette{background:radial-gradient(circle at 52% 44%,#0000000a 0 28%,#00000085 100%),linear-gradient(90deg,#00000094,#0000 45%,#00000085)}.scene-particles{z-index:-1;opacity:.48;background:radial-gradient(circle at 14% 28%, var(--cyan) 0 2px, transparent 3px), radial-gradient(circle at 65% 18%, #fff 0 1px, transparent 2px), radial-gradient(circle at 82% 70%, var(--amber) 0 2px, transparent 3px), radial-gradient(circle at 42% 84%, var(--cyan) 0 1px, transparent 2px);inset:0}.return-button{z-index:8;min-height:46px;color:var(--ink);letter-spacing:.04em;cursor:pointer;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(135deg,#17262ae0,#432b16d6),radial-gradient(circle at 20% 20%,#6ee8ff3d,#0000 40%);border:0;align-items:center;gap:10px;padding:10px 18px;font-weight:900;display:inline-flex;position:absolute;top:28px;left:28px;box-shadow:inset 0 0 16px #6ee8ff33,0 16px 24px #0000005c}.return-button:hover{color:#fff;box-shadow:inset 0 0 22px #6ee8ff57,0 0 28px #6ee8ff47}.return-glyph{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.scene-panel{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(135deg,#070e12e0,#1a1711b8),radial-gradient(circle at 80% 0,#6ee8ff2e,#0000 42%);border:1px solid #d9ae5673;width:min(1040px,100%);max-height:calc(100svh - 154px);padding:clamp(22px,3.6vw,40px);position:relative;overflow:auto;box-shadow:0 28px 64px #0000007a}.camp .scene-panel{width:min(620px,100%)}.board .scene-panel{background:linear-gradient(135deg,#331b0dd1,#140a06c7),radial-gradient(circle at 30% 0,#ffb4532e,#0000 40%)}.scene-heading{margin-bottom:24px}.scene-heading h2{font-family:var(--font-title);letter-spacing:0;color:#fff7df;text-shadow:0 0 22px #6ee8ff4d,0 3px 18px #0000009e;margin:6px 0 0;font-size:clamp(2rem,4.2vw,4rem);line-height:1}.profile-layout{gap:18px;display:grid}.adventurer-crest{border:2px solid var(--gold);background:radial-gradient(circle,#ffb45342,#0000 62%),#0a1011a3;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;box-shadow:inset 0 0 22px #ffb45342,0 0 24px #ffb45347}.adventurer-crest span{font-family:var(--font-title);font-size:3.6rem}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.profile-stats div,.current-quest,.contact-runes span{background:#030a0c8f;border:1px solid #d9ae5673}.profile-stats div{padding:12px 14px}.profile-stats dt{color:var(--cyan);font-size:.76rem;font-weight:900}.profile-stats dd{color:var(--ink);margin:3px 0 0;font-weight:800}blockquote{color:#fff;font-family:var(--font-title);border-left:3px solid var(--amber);background:#ffb4531f;margin:2px 0;padding:16px 20px;font-size:1.2rem}.profile-layout p{color:var(--muted);margin:0}.contact-runes{flex-wrap:wrap;gap:10px;display:flex}.contact-runes span{color:var(--cyan);padding:9px 12px;font-weight:800}.current-quest{padding:15px 16px}.current-quest small,.current-quest strong{display:block}.current-quest small{color:var(--amber);font-weight:900}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rune-slate{clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(145deg,#091a23eb,#0c0e13d1),radial-gradient(circle at 16% 14%,#6ee8ff42,#0000 44%);border:1px solid #6ee8ff85;min-height:176px;padding:22px 18px 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #6ee8ff2e,0 0 22px #6ee8ff1f}.rune-slate:after{content:"";clip-path:inherit;border:1px solid #d9ae5647;position:absolute;inset:10px}.slate-orb{border:2px solid var(--cyan);width:28px;height:28px;box-shadow:0 0 18px var(--cyan);border-radius:50%;margin-bottom:14px;animation:2.6s ease-in-out infinite pulse;display:block}.rune-slate h3,.quest-scroll h3,.trial-tablet h3{letter-spacing:0;margin:0;line-height:1.16}.rune-slate h3{color:#fff;font-size:1.12rem}.rune-slate p{color:#c8f8ff;margin:10px 0 0;font-size:.92rem}.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.quest-scroll{min-height:244px;color:var(--paper-ink);background:linear-gradient(90deg, #512d162e, transparent 10%, transparent 90%, #512d162e), radial-gradient(circle at 20% 0%, #fff8d8d1, transparent 45%), var(--paper);transform-origin:top;border:2px solid #8b5b2d;padding:22px 22px 20px;animation:4.6s ease-in-out infinite paperSwing;position:relative;box-shadow:0 16px 24px #00000057,inset 0 0 28px #5c361947}.quest-scroll:nth-child(2n){animation-delay:-1.1s}.wax-seal{background:radial-gradient(circle,#d34b39,#7c1e18);border-radius:50%;width:34px;height:34px;position:absolute;top:18px;right:18px;box-shadow:inset 0 0 8px #00000047,0 3px 8px #00000047}.quest-scroll header{padding-right:44px}.quest-scroll header span{color:#9f411e;font-weight:900}.quest-scroll h3{font-family:var(--font-title);margin-top:4px;font-size:1.45rem}.quest-scroll p{margin:12px 0 0;font-size:.92rem}.quest-scroll b{color:#7c2c17;min-width:76px;margin-right:8px;display:inline-block}.trial-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid;position:relative}.trial-path:before{content:"";background:linear-gradient(90deg, var(--cyan), #b284ff, var(--cyan));height:3px;box-shadow:0 0 16px var(--cyan);animation:2.6s linear infinite energyFlow;position:absolute;top:52px;left:12%;right:12%}.trial-tablet{clip-path:polygon(50% 0,100% 58px,100% 100%,0 100%,0 58px);background:linear-gradient(145deg,#2b3242e0,#080d17eb),radial-gradient(circle at 50% 0,#875fff42,#0000 48%);border:1px solid #a389ff8f;min-height:360px;padding:82px 22px 24px;position:relative;box-shadow:inset 0 0 28px #6ee8ff29,0 0 26px #6ee8ff1f}.tablet-node{z-index:2;border:2px solid var(--cyan);width:28px;height:28px;box-shadow:0 0 18px var(--cyan);background:#08131a;border-radius:50%;position:absolute;top:36px;left:50%;transform:translate(-50%)}.trial-tablet small{color:var(--cyan);font-weight:900}.trial-tablet h3{color:#fff;margin-top:6px;font-size:1.35rem}.trial-meta{color:var(--amber);font-weight:800}.trial-tablet ul{color:var(--muted);margin:16px 0 0;padding-left:18px}.trial-tablet li+li{margin-top:8px}.transition-veil{z-index:20;pointer-events:none;opacity:0;background:radial-gradient(circle,#6ee8ffeb,#6ee8ff3d 28%,#0000 58%),conic-gradient(#0000,#ffb45380,#0000,#6ee8ff80,#0000);position:fixed;inset:0;transform:scale(0)}.scene-open .transition-veil,.map-open .transition-veil{animation:.72s ease-out veilBurst}@keyframes drift{to{transform:translate(8vw)translateY(-1vw)}}@keyframes riverPulse{50%{opacity:.38;transform:translateY(12px)}}@keyframes grassMove{50%{opacity:.72;transform:skew(-2deg)translate(12px)}}@keyframes runeSpin{to{transform:rotate(360deg)}}@keyframes floatBits{to{opacity:.46;transform:translateY(-10px)}}@keyframes beam{50%{opacity:.42;transform:translate(-50%)scaleY(1.08)}}@keyframes promptFloat{50%{transform:translateY(-6px)}}@keyframes pulse{50%{opacity:.5;transform:scale(.84)}}@keyframes paperSwing{50%{transform:rotate(.55deg)translateY(2px)}}@keyframes energyFlow{to{filter:hue-rotate(80deg)}}@keyframes veilBurst{0%{opacity:0;transform:scale(0)rotate(0)}26%{opacity:.9;transform:scale(1.45)rotate(48deg)}to{opacity:0;transform:scale(2.8)rotate(120deg)}}@media (width<=900px){.world-map,.detail-scene{min-height:100svh}.world-art{object-position:48% 50%}.hud-title{padding:16px 18px 18px;top:16px;left:14px}.hud-title h1{font-size:clamp(2.4rem,13vw,4.2rem)}.hud-title p{max-width:260px;font-size:.9rem}.compass-slate{display:none}.map-hotspot{width:70px;height:70px}.hotspot-icon{inset:10px}.hotspot-icon svg{width:48px;height:48px}.hotspot-label{display:none}.map-hotspot.camp{top:58%!important;left:20%!important}.map-hotspot.workshop{top:42%!important;left:75%!important}.map-hotspot.board{top:66%!important;left:72%!important}.map-hotspot.shrine{top:53%!important;left:43%!important}.investigate-prompt{width:auto;bottom:102px;left:14px;right:14px}.mobile-pad{z-index:7;grid-template-columns:repeat(4,52px);gap:10px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.mobile-pad button{width:52px;height:52px;color:var(--cyan);background:radial-gradient(circle,#122830e6,#040a0de6);border:1px solid #6ee8ffc2;border-radius:50%;font-size:1.3rem;font-weight:900;box-shadow:inset 0 0 16px #6ee8ff47,0 0 16px #00000070}.mobile-pad button:active{transform:scale(.9);box-shadow:inset 0 0 24px #6ee8ff94,0 0 20px #6ee8ff52}.detail-scene{align-items:end;height:100svh;padding:82px 14px 16px;justify-items:center!important}.scene-art{object-position:center}.return-button{min-height:42px;padding:9px 13px;font-size:.88rem;top:16px;left:14px}.scene-panel{width:100%;max-height:calc(100svh - 104px);padding:20px 16px 22px}.scene-heading{margin-bottom:18px}.scene-heading h2{font-size:clamp(1.7rem,8vw,2.35rem)}.profile-stats,.skill-grid,.quest-grid,.trial-path{grid-template-columns:1fr}.skill-grid,.quest-grid,.trial-path{gap:12px}.rune-slate{min-height:auto}.quest-scroll{min-height:auto;padding:18px 16px}.quest-scroll b{margin:0 0 2px;display:block}.trial-path:before{width:3px;height:auto;inset:24px auto 24px 26px}.trial-tablet{min-height:auto;padding:64px 18px 20px}}@media (width<=480px){.kicker,.scene-heading span{font-size:.66rem}.hud-title{width:calc(100% - 28px)}.investigate-prompt{padding-right:14px}.profile-stats{gap:8px}.profile-stats div{padding:10px}blockquote{font-size:1.02rem}}