@import "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}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--ice);min-height:100vh;font-family:EB Garamond,Georgia,serif;overflow-x:hidden}.sky{pointer-events:none;z-index:0;background:radial-gradient(150% 80% at 50% -20%,#58a6ff1f 0%,#0000 50%),radial-gradient(100% 50% at 20% 10%,#79c0ff14 0%,#0000 40%),radial-gradient(80% 40% at 80% 5%,#a5d6ff0f 0%,#0000 40%),linear-gradient(#0d1117 0%,#161b22 100%);position:fixed;inset:0}.stars{pointer-events:none;z-index:1;position:fixed;inset:0}.star{background:#fff;border-radius:50%;animation:8s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ravens{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.raven{opacity:.5;font-size:20px;animation:180s linear infinite fly;position:absolute}@keyframes fly{0%{transform:translate(-50px)translateY(0)scaleX(1)}49%{transform:translate(100vw)translateY(-40px)scaleX(1)}50%{transform:translate(100vw)translateY(-40px)scaleX(-1)}99%{transform:translate(-50px)translateY(0)scaleX(-1)}to{transform:translate(-50px)translateY(0)scaleX(1)}}.header{text-align:center;z-index:10;padding:60px 20px 50px;position:relative}.runic-title{color:var(--frost);letter-spacing:.6em;text-shadow:0 0 40px #58a6ff99;margin-bottom:15px;font-size:28px}.main-title{color:var(--bone);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 60px #58a6ff4d;margin-bottom:15px;font-family:Cinzel,serif;font-size:52px;font-weight:700}.tagline{color:var(--slate-bright);letter-spacing:.1em;font-size:18px;font-style:italic}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b22f2;border-top:1px solid #58a6ff33;border-bottom:1px solid #58a6ff33;justify-content:center;gap:15px;padding:20px;display:flex;position:sticky;top:0}.nav-btn{border:1px solid var(--slate);color:var(--slate-bright);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;padding:12px 30px;font-family:Cinzel,serif;font-size:12px;font-weight:600;transition:all .3s}.nav-btn:hover,.nav-btn.active{color:var(--frost-bright);border-color:var(--frost);background:#58a6ff1a;box-shadow:0 0 20px #58a6ff33}.container{z-index:10;max-width:1400px;margin:0 auto;padding:50px 20px;position:relative}.section{display:none}.section.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aett-header{border-bottom:1px solid #58a6ff33;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:15px;display:flex}.aett-symbol{color:var(--frost);text-shadow:0 0 25px #58a6ff99;font-size:36px}.aett-info h2{color:var(--frost-bright);letter-spacing:.15em;font-family:Cinzel,serif;font-size:20px}.aett-info span{color:var(--slate-bright);font-size:15px;font-style:italic}.rune-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:28px 20px;display:grid}.rune-stone{cursor:pointer;filter:drop-shadow(0 10px 15px #00000080);flex-direction:column;justify-content:flex-start;align-items:center;min-height:160px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.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 #ffffff40,inset -3px -3px 12px #000c,0 20px 40px #000000e6,0 0 30px #58a6ff4d}.stone-body{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%);width:80px;height:100px;transform-style:preserve-3d;background:radial-gradient(circle at 25% 25%,#ffffff2e 0%,#0000 60%),linear-gradient(135deg,#6b757e 0%,#3a4149 35%,#2c333a 65%,#1c2128 100%);border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(8deg)rotateY(-4deg);box-shadow:inset 4px 4px 8px #ffffff1a,inset -6px -6px 15px #000c,0 15px 30px #000000b3}.rune-stone:hover .stone-body{filter:brightness(1.2)contrast(1.1);transform:perspective(1000px)rotateX(0)rotateY(0)scale(1.08);box-shadow:inset 5px 5px 12px #fff3,inset -4px -4px 15px #000000b3,0 25px 50px #000000e6,0 0 40px #58a6ff66}.stone-body:before{content:"";opacity:.8;pointer-events:none;mix-blend-mode:overlay;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,#0000 20%,#00000080 100%);position:absolute;inset:-20%}.stone-body:after{content:"";pointer-events:none;opacity:.6;background:linear-gradient(135deg,#ffffff26 0%,#0000 40%,#0000004d 100%),radial-gradient(circle at 20% 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0;box-shadow:inset 0 0 15px #00000080}.rune-glyph{color:#000000e6;text-shadow:1px 1px #ffffff1a,-1px -1px #000000e6,-2px -2px 2px #000000b3,2px 2px 3px #0006;z-index:2;filter:drop-shadow(0 0 1px #000);font-size:44px;line-height:1;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.rune-stone:hover .rune-glyph{color:var(--frost);text-shadow:0 0 10px var(--frost),0 0 20px var(--frost-bright),-1px -1px 2px #000c}.rune-label{text-align:center;margin-top:18px}.rune-name{color:var(--ice);text-transform:uppercase;letter-spacing:.12em;font-family:Cinzel,serif;font-size:14px;font-weight:600}.rune-meaning{color:var(--slate-bright);margin-top:4px;font-size:12px;font-style:italic}.casting-area{text-align:center;padding:30px 0}.section-title{color:var(--frost-bright);letter-spacing:.2em;margin-bottom:12px;font-family:Cinzel,serif;font-size:28px}.section-desc{color:var(--slate-bright);margin-bottom:35px;font-size:17px;font-style:italic}.cast-btn{background:linear-gradient(180deg,var(--slate)0%,var(--slate-deep)100%);border:1px solid var(--frost);color:var(--frost-bright);letter-spacing:.12em;cursor:pointer;padding:14px 32px;font-family:Cinzel,serif;font-size:12px;font-weight:600;transition:all .3s}.cast-btn:hover,.cast-btn.active{background:linear-gradient(180deg,var(--slate-light)0%,var(--slate)100%);color:#fff;box-shadow:0 0 25px #58a6ff66}.casting-space{width:100%;max-width:600px;margin:0 auto 40px;padding-top:120px;position:relative}.pouch{cursor:pointer;z-index:20;width:100px;height:90px;animation:8s ease-in-out infinite breathe;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.04)}}.pouch-body{background:linear-gradient(160deg,#6b5344 0%,#4a3728 50%,#2d1f16 100%);border-radius:0 0 45% 45%/0 0 55% 55%;height:60px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:inset 0 -15px 25px #00000080,inset 0 5px 10px #ffffff1a,0 8px 20px #00000080}.pouch-neck{background:linear-gradient(#2d1f16 0%,#3a2a1d 100%);border-radius:4px 4px 0 0;width:45px;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pouch-cord{background:#1a0f08;border-radius:2px;width:70px;height:4px;position:absolute;top:22px;left:50%;transform:translate(-50%)}@keyframes shake{10%,90%{transform:translate(-2px)rotate(-5deg)}20%,80%{transform:translate(4px)rotate(5deg)}30%,50%,70%{transform:translate(-8px)rotate(-10deg)}40%,60%{transform:translate(8px)rotate(10deg)}}.pouch.channeling{animation:.2s infinite intense-pouch}@keyframes intense-pouch{0%{filter:brightness()drop-shadow(0 0 5px #e0b44a4d);transform:translate(calc(1px - 50%))rotate(0)}25%{filter:brightness(1.2)drop-shadow(0 0 15px #e0b44a80);transform:translate(calc(-50% - 2px))rotate(-2deg)}50%{filter:brightness(1.4)drop-shadow(0 0 25px #e0b44ab3);transform:translate(calc(2px - 50%))rotate(1deg)}75%{filter:brightness(1.2)drop-shadow(0 0 15px #e0b44a80);transform:translate(calc(-50% - 1px))rotate(-1deg)}to{filter:brightness()drop-shadow(0 0 5px #e0b44a4d);transform:translate(calc(1px - 50%))rotate(0)}}.charge-ring{transition:stroke-dashoffset 50ms linear}.pouch-glow{pointer-events:none;background:radial-gradient(circle,#e0b44a80 0%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}@keyframes pour{0%{transform:rotate(0)translateY(0)}to{opacity:0;pointer-events:none;transform:rotate(135deg)translateY(-100px)}}.cloth{border:2px solid var(--slate-light);background:radial-gradient(#2d3139 0%,#1f2329 40%,#13161a 100%);border-radius:50%;width:520px;max-width:90vw;height:520px;max-height:90vw;margin:0 auto;position:relative;box-shadow:inset 0 0 80px #00000080,0 0 40px #58a6ff1a}.cloth:before{content:"";border:1px dashed #58a6ff40;border-radius:50%;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cast-stone{cursor:pointer;opacity:0;position:absolute}.cast-stone .stone-body{width:50px;height:60px}.cast-stone .rune-glyph{font-size:28px}.cast-stone.landed{opacity:1}.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{color:var(--frost);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;opacity:0;font-family:Cinzel,serif;font-size:10px;transition:opacity .3s .5s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.cast-stone.landed .stone-label{opacity:1}.reading{background:linear-gradient(180deg,var(--slate-deep)0%,var(--night)100%);border:1px solid var(--frost);text-align:left;border-radius:10px;max-width:900px;margin:0 auto;padding:40px;display:none}.reading.visible{animation:.6s fadeIn;display:block}.reading-title{color:var(--frost-bright);text-align:center;letter-spacing:.2em;margin-bottom:25px;font-family:Cinzel,serif;font-size:20px}.reading-intro{color:var(--slate-bright);text-align:center;margin-bottom:35px;font-size:17px;font-style:italic;line-height:1.8}.rune-reading{border-left:4px solid var(--frost);background:#00000040;border-radius:8px;align-items:flex-start;gap:25px;margin-bottom:18px;padding:25px;display:flex}.reading-symbol{color:var(--frost);text-shadow:0 0 20px #58a6ff80;flex-shrink:0;font-size:48px}.reading-body h4{color:var(--frost-bright);letter-spacing:.1em;margin-bottom:6px;font-family:Cinzel,serif;font-size:16px}.reading-position{color:var(--slate-bright);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-family:Cinzel,serif;font-size:11px}.reading-body p{color:var(--ice);font-size:16px;line-height:1.9}.reading-synthesis{border:1px solid var(--frost);background:#58a6ff0f;border-radius:8px;margin-top:35px;padding:30px}.synthesis-title{color:var(--frost-bright);text-align:center;letter-spacing:.25em;text-transform:uppercase;margin-bottom:25px;font-family:Cinzel,serif;font-size:14px}.synthesis-text p{margin-bottom:16px}.synthesis-text .rune-ref{color:var(--frost-bright);font-weight:600}.synthesis-closing{color:var(--frost);text-align:center;border-top:1px solid #58a6ff40;margin-top:25px;padding-top:20px;font-size:18px;font-style:italic}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117f2;padding:40px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.active{justify-content:center;align-items:flex-start;display:flex}.modal{background:linear-gradient(180deg,var(--slate-deep)0%,var(--night)100%);border:1px solid var(--frost);border-radius:12px;width:100%;max-width:900px;margin:40px auto;position:relative}.modal-close{color:var(--frost);cursor:pointer;z-index:10;background:0 0;border:none;font-size:32px;position:absolute;top:18px;right:22px}.modal-header{text-align:center;border-bottom:1px solid var(--slate);background:radial-gradient(#58a6ff1a 0%,#0000 60%);padding:50px}.modal-rune{color:var(--frost);text-shadow:0 0 40px var(--frost),0 0 80px #58a6ff80;font-size:100px}.modal-name{color:var(--bone);letter-spacing:.2em;margin-top:20px;font-family:Cinzel,serif;font-size:28px}.modal-sound{color:var(--slate-bright);margin-top:10px;font-size:16px;font-style:italic}.modal-body{padding:40px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.info-card{border:1px solid var(--slate);background:#00000040;border-radius:8px;padding:22px}.info-card h4{color:var(--frost);border-bottom:1px solid var(--slate);letter-spacing:.15em;text-transform:uppercase;margin-bottom:15px;padding-bottom:10px;font-family:Cinzel,serif;font-size:12px}.info-card p{color:var(--ice);font-size:15px;line-height:1.8}.info-card ul{list-style:none}.info-card li{color:var(--ice);margin-bottom:10px;font-size:14px;line-height:1.7}.info-card li:before{content:"᛫";color:var(--frost);margin-right:10px}.galdr{color:var(--frost-bright);text-align:center;letter-spacing:.18em;background:#58a6ff1a;border-radius:5px;margin-bottom:10px;padding:14px;font-family:Cinzel,serif;font-size:16px}.poem{border-left:3px solid var(--frost);color:var(--slate-bright);background:#0003;margin-bottom:14px;padding:16px;font-size:15px;font-style:italic;line-height:1.8}.poem-source{color:var(--frost);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-family:Cinzel,serif;font-size:10px}.meaning-up,.meaning-rev{border-radius:5px;margin-bottom:12px;padding:16px;font-size:15px}.meaning-up{border-left:3px solid var(--frost);background:#58a6ff1a}.meaning-rev{background:#b464641a;border-left:3px solid #b08080}.history-list{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;display:flex}.history-item{border:1px solid var(--slate);cursor:pointer;background:#161b22cc;border-radius:8px;padding:20px;transition:all .3s;position:relative}.history-item:hover{border-color:var(--frost);background:#58a6ff0d}.history-header{border-bottom:1px solid var(--slate);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.history-date{color:var(--slate-bright);font-size:12px}.history-method{color:var(--frost-bright);text-transform:uppercase;letter-spacing:.1em;font-family:Cinzel,serif;font-size:14px}.history-runes{gap:10px;margin-bottom:15px;display:flex}.history-rune{color:var(--frost);font-size:24px}.history-rune.reversed{display:inline-block;transform:rotate(180deg)}.history-synthesis{color:var(--ice);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;transition:all .3s;display:-webkit-box;overflow:hidden}.history-item.expanded .history-synthesis{-webkit-line-clamp:unset;line-clamp:unset;display:block}.history-item:after{content:"↓";color:var(--frost);opacity:.5;font-size:12px;transition:transform .3s;position:absolute;bottom:10px;right:20px}.history-item.expanded:after{transform:rotate(180deg)}.history-controls{text-align:center;margin-bottom:30px}@media (max-width:768px){.main-title{letter-spacing:.12em;font-size:32px}.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{flex-direction:column;align-items:center;gap:2rem;min-height:50vh;padding:2rem;display:flex!important}.casting-controls{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.cast-btn{border:1px solid var(--slate);color:var(--slate-bright);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:4px;padding:12px 24px;font-family:Cinzel,serif;font-size:14px;transition:all .3s}.cast-btn:hover{color:var(--frost-bright);border-color:var(--frost);background:#58a6ff1a;box-shadow:0 0 15px #58a6ff33}.casting-space{justify-content:center;align-items:center;width:100%;max-width:800px;height:600px;margin:0 auto;display:flex;position:relative}.cloth{background:radial-gradient(circle,#161b22cc 0%,#0d111780 100%);border:2px dashed #58a6ff33;border-radius:50%;width:500px;height:500px;transition:all .5s;position:relative;box-shadow:inset 0 0 50px #00000080}.pouch{z-index:20;cursor:pointer;width:120px;height:160px;transition:transform .3s;position:relative}.pouch:hover{transform:scale(1.05)}.pouch-body{background:#2a2522;border-radius:40% 40% 20% 20%;width:100%;height:120px;position:absolute;bottom:0;box-shadow:inset -10px -10px 30px #0009,0 10px 20px #00000080}.pouch-neck{background:#2a2522;border-radius:10% 10% 40% 40%;width:80%;height:40px;position:absolute;top:20px;left:10%}.pouch-cord{background:#8b7355;border-radius:5px;width:110%;height:5px;position:absolute;top:45px;left:-5%;box-shadow:0 2px 5px #00000080}.pouch.shaking{animation:.5s cubic-bezier(.36,.07,.19,.97) infinite both shake}.pouch.pouring{animation:1s forwards pour}.cast-stone{opacity:0;cursor:pointer;z-index:10;width:60px;height:80px;transition:opacity .5s,transform .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:scale(.5)}.cast-stone.landed{opacity:1;transform:translate(-50%,-50%)scale(1)!important}.cast-stone.glowing .stone-body{border:1px solid #58a6ff4d;box-shadow:0 0 20px #58a6ff66,inset -5px -5px 15px #00000080}.cast-stone .stone-body{background:radial-gradient(circle at 30% 30%,#4a5568,#2d3748);border-radius:40% 60% 50% 45%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:5px 5px 15px #00000080,inset -5px -5px 15px #00000080}.cast-stone .rune-glyph{color:var(--frost);text-shadow:0 0 10px #58a6ff80;font-family:serif;font-size:32px}.stone-label{width:max-content;color:var(--slate-bright);opacity:0;background:#0d1117cc;border-radius:4px;padding:2px 8px;font-family:Cinzel,serif;font-size:12px;transition:opacity .3s;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.cast-stone:hover .stone-label{opacity:1}.reading{opacity:0;background:#161b2299;border:1px solid #58a6ff1a;border-radius:8px;max-width:800px;margin:40px auto;padding:40px;transition:all .8s;transform:translateY(20px)}.reading.visible{opacity:1;transform:translateY(0)}.reading-title{text-align:center;color:var(--frost-bright);letter-spacing:.2em;margin-bottom:20px;font-family:Cinzel,serif;font-size:24px}.reading-intro{text-align:center;color:var(--slate-bright);margin-bottom:40px;font-style:italic}.rune-reading{border-left:2px solid var(--frost);background:#0d111780;gap:30px;margin-bottom:30px;padding:20px;display:flex}.reading-symbol{color:var(--frost);text-shadow:0 0 20px #58a6ff66;text-align:center;width:60px;font-size:48px}.reading-symbol.reversed{transform:rotate(180deg)}.reading-body h4{color:var(--ice);margin-bottom:5px;font-family:Cinzel,serif;font-size:18px}.reading-position{color:var(--slate-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px}.reading-body p{color:var(--bone);line-height:1.6}.reading-synthesis{border-top:1px dashed #58a6ff33;margin-top:50px;padding-top:30px}.synthesis-title{color:var(--frost-bright);text-align:center;margin-bottom:15px;font-family:Cinzel,serif;font-size:20px}.synthesis-text{color:var(--bone);font-size:18px;line-height:1.8}.oracle-runes-scope{min-height:100vh;padding-top:clamp(88px,10vw,112px);position:relative}.oracle-runes-main{width:min(100%,1120px);max-width:1120px;padding:clamp(24px,4vw,48px) 20px 80px}.header{padding:clamp(28px,6vw,48px) 20px 40px}.runic-title{letter-spacing:.45em;font-size:clamp(1rem,2.2vw,1.5rem)}.main-title{letter-spacing:.18em;font-size:clamp(2.5rem,5vw,3rem)}.tagline{max-width:34rem;margin:0 auto;line-height:1.7}.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{border-radius:20px;max-width:760px;padding:clamp(24px,4vw,36px)}.rune-reading{border-radius:16px;gap:22px;padding:18px 20px}.history-list{max-width:760px}.rune-detail-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10000;background:#0d1117e0;padding:clamp(16px,2vw,24px);display:none;position:fixed;inset:0}.rune-detail-overlay.active{justify-content:flex-end;align-items:stretch;display:flex}.rune-detail-sheet{background:linear-gradient(#21262dfa 0%,#0d1117fa 100%);border:1px solid #58a6ff47;border-radius:24px;flex-direction:column;width:min(540px,100%);height:min(100vh - 32px,760px);margin:0 0 0 auto;display:flex;position:relative;overflow:hidden;box-shadow:-24px 0 60px #00000073}.rune-detail-grip{background:#c9d1d94d;border-radius:999px;width:48px;height:4px;margin:14px auto 6px}.rune-detail-sheet .modal-close{background:#58a6ff14;border:1px solid #58a6ff33;border-radius:999px;place-items:center;width:40px;height:40px;font-size:24px;display:grid;top:16px;right:16px}.rune-detail-sheet .modal-header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#161b22fa 0%,#161b22e6 100%);padding:22px 28px 20px;position:sticky;top:0}.rune-detail-sheet .modal-rune{font-size:72px}.rune-detail-sheet .modal-name{letter-spacing:.16em;font-size:24px}.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{background:#00000047;border-radius:14px;padding:18px}@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{border-radius:24px 24px 0 0;width:100%;height:min(82vh,720px);margin:auto 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{letter-spacing:.12em;font-size:20px}}