@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&display=swap");:root{--void:#0d1117;--night:#161b22;--slate-deep:#21262d;--slate:#30363d;--slate-light:#484f58;--slate-bright:#8b949e;--frost:#58a6ff;--frost-bright:#79c0ff;--frost-glow:#a5d6ff;--ice:#c9d1d9;--bone:#f0f6fc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:EB Garamond,Georgia,serif;background:var(--void);color:var(--ice);min-height:100vh;overflow-x:hidden}.sky{z-index:0;background:radial-gradient(ellipse 150% 80% at 50% -20%,rgba(88,166,255,.12) 0,transparent 50%),radial-gradient(ellipse 100% 50% at 20% 10%,rgba(121,192,255,.08) 0,transparent 40%),radial-gradient(ellipse 80% 40% at 80% 5%,rgba(165,214,255,.06) 0,transparent 40%),linear-gradient(180deg,#0d1117,#161b22)}.sky,.stars{position:fixed;inset:0;pointer-events:none}.stars{z-index:1}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ravens{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.raven{position:absolute;font-size:20px;opacity:.5;animation:fly 180s linear infinite}@keyframes fly{0%{transform:translateX(-50px) translateY(0) scaleX(1)}49%{transform:translateX(100vw) translateY(-40px) scaleX(1)}50%{transform:translateX(100vw) translateY(-40px) scaleX(-1)}99%{transform:translateX(-50px) translateY(0) scaleX(-1)}to{transform:translateX(-50px) translateY(0) scaleX(1)}}.header{text-align:center;padding:60px 20px 50px;position:relative;z-index:10}.runic-title{font-size:28px;color:var(--frost);letter-spacing:.6em;margin-bottom:15px;text-shadow:0 0 40px rgba(88,166,255,.6)}.main-title{font-family:Cinzel,serif;font-size:52px;font-weight:700;color:var(--bone);letter-spacing:.25em;text-transform:uppercase;margin-bottom:15px;text-shadow:0 0 60px rgba(88,166,255,.3)}.tagline{font-size:18px;font-style:italic;color:var(--slate-bright);letter-spacing:.1em}.nav{display:flex;justify-content:center;gap:15px;padding:20px;background:rgba(22,27,34,.95);border-top:1px solid rgba(88,166,255,.2);border-bottom:1px solid rgba(88,166,255,.2);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav-btn{background:transparent;border:1px solid var(--slate);color:var(--slate-bright);padding:12px 30px;font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.nav-btn.active,.nav-btn:hover{color:var(--frost-bright);border-color:var(--frost);background:rgba(88,166,255,.1);box-shadow:0 0 20px rgba(88,166,255,.2)}.container{max-width:1400px;margin:0 auto;padding:50px 20px;position:relative;z-index:10}.section{display:none}.section.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aett{margin-bottom:70px}.aett-header{display:flex;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:15px;border-bottom:1px solid rgba(88,166,255,.2)}.aett-symbol{font-size:36px;color:var(--frost);text-shadow:0 0 25px rgba(88,166,255,.6)}.aett-info h2{font-family:Cinzel,serif;font-size:20px;color:var(--frost-bright);letter-spacing:.15em}.aett-info span{font-style:italic;color:var(--slate-bright);font-size:15px}.rune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:28px 20px}.rune-stone{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:160px;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}.rune-stone:hover{transform:translateY(-12px) rotate(2deg)}.rune-stone:hover .stone-body{filter:brightness(1.15) contrast(1.1);box-shadow:inset 3px 3px 8px rgba(255,255,255,.25),inset -3px -3px 12px rgba(0,0,0,.8),0 20px 40px rgba(0,0,0,.9),0 0 30px rgba(88,166,255,.3)}.stone-body{position:relative;width:80px;height:100px;clip-path:polygon(10% 5%,40% 2%,75% 5%,95% 10%,98% 35%,95% 65%,98% 88%,80% 98%,50% 95%,20% 98%,5% 85%,2% 55%,5% 25%);background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.18) 0,transparent 60%),linear-gradient(135deg,#6b757e,#3a4149 35%,#2c333a 65%,#1c2128);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 4px 4px 8px rgba(255,255,255,.1),inset -6px -6px 15px rgba(0,0,0,.8),0 15px 30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08);transform:perspective(1000px) rotateX(8deg) rotateY(-4deg);transform-style:preserve-3d}.rune-stone:hover .stone-body{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1.08);filter:brightness(1.2) contrast(1.1);box-shadow:inset 5px 5px 12px rgba(255,255,255,.2),inset -4px -4px 15px rgba(0,0,0,.7),0 25px 50px rgba(0,0,0,.9),0 0 40px rgba(88,166,255,.4)}.stone-body:before{inset:-20%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 0.1 0.2 0.5 0.7 0.9 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.4'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.5) 100%);opacity:.8;mix-blend-mode:overlay}.stone-body:after,.stone-body:before{content:"";position:absolute;pointer-events:none}.stone-body:after{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 40%,rgba(0,0,0,.3)),radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0,transparent 50%);opacity:.6;box-shadow:inset 0 0 15px rgba(0,0,0,.5)}.rune-glyph{font-size:44px;line-height:1;color:rgba(0,0,0,.9);text-shadow:1px 1px 0 rgba(255,255,255,.1),-1px -1px 0 rgba(0,0,0,.9),-2px -2px 2px rgba(0,0,0,.7),2px 2px 3px rgba(0,0,0,.4);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;filter:drop-shadow(0 0 1px rgba(0,0,0,1))}.rune-stone:hover .rune-glyph{color:var(--frost);text-shadow:0 0 10px var(--frost),0 0 20px var(--frost-bright),-1px -1px 2px rgba(0,0,0,.8)}.rune-label{margin-top:18px;text-align:center}.rune-name{font-family:Cinzel,serif;font-size:14px;font-weight:600;color:var(--ice);text-transform:uppercase;letter-spacing:.12em}.rune-meaning{font-size:12px;font-style:italic;color:var(--slate-bright);margin-top:4px}.casting-area{text-align:center;padding:30px 0}.section-title{font-family:Cinzel,serif;font-size:28px;color:var(--frost-bright);letter-spacing:.2em;margin-bottom:12px}.section-desc{font-size:17px;font-style:italic;color:var(--slate-bright);margin-bottom:35px}.casting-controls{gap:12px;margin-bottom:35px}.cast-btn{background:linear-gradient(180deg,var(--slate) 0,var(--slate-deep) 100%);border:1px solid var(--frost);color:var(--frost-bright);padding:14px 32px;font-size:12px;font-weight:600;letter-spacing:.12em}.cast-btn.active,.cast-btn:hover{background:linear-gradient(180deg,var(--slate-light) 0,var(--slate) 100%);box-shadow:0 0 25px rgba(88,166,255,.4);color:#fff}.casting-space{max-width:600px;margin:0 auto 40px;padding-top:120px}.pouch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:90px;animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.04)}}.pouch-body{left:10px;right:10px;height:60px;background:linear-gradient(160deg,#6b5344,#4a3728 50%,#2d1f16);border-radius:0 0 45% 45%/0 0 55% 55%;box-shadow:inset 0 -15px 25px rgba(0,0,0,.5),inset 0 5px 10px rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.5)}.pouch-neck{top:10px;width:45px;height:18px;background:linear-gradient(180deg,#2d1f16,#3a2a1d);border-radius:4px 4px 0 0}.pouch-cord,.pouch-neck{left:50%;transform:translateX(-50%)}.pouch-cord{top:22px;width:70px;height:4px;background:#1a0f08;border-radius:2px}.pouch.shaking{animation:shake .7s ease-out}.pouch.channeling{animation:intense-pouch .2s infinite}@keyframes intense-pouch{0%{transform:translateX(calc(-50% + 1px)) rotate(0deg);filter:brightness(1) drop-shadow(0 0 5px rgba(224,180,74,.3))}25%{transform:translateX(calc(-50% - 2px)) rotate(-2deg);filter:brightness(1.2) drop-shadow(0 0 15px rgba(224,180,74,.5))}50%{transform:translateX(calc(-50% + 2px)) rotate(1deg);filter:brightness(1.4) drop-shadow(0 0 25px rgba(224,180,74,.7))}75%{transform:translateX(calc(-50% - 1px)) rotate(-1deg);filter:brightness(1.2) drop-shadow(0 0 15px rgba(224,180,74,.5))}to{transform:translateX(calc(-50% + 1px)) rotate(0deg);filter:brightness(1) drop-shadow(0 0 5px rgba(224,180,74,.3))}}.charge-ring{transition:stroke-dashoffset .05s linear}.pouch-glow{position:absolute;inset:-10px;background:radial-gradient(circle at 50% 50%,rgba(224,180,74,.5) 0,transparent 70%);border-radius:50%;pointer-events:none}.pouch.pouring{animation:pour .5s ease-out forwards}.cloth{width:520px;height:520px;max-width:90vw;max-height:90vw;margin:0 auto;background:radial-gradient(ellipse at center,#2d3139 0,#1f2329 40%,#13161a 100%);border:2px solid var(--slate-light);box-shadow:inset 0 0 80px rgba(0,0,0,.5),0 0 40px rgba(88,166,255,.1)}.cloth:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border:1px dashed rgba(88,166,255,.25);border-radius:50%}.cast-stone .stone-body{width:50px;height:60px}.cast-stone .rune-glyph{font-size:28px}.cast-stone.glowing .rune-glyph{color:var(--frost);text-shadow:0 0 8px var(--frost),0 0 16px var(--frost),0 0 24px var(--frost)}.stone-label{bottom:-22px;font-size:10px;color:var(--frost);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;transition:opacity .3s ease .5s}.cast-stone.landed .stone-label{opacity:1}.reading{background:linear-gradient(180deg,var(--slate-deep) 0,var(--night) 100%);border:1px solid var(--frost);border-radius:10px;max-width:900px;margin:0 auto;text-align:left;display:none}.reading.visible{display:block;animation:fadeIn .6s ease}.reading-title{font-size:20px;margin-bottom:25px}.reading-intro{font-size:17px;margin-bottom:35px;line-height:1.8}.rune-reading{gap:25px;align-items:flex-start;padding:25px;background:rgba(0,0,0,.25);border-radius:8px;margin-bottom:18px;border-left:4px solid var(--frost)}.reading-symbol{text-shadow:0 0 20px rgba(88,166,255,.5);flex-shrink:0}.reading-body h4{color:var(--frost-bright);font-size:16px;margin-bottom:6px;letter-spacing:.1em}.reading-position{font-family:Cinzel,serif;font-size:11px;letter-spacing:.12em;margin-bottom:12px}.reading-body p{font-size:16px;line-height:1.9;color:var(--ice)}.reading-synthesis{margin-top:35px;padding:30px;background:rgba(88,166,255,.06);border:1px solid var(--frost);border-radius:8px}.synthesis-title{font-size:14px;letter-spacing:.25em;margin-bottom:25px;text-transform:uppercase}.synthesis-text{font-size:17px;line-height:2;color:var(--ice)}.synthesis-text p{margin-bottom:16px}.synthesis-text .rune-ref{color:var(--frost-bright);font-weight:600}.synthesis-closing{font-style:italic;color:var(--frost);text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(88,166,255,.25);font-size:18px}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(13,17,23,.95);z-index:10000;overflow-y:auto;padding:40px 20px;backdrop-filter:blur(10px)}.modal-overlay.active{display:flex;justify-content:center;align-items:flex-start}.modal{background:linear-gradient(180deg,var(--slate-deep) 0,var(--night) 100%);border:1px solid var(--frost);border-radius:12px;max-width:900px;width:100%;margin:40px auto;position:relative}.modal-close{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--frost);font-size:32px;cursor:pointer;z-index:10}.modal-header{padding:50px;text-align:center;background:radial-gradient(ellipse at center,rgba(88,166,255,.1) 0,transparent 60%);border-bottom:1px solid var(--slate)}.modal-rune{font-size:100px;color:var(--frost);text-shadow:0 0 40px var(--frost),0 0 80px rgba(88,166,255,.5)}.modal-name{font-family:Cinzel,serif;font-size:28px;color:var(--bone);letter-spacing:.2em;margin-top:20px}.modal-sound{font-size:16px;font-style:italic;color:var(--slate-bright);margin-top:10px}.modal-body{padding:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.info-card{background:rgba(0,0,0,.25);border:1px solid var(--slate);border-radius:8px;padding:22px}.info-card h4{font-family:Cinzel,serif;color:var(--frost);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--slate);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.info-card p{line-height:1.8;font-size:15px;color:var(--ice)}.info-card ul{list-style:none}.info-card li{font-size:14px;line-height:1.7;margin-bottom:10px;color:var(--ice)}.info-card li:before{content:"᛫";color:var(--frost);margin-right:10px}.galdr{font-family:Cinzel,serif;font-size:16px;color:var(--frost-bright);text-align:center;padding:14px;background:rgba(88,166,255,.1);border-radius:5px;margin-bottom:10px;letter-spacing:.18em}.poem{font-style:italic;padding:16px;background:rgba(0,0,0,.2);border-left:3px solid var(--frost);margin-bottom:14px;font-size:15px;line-height:1.8;color:var(--slate-bright)}.poem-source{font-family:Cinzel,serif;font-size:10px;color:var(--frost);margin-bottom:5px;letter-spacing:.12em;text-transform:uppercase}.meaning-rev,.meaning-up{padding:16px;border-radius:5px;margin-bottom:12px;font-size:15px}.meaning-up{background:rgba(88,166,255,.1);border-left:3px solid var(--frost)}.meaning-rev{background:rgba(180,100,100,.1);border-left:3px solid #b08080}.history-list{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.history-item{background:rgba(22,27,34,.8);border:1px solid var(--slate);border-radius:8px;padding:20px;transition:all .3s ease;cursor:pointer;position:relative}.history-item:hover{border-color:var(--frost);background:rgba(88,166,255,.05)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--slate)}.history-date{font-size:12px;color:var(--slate-bright)}.history-method{font-family:Cinzel,serif;font-size:14px;color:var(--frost-bright);text-transform:uppercase;letter-spacing:.1em}.history-runes{display:flex;gap:10px;margin-bottom:15px}.history-rune{font-size:24px;color:var(--frost)}.history-rune.reversed{transform:rotate(180deg);display:inline-block}.history-synthesis{font-size:14px;line-height:1.6;color:var(--ice);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.history-item.expanded .history-synthesis{-webkit-line-clamp:unset;line-clamp:unset;display:block}.history-item:after{content:"↓";position:absolute;bottom:10px;right:20px;font-size:12px;color:var(--frost);opacity:.5;transition:transform .3s ease}.history-item.expanded:after{transform:rotate(180deg)}.history-controls{text-align:center;margin-bottom:30px}@media (max-width:768px){.main-title{font-size:32px;letter-spacing:.12em}.runic-title{font-size:20px}.rune-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:25px 18px}.stone-body{width:75px;height:90px}.rune-glyph{font-size:42px}.cloth{width:350px;height:350px}.info-grid{grid-template-columns:1fr}}.casting-area{min-height:50vh;display:flex!important;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.casting-controls{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.cast-btn{background:transparent;border:1px solid var(--slate);color:var(--slate-bright);padding:12px 24px;font-family:Cinzel,serif;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;border-radius:4px}.cast-btn:hover{color:var(--frost-bright);border-color:var(--frost);background:rgba(88,166,255,.1);box-shadow:0 0 15px rgba(88,166,255,.2)}.casting-space{position:relative;width:100%;max-width:800px;height:600px;display:flex;align-items:center;justify-content:center;margin:0 auto}.cloth{width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(22,27,34,.8) 0,rgba(13,17,23,.5) 100%);border:2px dashed rgba(88,166,255,.2);box-shadow:inset 0 0 50px rgba(0,0,0,.5);transition:all .5s ease}.cloth,.pouch{position:relative}.pouch{z-index:20;width:120px;height:160px;cursor:pointer;transition:transform .3s ease}.pouch:hover{transform:scale(1.05)}.pouch-body{bottom:0;width:100%;height:120px;border-radius:40% 40% 20% 20%;box-shadow:inset -10px -10px 30px rgba(0,0,0,.6),0 10px 20px rgba(0,0,0,.5)}.pouch-body,.pouch-neck{position:absolute;background:#2a2522}.pouch-neck{top:20px;left:10%;width:80%;height:40px;border-radius:10% 10% 40% 40%}.pouch-cord{position:absolute;top:45px;left:-5%;width:110%;height:5px;background:#8b7355;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.pouch.shaking{animation:shake .5s cubic-bezier(.36,.07,.19,.97) infinite both}.pouch.pouring{animation:pour 1s ease forwards}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0) rotate(-5deg)}20%,80%{transform:translate3d(4px,0,0) rotate(5deg)}30%,50%,70%{transform:translate3d(-8px,0,0) rotate(-10deg)}40%,60%{transform:translate3d(8px,0,0) rotate(10deg)}}@keyframes pour{0%{transform:rotate(0deg) translateY(0)}to{transform:rotate(135deg) translateY(-100px);opacity:0;pointer-events:none}}.cast-stone{position:absolute;width:60px;height:80px;opacity:0;transform:scale(.5);transition:opacity .5s ease,transform .5s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;z-index:10}.cast-stone.landed{opacity:1;transform:translate(-50%,-50%) scale(1)!important}.cast-stone.glowing .stone-body{box-shadow:0 0 20px rgba(88,166,255,.4),inset -5px -5px 15px rgba(0,0,0,.5);border:1px solid rgba(88,166,255,.3)}.cast-stone .stone-body{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#4a5568,#2d3748);border-radius:40% 60% 50% 45%;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 15px rgba(0,0,0,.5),inset -5px -5px 15px rgba(0,0,0,.5)}.cast-stone .rune-glyph{font-family:serif;font-size:32px;color:var(--frost);text-shadow:0 0 10px rgba(88,166,255,.5)}.stone-label{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);width:max-content;font-family:Cinzel,serif;font-size:12px;color:var(--slate-bright);background:rgba(13,17,23,.8);padding:2px 8px;border-radius:4px;opacity:0;transition:opacity .3s}.cast-stone:hover .stone-label{opacity:1}.reading{max-width:800px;margin:40px auto;padding:40px;background:rgba(22,27,34,.6);border:1px solid rgba(88,166,255,.1);border-radius:8px;opacity:0;transform:translateY(20px);transition:all .8s ease}.reading.visible{opacity:1;transform:translateY(0)}.reading-title{text-align:center;font-family:Cinzel,serif;color:var(--frost-bright);letter-spacing:.2em;font-size:24px;margin-bottom:20px}.reading-intro{text-align:center;font-style:italic;color:var(--slate-bright);margin-bottom:40px}.rune-reading{display:flex;gap:30px;margin-bottom:30px;padding:20px;background:rgba(13,17,23,.5);border-left:2px solid var(--frost)}.reading-symbol{font-size:48px;color:var(--frost);text-shadow:0 0 20px rgba(88,166,255,.4);width:60px;text-align:center}.reading-symbol.reversed{transform:rotate(180deg)}.reading-body h4{font-family:Cinzel,serif;color:var(--ice);margin-bottom:5px;font-size:18px}.reading-position{font-size:12px;color:var(--slate-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.reading-body p{line-height:1.6;color:var(--bone)}.reading-synthesis{margin-top:50px;padding-top:30px;border-top:1px dashed rgba(88,166,255,.2)}.synthesis-title{font-family:Cinzel,serif;color:var(--frost-bright);font-size:20px;margin-bottom:15px;text-align:center}.synthesis-text{line-height:1.8;color:var(--bone);font-size:18px}.oracle-runes-scope{min-height:calc(100dvh - var(--site-nav-offset));position:relative;padding-top:clamp(72px,8vw,88px)}.oracle-runes-main{width:min(100%,1120px);max-width:1120px;padding:clamp(20px,3vw,36px) 20px 72px}.header{padding:clamp(20px,4vw,32px) 20px 28px}.runic-title{font-size:clamp(1rem,2.2vw,1.5rem);letter-spacing:.45em}.main-title{font-size:clamp(2.5rem,5vw,3rem);letter-spacing:.18em}.tagline{max-width:34rem;line-height:1.7;margin:0 auto}.aett{margin-bottom:56px}.section-title{font-size:clamp(1.5rem,3vw,2rem)}.section-desc{max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.8}.casting-space{max-width:680px;height:min(68vh,520px)}.cloth{width:min(82vw,440px);height:min(82vw,440px)}.reading{max-width:760px;border-radius:20px;padding:clamp(24px,4vw,36px)}.rune-reading{gap:22px;border-radius:16px;padding:18px 20px}.history-list{max-width:760px}.rune-detail-overlay{display:none;position:fixed;inset:0;padding:clamp(16px,2vw,24px);background:rgba(13,17,23,.88);backdrop-filter:blur(16px);z-index:10000}.rune-detail-overlay.active{display:flex;justify-content:flex-end;align-items:stretch}.rune-detail-sheet{width:min(540px,100%);height:min(calc(100vh - 32px),760px);margin:0 0 0 auto;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(33,38,45,.98),rgba(13,17,23,.98));border:1px solid rgba(88,166,255,.28);box-shadow:-24px 0 60px rgba(0,0,0,.45);position:relative}.rune-detail-grip{width:48px;height:4px;border-radius:999px;background:rgba(201,209,217,.3);margin:14px auto 6px}.rune-detail-sheet .modal-close{top:16px;right:16px;width:40px;height:40px;border-radius:999px;background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.2);display:grid;place-items:center;font-size:24px}.rune-detail-sheet .modal-header{padding:22px 28px 20px;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(22,27,34,.9));backdrop-filter:blur(16px)}.rune-detail-sheet .modal-rune{font-size:72px}.rune-detail-sheet .modal-name{font-size:24px;letter-spacing:.16em}.rune-detail-sheet .modal-sound{font-size:14px;line-height:1.7}.rune-detail-sheet .modal-body{padding:0 28px 28px;overflow-y:auto}.rune-detail-sheet .info-grid{grid-template-columns:1fr;gap:16px}.rune-detail-sheet .info-card{border-radius:14px;padding:18px;background:rgba(0,0,0,.28)}@media (max-width:768px){.oracle-runes-main{padding:24px 16px 64px}.header{padding:20px 12px 32px}.casting-space{height:min(62vh,440px)}.cloth{width:min(86vw,340px);height:min(86vw,340px)}.rune-reading{flex-direction:column;gap:12px}.reading-symbol{width:auto}.rune-detail-overlay.active{align-items:flex-end}.rune-detail-sheet{width:100%;height:min(82vh,720px);margin:auto 0 0;border-radius:24px 24px 0 0}.rune-detail-sheet .modal-header{padding:18px 20px}.rune-detail-sheet .modal-body{padding:0 20px 24px}.rune-detail-sheet .modal-rune{font-size:60px}.rune-detail-sheet .modal-name{font-size:20px;letter-spacing:.12em}}