:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #07120e;--canopy: #10251b;--leaf: #8ef27d;--mint: #3ce6c9;--ember: #ff7a4d;--gold: #ffd76d;--ink: #eaffdf;--muted: #a7bcae;--line: rgba(234, 255, 223, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 82% 8%,rgba(60,230,201,.16),transparent 28rem),radial-gradient(circle at 12% 28%,rgba(142,242,125,.12),transparent 28rem),linear-gradient(160deg,#07120e,#0f2119 46%,#120d17);overflow-x:hidden}button,a{font:inherit}a,button{color:inherit}.app{position:relative;isolation:isolate;min-height:100vh;overflow:hidden}.app:before,.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.app:before{z-index:-8;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:64px 64px;transform:perspective(760px) rotateX(64deg) translateY(22vh);transform-origin:bottom;opacity:.28}.app:after{z-index:-7;background:linear-gradient(110deg,transparent 0 42%,rgba(60,230,201,.07) 50%,transparent 60%);animation:mistSweep 9s ease-in-out infinite alternate}.hero,.saga-path,.relic-hunt,.playground,.water-mirror,.generator,.secret-archive,.final-cta{width:min(1160px,calc(100% - 32px));margin-inline:auto}.hero{position:relative;min-height:96vh;display:grid;align-content:center;gap:clamp(1.4rem,4vw,3rem);padding:clamp(1.25rem,4vw,3rem) 0 4rem}.hero:before{content:"";position:absolute;inset:-1rem calc(50% - 50vw) 2rem calc(50% - 50vw);z-index:-6;background:linear-gradient(90deg,#07120eed,#07120ebd 35%,#07120e38 72%,#07120ed1),linear-gradient(180deg,#07120e33,#07120e 96%),url(/assets/trollhagen-rune-ai-hero.png) center / cover no-repeat}.hero-copy{max-width:58rem}.oracle-stage{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(320px,1.12fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;padding:clamp(.9rem,2.3vw,1.4rem);border:1px solid rgba(255,215,109,.28);border-radius:8px;background:radial-gradient(circle at 12% 10%,rgba(255,215,109,.16),transparent 18rem),linear-gradient(145deg,#07120ee0,#120c1ac7);box-shadow:0 32px 110px #0000006b,inset 0 0 70px #3ce6c914;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.oracle-figure{position:relative;min-height:34rem;border:1px solid rgba(234,255,223,.13);border-radius:8px;overflow:hidden;background:#07120e}.oracle-figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 34%,rgba(7,18,14,.92));pointer-events:none}.oracle-figure img{width:100%;height:100%;min-height:34rem;display:block;object-fit:cover;object-position:50% 32%;filter:saturate(1.08) contrast(1.04)}.oracle-figure-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;padding:1rem;border:1px solid rgba(255,215,109,.24);border-radius:8px;background:#07120e9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.oracle-figure-caption span{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;margin-bottom:.65rem;border:1px solid rgba(255,215,109,.42);border-radius:8px;color:var(--gold);font-family:Georgia,serif;font-size:1.7rem;background:#ffd76d14}.oracle-figure-caption strong{display:block;color:var(--gold);font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1}.oracle-figure-caption p{margin:.45rem 0 0;color:var(--muted);line-height:1.45}.hero-copy{padding-top:.4rem}.brand-mark{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;color:var(--gold);font-weight:900;text-transform:uppercase}.brand-mark span{display:grid;place-items:center;width:2.55rem;aspect-ratio:1;border:1px solid rgba(255,215,109,.5);border-radius:8px;background:#ffd76d17;box-shadow:0 0 24px #ffd76d47}h1,h2,h3,p{margin-top:0}h1{max-width:14ch;margin-bottom:1.25rem;font-size:clamp(3.4rem,8.2vw,7.2rem);line-height:.88;letter-spacing:0;text-wrap:balance;filter:drop-shadow(0 0 38px rgba(142,242,125,.18))}h2{letter-spacing:0}.hero-copy p,.section-copy p,.water-copy p,.generator p,.secret-archive p,.final-cta p{max-width:43rem;color:var(--muted);font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{position:relative;display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;padding:.82rem 1.18rem;border:1px solid rgba(234,255,223,.18);border-radius:8px;text-decoration:none;font-weight:850;overflow:hidden;cursor:pointer;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.button:before{content:"";position:absolute;top:-80%;right:-30%;bottom:-80%;left:-30%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.34),transparent 65%);transform:translate(-70%);transition:transform .52s ease}.button:hover{transform:translateY(-2px)}.button:hover:before{transform:translate(70%)}.button.primary{color:#07120e;border-color:transparent;background:linear-gradient(135deg,var(--leaf),var(--gold));box-shadow:0 18px 54px #8ef27d3d}.button.ghost{background:#eaffdf11;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.button.large{min-width:min(100%,17rem)}.rune-rain,.magic-weather{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.rune-rain{z-index:-4;opacity:.22;-webkit-mask-image:linear-gradient(transparent,black 14%,black 82%,transparent);mask-image:linear-gradient(transparent,black 14%,black 82%,transparent)}.rune-rain button{position:absolute;top:-6rem;padding:0;border:0;color:#d6ff73b8;background:transparent;font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2.8rem);text-shadow:0 0 18px rgba(142,242,125,.85);animation:runeFall linear infinite;pointer-events:auto;cursor:pointer}.rune-rain button:hover{color:#fff;text-shadow:0 0 28px rgba(255,215,109,1)}.magic-weather{z-index:-3}.aurora{position:absolute;left:-12vw;right:-12vw;height:34vh;opacity:.28;filter:blur(24px) saturate(1.25);mix-blend-mode:screen;transform-origin:center}.aurora-one{top:2vh;background:linear-gradient(100deg,transparent,rgba(60,230,201,.42),rgba(142,242,125,.2),transparent);animation:auroraWave 11s ease-in-out infinite alternate}.aurora-two{top:13vh;background:linear-gradient(80deg,transparent,rgba(255,122,77,.18),rgba(255,215,109,.32),transparent);animation:auroraWave 14s ease-in-out infinite alternate-reverse}.lightning{position:absolute;top:0;width:4px;height:42vh;opacity:0;background:linear-gradient(#fff,#d6ff73 45%,transparent);box-shadow:0 0 26px #fff,0 0 56px #d6ff73b3;clip-path:polygon(45% 0,72% 33%,52% 33%,82% 72%,34% 42%,55% 42%)}.lightning-a{left:18%;animation:lightningFlash 8s steps(1) infinite}.lightning-b{right:22%;animation:lightningFlash 11s steps(1) infinite 1.7s}.storm-on .lightning{animation-duration:1.9s}.storm-on .aurora{opacity:.62}.eyebrow{display:inline-flex;margin-bottom:.85rem;color:var(--mint);font-size:.8rem;font-weight:900;text-transform:uppercase}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.3rem}.section-heading h2,.section-copy h2,.water-copy h2,.generator h2,.secret-archive h2,.final-cta h2{max-width:14ch;margin-bottom:1rem;font-size:clamp(2.45rem,5.7vw,5.25rem);line-height:.92;text-wrap:balance}.saga-path,.water-mirror,.generator,.secret-archive{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(1.4rem,4vw,4.5rem);align-items:center;padding:5.5rem 0}.chronicle{display:grid;gap:.85rem}.chronicle article{position:relative;padding:1rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#eaffdf12,#eaffdf08);opacity:.58;transition:opacity .22s ease,transform .22s ease,border-color .22s ease}.chronicle article.active{opacity:1;border-color:#8ef27d7a;transform:translate(-.45rem);box-shadow:0 18px 54px #8ef27d1f}.chronicle strong{color:var(--mint)}.chronicle h3,.lore-card h3,.relic strong{margin:.35rem 0;font-size:clamp(1.35rem,2.4vw,2rem)}.chronicle p,.lore-card p,.relic p{margin-bottom:0;color:var(--muted);line-height:1.58}.relic-hunt{padding:4.5rem 0 2rem}.relic-grid,.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.relic,.lore-card,.generator-card,.secret-archive,.final-cta{border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,#eaffdf16,#eaffdf08);box-shadow:0 24px 80px #00000047}.relic{min-height:17rem;padding:1rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.relic:hover,.relic.found{transform:translateY(-3px);border-color:#ffd76d75;background:radial-gradient(circle at 30% 20%,rgba(255,215,109,.16),transparent 12rem),linear-gradient(155deg,#eaffdf1a,#eaffdf09)}.relic span,.lore-card span{display:grid;place-items:center;width:4.6rem;aspect-ratio:1;margin-bottom:2rem;border:1px solid rgba(255,215,109,.32);border-radius:8px;color:var(--gold);background:#07120e70;font-family:Georgia,serif;font-size:2.7rem;text-shadow:0 0 22px rgba(255,215,109,.54)}.playground{padding:5rem 0 2rem}.lore-card{min-height:21rem;padding:1.15rem}.mirror-pool{position:relative;min-height:27rem;border:1px solid rgba(60,230,201,.3);border-radius:8px;background:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.16),transparent 18%),radial-gradient(ellipse at 42% 54%,rgba(60,230,201,.24),transparent 46%),linear-gradient(180deg,#10484cc7,#031014f0);box-shadow:inset 0 18px 80px #ffffff14,inset 0 -34px 100px #00000075,0 24px 90px #0000004d;overflow:hidden}.mirror-pool:before,.mirror-pool:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:repeating-radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.09) 0 1px,transparent 1px 17px),repeating-linear-gradient(172deg,rgba(255,255,255,.08) 0 1px,transparent 1px 21px);filter:blur(.2px);animation:waterRipple 7s linear infinite}.mirror-pool:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.2),transparent 68%);transform:translate(-80%);animation:waterShine 4.5s ease-in-out infinite}.mirror-pool>span{position:absolute;color:#eaffdfbd;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);text-shadow:0 0 28px rgba(60,230,201,.66);animation:floatMirror 5s ease-in-out infinite}.mirror-pool>span:nth-child(1){left:14%;top:18%}.mirror-pool>span:nth-child(2){left:48%;top:12%;animation-delay:-1s}.mirror-pool>span:nth-child(3){right:14%;top:32%;animation-delay:-2s}.mirror-pool>span:nth-child(4){left:24%;bottom:16%;animation-delay:-3s}.mirror-pool>span:nth-child(5){right:25%;bottom:20%;animation-delay:-1.5s}.mirror-pool>span:nth-child(6){left:48%;bottom:38%;animation-delay:-2.5s}.mirror-pool>span:nth-child(7){right:8%;top:12%;animation-delay:-3.2s}.oracle-live{align-items:stretch}.oracle-panel{display:grid;align-content:center}.oracle-form{display:grid;gap:.75rem;margin:1.25rem 0}.oracle-form label{color:var(--gold);font-weight:850}.oracle-form textarea{width:100%;min-height:8rem;resize:vertical;padding:.9rem 1rem;border:1px solid rgba(255,215,109,.28);border-radius:8px;color:var(--ink);background:#07120eb8;box-shadow:inset 0 0 28px #ffd76d0e;line-height:1.55}.oracle-form textarea:focus{outline:2px solid rgba(142,242,125,.42);outline-offset:2px}.oracle-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.oracle-controls small{color:var(--muted)}.oracle-error{margin:.5rem 0 0;color:#ffd1c2!important}.oracle-answer{margin-top:1rem;padding:1rem;border:1px solid rgba(60,230,201,.24);border-radius:8px;background:radial-gradient(circle at 0 0,rgba(60,230,201,.12),transparent 16rem),#eaffdf0b}.oracle-answer strong{display:block;margin-bottom:.5rem;color:var(--mint)}.oracle-answer p{margin:0;color:var(--ink);white-space:pre-wrap}.button:disabled{cursor:wait;opacity:.68;transform:none}.oracle-book{width:100%;height:100%;margin:0;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(255,215,109,.2);border-radius:8px;background:radial-gradient(circle at 16% 12%,rgba(255,215,109,.12),transparent 13rem),linear-gradient(150deg,#07120eb8,#120c1a8f);box-shadow:inset 0 0 52px #3ce6c914;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.oracle-book h2{max-width:14ch;margin-bottom:.7rem;font-size:clamp(1.85rem,3.4vw,3rem);line-height:.96}.oracle-book p{font-size:.98rem;line-height:1.55}.oracle-ritual{display:flex;align-items:center;gap:.7rem;min-height:2.8rem;margin:.75rem 0;padding:.7rem .8rem;border:1px solid rgba(142,242,125,.28);border-radius:8px;color:var(--gold);background:#8ef27d0f}.oracle-ritual i{width:1.4rem;aspect-ratio:1;border:2px solid rgba(255,215,109,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.oracle-audio{width:100%;margin-top:.85rem;accent-color:var(--gold)}.oracle-audio.hidden{display:none}.voice-notice{display:block;margin-top:.55rem;color:var(--gold)}.odin-greeting{position:absolute;top:13%;right:13%;bottom:13%;left:13%;z-index:2;display:grid;place-items:center;align-content:center;gap:.65rem;padding:1rem;border:1px solid rgba(255,215,109,.28);border-radius:8px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,215,109,.2),transparent 12rem),#07120e85;box-shadow:0 0 70px #ffd76d1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:mirrorReveal .52s ease both}.odin-greeting span{position:static;color:var(--gold);font-family:Georgia,serif;font-size:clamp(3rem,8vw,5rem);line-height:1;text-shadow:0 0 30px rgba(255,215,109,.8);animation:none}.odin-greeting strong{color:var(--gold);font-size:clamp(1.2rem,3vw,2rem)}.odin-greeting p{margin:0;max-width:28rem;color:var(--ink);font-size:clamp(1rem,2vw,1.25rem)}.mirror-revealed>span{opacity:0;transform:translateY(1rem) scale(.4)}.generator-card{position:relative;min-height:22rem;padding:1.3rem;border-color:#8ef27d3d;background:radial-gradient(circle at 20% 18%,rgba(142,242,125,.18),transparent 14rem),linear-gradient(155deg,#eaffdf17,#eaffdf09);overflow:hidden}.generator-card:after{content:"";position:absolute;inset:auto -10% -20% -10%;height:45%;background:linear-gradient(90deg,transparent,rgba(60,230,201,.24),transparent);filter:blur(24px)}.generator-card>*{position:relative;z-index:1}.generator-rune{display:grid;place-items:center;width:6rem;aspect-ratio:1;margin-bottom:2.4rem;border:1px solid rgba(255,215,109,.32);border-radius:8px;color:var(--gold);font-family:Georgia,serif;font-size:4rem;background:#07120e75;box-shadow:0 0 42px #ffd76d1f}.generator-card h3{font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.secret-archive{align-items:start;padding:clamp(1.25rem,4vw,2rem);opacity:.72}.secret-archive.open{opacity:1;border-color:#ffd76d6b;box-shadow:0 26px 90px #00000052,0 0 70px #ffd76d14}.archive-ledger{display:flex;flex-wrap:wrap;gap:.55rem;align-content:start}.archive-ledger span{padding:.45rem .65rem;border:1px solid rgba(60,230,201,.25);border-radius:8px;color:var(--mint);background:#3ce6c90f}.final-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:clamp(1.25rem,4vw,2rem);border-color:#ffd76d47;background:radial-gradient(circle at 0 0,rgba(255,215,109,.17),transparent 20rem),linear-gradient(135deg,#eaffdf14,#eaffdf08);overflow:hidden}.final-cta:before{content:"";position:absolute;right:12%;top:50%;width:18rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 90deg,#8ef27d14,#3ce6c95c,#ffd76d38,#8ef27d14);filter:blur(8px);transform:translateY(-50%);animation:spin 9s linear infinite}.final-cta>*{position:relative;z-index:1}.troll-radar{position:fixed;right:1rem;bottom:1rem;z-index:20;width:min(20rem,calc(100vw - 2rem));padding:.9rem;border:1px solid rgba(60,230,201,.24);border-radius:8px;background:#07120ec7;box-shadow:0 20px 60px #0006,inset 0 0 35px #3ce6c914;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(calc(100% + 2rem));transition:transform .28s ease}.troll-radar.active{transform:translateY(0)}.radar-disc{position:relative;float:left;width:4.6rem;aspect-ratio:1;margin-right:.8rem;border:1px solid rgba(142,242,125,.42);border-radius:50%;background:radial-gradient(circle,rgba(142,242,125,.16),transparent 62%);overflow:hidden}.radar-disc span{position:absolute;inset:50% 50% auto 50%;height:50%;width:2px;background:var(--leaf);transform-origin:top;animation:radarSweep 1.8s linear infinite;box-shadow:0 0 20px var(--leaf)}.radar-disc i{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;border:1px solid rgba(255,215,109,.46)}.troll-radar strong,.secret-toast strong{display:block;color:var(--gold)}.troll-radar p,.troll-radar small{display:block;margin:.25rem 0 0;color:var(--muted);line-height:1.4}.secret-toast{position:fixed;top:1rem;left:50%;z-index:30;width:min(28rem,calc(100vw - 2rem));padding:.9rem 1rem;border:1px solid rgba(255,215,109,.4);border-radius:8px;background:#0e0a14e0;box-shadow:0 20px 60px #0000006b,0 0 40px #ffd76d29;transform:translate(-50%);animation:toastDrop .42s ease both}.secret-toast span{display:block;margin-top:.25rem;color:var(--muted)}@keyframes runeFall{0%{transform:translateY(-8rem) rotate(0)}to{transform:translateY(calc(100vh + 10rem)) rotate(180deg)}}@keyframes mistSweep{0%{transform:translate(-2vw);opacity:.72}to{transform:translate(2vw);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes auroraWave{0%{transform:translate(-8vw) skewY(-5deg)}to{transform:translate(8vw) skewY(5deg)}}@keyframes lightningFlash{0%,91%,to{opacity:0}92%{opacity:1}93%{opacity:.15}94%{opacity:.92}96%{opacity:0}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes toastDrop{0%{opacity:0;transform:translate(-50%,-1rem)}to{opacity:1;transform:translate(-50%)}}@keyframes waterRipple{to{transform:scale(1.08)}}@keyframes waterShine{0%,to{transform:translate(-80%);opacity:0}50%{transform:translate(80%);opacity:1}}@keyframes floatMirror{0%,to{transform:translateY(0) scaleY(-1);opacity:.5}50%{transform:translateY(-.7rem) scaleY(-1);opacity:.9}}@keyframes textPulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes mirrorReveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:980px){.saga-path,.water-mirror,.generator,.secret-archive{grid-template-columns:1fr}.hero{min-height:auto}.oracle-stage{grid-template-columns:1fr}.oracle-figure,.oracle-figure img{min-height:28rem}.hero-chat{max-width:none}.relic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.final-cta{align-items:stretch;flex-direction:column}}@media(max-width:560px){.hero,.saga-path,.relic-hunt,.playground,.water-mirror,.generator,.secret-archive,.final-cta{width:min(100% - 24px,1160px)}h1{font-size:clamp(3.1rem,16vw,4.9rem)}.hero-copy p,.section-copy p,.water-copy p,.generator p,.secret-archive p,.final-cta p{font-size:1rem}.hero-actions,.button{width:100%}.section-heading{display:block}.section-heading h2,.section-copy h2,.water-copy h2,.generator h2,.secret-archive h2,.final-cta h2{font-size:clamp(2.1rem,12vw,3.25rem)}.relic-grid{grid-template-columns:1fr}.mirror-pool{min-height:20rem}.troll-radar{left:.75rem;right:.75rem;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.hero-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);gap:clamp(1rem,3vw,2rem);align-items:end}.hero-side-stack{display:grid;gap:1rem}.daily-omen,.mood-box,.translator-panel,.thread-board,.loki-panel,.archive-fragments article{border:1px solid var(--line);border-radius:8px;background:linear-gradient(150deg,#eaffdf17,#eaffdf09);box-shadow:0 20px 70px #00000042}.daily-omen,.mood-box{padding:1rem}.daily-omen strong,.mood-box h3{display:block;margin:0 0 .45rem;color:var(--gold);font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.02}.daily-omen p,.mood-box p{margin:0;color:var(--ink);line-height:1.52}.daily-omen small{display:block;margin-top:.65rem;color:var(--muted)}.button.small{min-height:2.6rem;margin-top:.8rem;padding:.55rem .85rem}.translator-section,.norn-threads,.loki-panel{width:min(1160px,calc(100% - 32px));margin-inline:auto}.translator-section{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);gap:clamp(1.2rem,4vw,3rem);align-items:stretch;padding:4.5rem 0 2rem}.translator-art{min-height:31rem;border:1px solid rgba(255,215,109,.2);border-radius:8px;overflow:hidden;background:#07120e;box-shadow:0 24px 90px #00000057}.translator-art img,.saga-image img,.archive-visual img{width:100%;height:100%;display:block;object-fit:cover}.translator-panel{display:grid;align-content:center;padding:clamp(1.1rem,3vw,1.7rem)}.translator-panel h2{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.94}.translator-panel p{color:var(--muted);line-height:1.65}.translator-form{display:flex;gap:.75rem;margin:1rem 0}.translator-form input{min-width:0;flex:1;padding:.9rem 1rem;border:1px solid rgba(255,215,109,.28);border-radius:8px;color:var(--ink);background:#07120eb8}.translation-result{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;min-height:6rem;margin-top:.5rem;padding:1rem;border:1px solid rgba(60,230,201,.24);border-radius:8px;background:#3ce6c90e}.translation-result span{display:grid;place-items:center;width:3.5rem;aspect-ratio:1;border:1px solid rgba(255,215,109,.32);border-radius:8px;color:var(--gold);font-family:Georgia,serif;font-size:2rem;background:#07120e8c}.translation-result p{margin:0;color:var(--ink)}.saga-image{height:22rem;margin-top:1.4rem;border:1px solid rgba(255,215,109,.18);border-radius:8px;overflow:hidden;box-shadow:0 20px 70px #0000004d}.norn-threads{display:grid;grid-template-columns:minmax(0,.84fr) minmax(320px,1.16fr);gap:clamp(1.4rem,4vw,4rem);align-items:center;padding:3rem 0 4rem}.norn-threads h2{max-width:13ch;font-size:clamp(2.25rem,5.4vw,5rem);line-height:.92}.norn-threads p{color:var(--muted);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.7}.thread-board{position:relative;display:grid;gap:1.1rem;padding:clamp(1rem,3vw,1.5rem);overflow:hidden}.thread-board:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:50%;height:.28rem;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--thread-progress),rgba(234,255,223,.13) var(--thread-progress));box-shadow:0 0 26px #ffd76d3d}.thread-board span{position:relative;z-index:1;display:block;padding:1rem;border:1px solid rgba(255,215,109,.22);border-radius:8px;color:var(--ink);background:#07120eb8}.offering-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:1rem 0}.offering-selector button{min-height:4.7rem;padding:.55rem;border:1px solid rgba(234,255,223,.14);border-radius:8px;text-align:left;cursor:pointer;background:#eaffdf0b}.offering-selector button.selected{border-color:#ffd76d8c;background:#ffd76d1f;box-shadow:inset 0 0 28px #ffd76d14}.offering-selector strong{display:block;color:var(--gold);font-size:.9rem}.offering-selector span{display:block;margin-top:.25rem;color:var(--muted);font-size:.78rem;line-height:1.25}.mirror-pool{background:linear-gradient(180deg,#07120e14,#07120e7a),url(/assets/generated/odin-water-omen.png) center / cover no-repeat}.mirror-pool:before{background:repeating-radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.13) 0 1px,transparent 1px 18px),repeating-linear-gradient(172deg,rgba(255,255,255,.1) 0 1px,transparent 1px 23px);mix-blend-mode:screen}.mirror-revealed{animation:mirrorWake .9s ease both}.loki-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:clamp(1rem,3vw,2rem);align-items:center;margin-top:3rem;margin-bottom:4rem;padding:clamp(1rem,3vw,1.6rem)}.loki-panel h2{max-width:13ch;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.94}.loki-panel p{color:var(--muted);line-height:1.65}.loke-rune{display:grid;place-items:center;gap:.45rem;min-height:17rem;border:1px solid rgba(255,122,77,.3);border-radius:8px;cursor:pointer;background:radial-gradient(circle at 50% 20%,rgba(255,122,77,.18),transparent 13rem),#07120eb3}.loke-rune span{color:var(--ember);font-family:Georgia,serif;font-size:clamp(4rem,10vw,7rem);line-height:1;text-shadow:0 0 30px rgba(255,122,77,.65)}.loke-rune strong{color:var(--gold);font-size:1.25rem}.loke-rune small{color:var(--muted)}.loke-rune.active{border-color:#ffd76d8c;animation:lokeWobble .82s ease-in-out infinite alternate}.loke-mode .button:nth-of-type(odd),.loke-mode .relic:nth-child(2n){transform:rotate(-.6deg)}.loke-mode .button:nth-of-type(2n),.loke-mode .relic:nth-child(odd){transform:rotate(.6deg)}.secret-archive{grid-template-columns:minmax(0,.82fr) minmax(260px,.62fr)}.archive-visual{min-height:18rem;border:1px solid rgba(255,215,109,.2);border-radius:8px;overflow:hidden}.archive-fragments{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.archive-fragments article{padding:.9rem;color:var(--ink);line-height:1.45}@keyframes mirrorWake{0%{filter:saturate(.9) brightness(.9)}60%{filter:saturate(1.35) brightness(1.18)}to{filter:saturate(1.08) brightness(1)}}@keyframes lokeWobble{0%{transform:rotate(-1.2deg) scale(1)}to{transform:rotate(1.2deg) scale(1.015)}}@media(max-width:980px){.hero-lower,.translator-section,.norn-threads,.loki-panel,.secret-archive{grid-template-columns:1fr}.offering-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-fragments{grid-template-columns:1fr}}@media(max-width:560px){.translator-section,.norn-threads,.loki-panel{width:min(100% - 24px,1160px)}.translator-form{flex-direction:column}.translator-form .button{width:100%}.offering-selector{grid-template-columns:1fr}.translator-art,.saga-image{min-height:18rem;height:18rem}.loke-rune{min-height:12rem}}.mirror-reading{animation:mirrorWake 3.8s ease both}.mirror-reading:before{animation:waterRipple 2.4s linear infinite,mirrorCurrent 3.8s ease-in-out both}.mirror-reading:after{animation:waterShine 1.7s ease-in-out infinite,mirrorFlash 3.8s ease-in-out both}.mirror-spell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;align-content:center;gap:.35rem;text-align:center;pointer-events:none}.mirror-spell:before{content:"";position:absolute;width:min(68%,22rem);aspect-ratio:1;border:1px solid rgba(255,215,109,.28);border-radius:50%;background:radial-gradient(circle,rgba(255,215,109,.12),transparent 62%);box-shadow:0 0 70px #3ce6c938,inset 0 0 42px #ffd76d1f;animation:mirrorSeal 3.8s ease-in-out both}.mirror-spell strong,.mirror-spell p{position:relative;z-index:5;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.75)}.mirror-spell strong{color:var(--gold);font-size:clamp(1.05rem,2.2vw,1.55rem);animation:spellText 3.8s ease both}.mirror-spell p{color:var(--mint);font-size:.95rem;animation:spellText 3.8s ease .28s both}.mirror-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;transform-style:preserve-3d;animation:orbitTilt 3.8s ease-in-out both}.mirror-orbit span{--angle: calc((360deg / var(--total)) * var(--i));position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(2rem,5vw,3.6rem);aspect-ratio:1;color:#ffeca0f0;font-family:Georgia,serif;font-size:clamp(1.55rem,4vw,3rem);text-shadow:0 0 20px rgba(255,215,109,.85),0 0 44px rgba(60,230,201,.5);transform:rotate(var(--angle)) translate(clamp(5.6rem,18vw,11rem)) rotate(calc(var(--angle) * -1));animation:runeOrbit 3.8s cubic-bezier(.2,.75,.18,1) both;animation-delay:calc(var(--i) * 38ms)}.mirror-orbit span:nth-child(3n){color:#8ef27df5}.mirror-orbit span:nth-child(4n){color:#3ce6c9f5}@keyframes runeOrbit{0%{opacity:.14;transform:rotate(var(--angle)) translate(clamp(7rem,24vw,14rem)) rotate(0) scale(.72) scaleY(-1);filter:blur(1.4px)}28%{opacity:1;transform:rotate(calc(var(--angle) + 95deg)) translate(clamp(5.8rem,19vw,11rem)) rotate(220deg) scale(1.08) scaleY(-1);filter:blur(0)}62%{opacity:1;transform:rotate(calc(var(--angle) + 230deg)) translate(clamp(4.6rem,14vw,8rem)) rotate(520deg) scale(.96)}84%{opacity:.95;transform:rotate(calc(var(--angle) + 330deg)) translate(clamp(1.7rem,5vw,3rem)) rotate(760deg) scale(.82)}to{opacity:0;transform:rotate(360deg) translate(0) rotate(900deg) scale(.42);filter:blur(1.6px)}}@keyframes orbitTilt{0%{transform:rotateX(62deg) rotate(-20deg) scale(1.08)}48%{transform:rotateX(54deg) rotate(190deg) scale(1)}to{transform:rotateX(68deg) rotate(360deg) scale(.72)}}@keyframes mirrorSeal{0%{opacity:0;transform:scale(.65) rotate(0)}36%{opacity:.78;transform:scale(1) rotate(130deg)}76%{opacity:.92;transform:scale(.72) rotate(300deg)}to{opacity:0;transform:scale(.32) rotate(420deg)}}@keyframes spellText{0%,18%{opacity:0;transform:translateY(.6rem)}34%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes mirrorCurrent{0%{transform:scale(1) rotate(0);opacity:.75}55%{transform:scale(1.14) rotate(18deg);opacity:1}to{transform:scale(.96) rotate(34deg);opacity:.55}}@keyframes mirrorFlash{0%,78%,to{opacity:0}84%{opacity:1}90%{opacity:.25}94%{opacity:.88}}.loke-rift-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;pointer-events:none;isolation:isolate;animation:lokeOverlayLife 5.2s ease both}.loke-rift-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,215,109,.24),transparent 28rem),linear-gradient(120deg,#07120e2e,#07120eb8);animation:lokeWorldBlink 5.2s ease both}.loke-rift-image{position:absolute;width:min(92vw,62rem);height:min(76vh,40rem);overflow:hidden;border-radius:8px;filter:drop-shadow(0 0 70px rgba(255,122,77,.35));transform-origin:center;animation:lokeRiftTear 5.2s cubic-bezier(.2,.8,.18,1) both}.loke-rift-image img{width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.12)}.loke-rift-card{position:relative;z-index:2;display:grid;width:min(18rem,74vw);padding:.75rem;border:1px solid rgba(255,215,109,.44);border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#07120ed1,#120c1ad6);box-shadow:0 34px 120px #0000008f,0 0 55px #ffd76d29;transform-origin:center;animation:lokeCardDeal 5.2s cubic-bezier(.18,.86,.22,1) both}.loke-rift-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:6px;border:1px solid rgba(234,255,223,.12)}.loke-rift-card span{margin-top:.75rem;color:var(--mint);font-size:.72rem;font-weight:900;letter-spacing:.08em}.loke-rift-card strong{margin-top:.18rem;color:var(--gold);font-size:1.35rem;line-height:1.05}.loke-rift-card p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.4}.loke-rift-overlay i,.loke-rift-overlay b{position:absolute;z-index:1;width:26rem;aspect-ratio:1;border-radius:50%;filter:blur(10px);opacity:.55;mix-blend-mode:screen}.loke-rift-overlay i{left:8%;top:18%;background:conic-gradient(from 40deg,#ff7a4d00,#ff7a4d61,#ffd76d3d,#ff7a4d00);animation:spin 2.4s linear infinite}.loke-rift-overlay b{right:8%;bottom:12%;background:conic-gradient(from 190deg,#3ce6c900,#3ce6c954,#8ef27d3d,#3ce6c900);animation:spin 3.1s linear infinite reverse}.loke-card-inline{display:grid;grid-template-columns:5.4rem 1fr;gap:.85rem;align-items:center;margin-top:1rem;padding:.75rem;border:1px solid rgba(255,215,109,.28);border-radius:8px;background:#07120e8a;animation:lokeInlineCard .52s ease both}.loke-card-inline img{width:5.4rem;aspect-ratio:4 / 5;object-fit:cover;border-radius:6px}.loke-card-inline span{display:block;color:var(--mint);font-size:.72rem;font-weight:900;text-transform:uppercase}.loke-card-inline strong{display:block;margin-top:.15rem;color:var(--gold);font-size:1.1rem}.loke-card-inline p{margin:.25rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.35}.loke-portal{position:relative;min-height:18rem;margin-top:1rem;border:1px solid rgba(255,215,109,.34);border-radius:8px;overflow:hidden;background:#07120e;box-shadow:0 0 70px #ff7a4d29;animation:portalArrive .8s ease both}.loke-portal img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.1);animation:portalBreath 4.2s ease-in-out infinite alternate}.loke-portal:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:1;background:conic-gradient(from 0deg,transparent,rgba(255,215,109,.34),rgba(60,230,201,.2),transparent 58%);mix-blend-mode:screen;animation:spin 5s linear infinite}.loke-portal div{position:absolute;inset:auto 1rem 1rem 1rem;z-index:2;padding:.9rem;border:1px solid rgba(255,215,109,.32);border-radius:8px;background:#07120ead;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loke-portal strong{display:block;color:var(--gold);font-size:1.35rem}.loke-portal p{margin:.25rem 0 0;color:var(--ink)}.portal-open .loke-rune{box-shadow:0 0 64px #ff7a4d57,inset 0 0 54px #ffd76d1a}.loke-water-selfie{position:absolute;right:.8rem;bottom:.8rem;z-index:4;width:min(46%,17rem);border:1px solid rgba(255,215,109,.32);border-radius:8px;overflow:hidden;background:#07120eb8;box-shadow:0 18px 58px #0000006b,0 0 40px #ffd76d29;animation:lokeWaterPop 3.8s ease-in-out infinite alternate}.loke-water-selfie img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;filter:saturate(1.18) contrast(1.1)}.loke-water-selfie strong,.loke-water-selfie span{display:block;padding-inline:.65rem}.loke-water-selfie strong{padding-top:.55rem;color:var(--gold);font-size:.95rem}.loke-water-selfie span{padding-bottom:.65rem;color:var(--muted);font-size:.82rem}.loke-haunted-mirror .mirror-pool{border-color:#ff7a4d6b;box-shadow:inset 0 18px 80px #ffffff14,inset 0 -34px 100px #00000075,0 24px 90px #0000004d,0 0 64px #ff7a4d1f}.curse-router .rune-rain button{color:#8ef27dd1;animation-duration:4.6s!important}.curse-popup .secret-toast{transform:translate(-50%) rotate(-1.2deg)}.curse-bluetooth .button:hover{filter:hue-rotate(58deg) saturate(1.18)}.curse-charger .thread-board:before{box-shadow:0 0 42px #ff7a4d6b}@keyframes lokeOverlayLife{0%{opacity:0}8%,82%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes lokeWorldBlink{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}12%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}70%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes lokeRiftTear{0%{opacity:0;clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);transform:scaleY(.7) scaleX(.24) rotate(-2deg)}18%{opacity:1;clip-path:polygon(39% 0,63% 3%,58% 18%,72% 34%,54% 50%,69% 70%,60% 100%,35% 95%,45% 70%,28% 52%,42% 35%,31% 16%);transform:scale(1.04) rotate(1deg)}72%{opacity:1;transform:scale(1) rotate(-.6deg)}to{opacity:0;clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);transform:scaleY(1.06) scaleX(.12)}}@keyframes lokeCardDeal{0%,18%{opacity:0;transform:translateY(4rem) rotateY(80deg) rotate(-8deg) scale(.62)}34%{opacity:1;transform:translateY(0) rotateY(0) rotate(3deg) scale(1.04)}76%{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}to{opacity:0;transform:translateY(-2rem) rotate(8deg) scale(.92)}}@keyframes lokeInlineCard{0%{opacity:0;transform:translateY(.6rem) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes portalArrive{0%{opacity:0;transform:translateY(1rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes portalBreath{0%{transform:scale(1);filter:saturate(1.05) contrast(1.05)}to{transform:scale(1.06);filter:saturate(1.28) contrast(1.13)}}@keyframes lokeWaterPop{0%{transform:translateY(0) rotate(-.4deg);opacity:.78}to{transform:translateY(-.35rem) rotate(.6deg);opacity:1}}@media(max-width:680px){.loke-rift-card{width:min(15rem,78vw)}.loke-rift-image{width:110vw;height:58vh}.loke-card-inline{grid-template-columns:1fr}.loke-card-inline img{width:100%;max-height:13rem;aspect-ratio:16 / 9}.loke-water-selfie{width:calc(100% - 1.6rem)}}