@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{font-family:Crimson Text,serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e8f4fd;background:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(ellipse at center,#1a1a1a 0%,#0a0a0a 70%,#050505 100%);color:#e8f4fd;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,150,200,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(120,150,200,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,150,200,.01) 0%,transparent 50%);pointer-events:none;z-index:1}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.container{max-width:1200px;margin:0 auto;padding:1rem 2rem;width:100%}.top-band{position:sticky;top:0;z-index:100;background:rgba(15,15,15,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #0000004d}.top-band-content{padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}.app-title{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#e8f4fd;text-transform:uppercase;letter-spacing:.2em;margin:0;text-shadow:0 0 10px rgba(232,244,253,.5),0 0 20px rgba(232,244,253,.3);white-space:nowrap}.top-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.nav-button{font-family:Cinzel,serif;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #3a3a3a;border-radius:8px;color:#e8f4fd;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d;min-height:44px;white-space:nowrap}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,244,253,.1),transparent);transition:left .5s ease}.nav-button:hover:before{left:100%}.nav-button:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#4a5568;transform:translateY(-1px);box-shadow:0 4px 12px #0006,0 0 15px #e8f4fd33,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(232,244,253,.5)}.nav-button.active{background:linear-gradient(145deg,#4a5568,#2d3748);border-color:#63b3ed;color:#fff;box-shadow:0 4px 12px #0006,0 0 20px #63b3ed4d,inset 0 1px #fff3;text-shadow:0 0 8px rgba(232,244,253,.5)}.nav-button svg{opacity:.9;transition:all .3s ease}.nav-button:hover svg,.nav-button.active svg{opacity:1;filter:drop-shadow(0 0 4px rgba(232,244,253,.5))}.rune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;margin-bottom:3rem}.rune-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid #2a2a2a;border-radius:12px;padding:2.5rem;text-align:center;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff0d}.rune-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,244,253,.3),transparent)}.rune-card:hover{transform:translateY(-5px);border-color:#3a3a3a;box-shadow:0 8px 16px #0006,0 0 20px #e8f4fd1a,inset 0 1px #ffffff1a}.rune-symbol{font-size:4.5rem;margin-bottom:1.5rem;display:block;font-weight:700;color:#e8f4fd;text-shadow:0 0 10px rgba(232,244,253,.5),0 0 20px rgba(232,244,253,.3);font-family:Cinzel,serif}.rune-name{font-family:Cinzel,serif;font-size:1.6rem;font-weight:600;margin-bottom:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px rgba(232,244,253,.3)}.rune-meaning{font-family:Crimson Text,serif;font-size:1.1rem;opacity:.9;line-height:1.7;color:#b8d4e6;margin-bottom:1rem}.rune-meaning strong{color:#e8f4fd;font-weight:600}.daily-rune{text-align:center;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:3px solid #3a3a3a;border-radius:16px;padding:4rem;margin:2rem auto;max-width:700px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 8px 16px #0006,inset 0 1px #ffffff0d}.daily-rune:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(232,244,253,.4),transparent)}.daily-rune h2{font-family:Cinzel,serif;font-size:2.8rem;margin-bottom:2.5rem;color:#e8f4fd;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 15px rgba(232,244,253,.5),0 0 25px rgba(232,244,253,.3)}.daily-rune .rune-symbol{font-size:9rem;margin-bottom:2.5rem;text-shadow:0 0 20px rgba(232,244,253,.6),0 0 30px rgba(232,244,253,.4)}.daily-rune .rune-name{font-size:2.2rem;margin-bottom:1.5rem}.daily-rune .rune-meaning{font-size:1.3rem;line-height:1.8}.pull-button{font-family:Cinzel,serif;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);color:#e8f4fd;border:2px solid #3a3a3a;padding:1.2rem 2.5rem;font-size:1.3rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .4s ease;margin:2.5rem auto;display:block;text-transform:uppercase;letter-spacing:.15em;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a}.pull-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,244,253,.1),transparent);transition:left .5s ease}.pull-button:hover:before{left:100%}.pull-button:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#4a4a4a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 15px #e8f4fd33,inset 0 1px #fff3;text-shadow:0 0 8px rgba(232,244,253,.5)}.pull-button:active{transform:translateY(0)}@media (max-width: 1000px){.top-band-content{flex-direction:column;gap:1rem}.app-title{font-size:1.6rem;letter-spacing:.15em}.top-nav{gap:.75rem;justify-content:center}.nav-button{padding:.7rem 1.1rem;font-size:.85rem}}@media (max-width: 768px){.container{padding:1rem}.top-band-content{padding:1rem;flex-direction:column;gap:1rem}.app-title{font-size:1.4rem;letter-spacing:.15em}.top-nav{gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-button{padding:.6rem 1rem;font-size:.8rem}.rune-grid{grid-template-columns:1fr;gap:2rem}.daily-rune{padding:3rem 2rem}.daily-rune .rune-symbol{font-size:7rem}.daily-rune h2{font-size:2.2rem}}@media (max-width: 700px){.five-rune-row{flex-direction:column!important;align-items:center}}.three-rune-container{display:flex;justify-content:center}.three-rune-grid{display:grid;grid-template-columns:repeat(3,280px);gap:2rem;justify-content:center}@media (max-width: 900px){.three-rune-grid{grid-template-columns:repeat(2,280px);grid-template-rows:auto auto}.three-rune-grid>div:nth-child(3){grid-column:1 / -1;justify-self:center}}@media (max-width: 700px){.three-rune-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.three-rune-grid>div:nth-child(3){grid-column:1;justify-self:center}}@keyframes pulse{0%,to{box-shadow:0 0 20px #63b3ed33,inset 0 1px #ffffff1a}50%{box-shadow:0 0 30px #63b3ed66,inset 0 1px #ffffff26}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}