:root{--ember: #f5c16c;--ember-dark: #8a4b18;--ember-glow: rgba(245, 193, 108, .35);--sky: #7ab7ff;--night: #160f0a;--ink: #1b130d;--stone: #2a1c14;--frost: #f1e7d8;--moss: #32521f;--mist: rgba(13, 9, 6, .65)}body{font-family:Alegreya Sans,Lato,sans-serif;background-color:var(--night);color:#e6ecf5;min-height:100vh}h1,h2,h3,h4,h5,h6,.cinzel,.game-title{font-family:Marcellus,Cinzel,serif;letter-spacing:.04em}.game-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 8%,rgba(245,193,108,.18),transparent 40%),radial-gradient(circle at 85% 12%,rgba(90,40,12,.35),transparent 45%),radial-gradient(circle at 10% 85%,rgba(70,120,45,.2),transparent 55%),linear-gradient(180deg,#120b07,#140d08 35%,#0d0805)}.game-shell:before,.game-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-shell:before{background-image:linear-gradient(120deg,#ffffff08,#0000 45%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 6px);opacity:.35}.game-shell:after{background-image:radial-gradient(circle at 15% 30%,rgba(245,193,108,.12),transparent 45%),radial-gradient(circle at 85% 60%,rgba(75,120,40,.18),transparent 50%);mix-blend-mode:screen}.game-nav{background:linear-gradient(90deg,#0f0906eb,#180e09eb);border-bottom:1px solid rgba(245,193,108,.25);box-shadow:0 12px 30px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-panel{background:linear-gradient(145deg,#18100cf0,#0c0806f0);border:1px solid rgba(245,193,108,.18);box-shadow:0 20px 40px #050302b3,inset 0 0 20px #f5c16c14}.game-card{background:linear-gradient(160deg,#1b120df2,#0a0705f2);border:1px solid rgba(245,193,108,.18);box-shadow:0 18px 34px #040201b3}.game-banner{background:radial-gradient(circle at 15% 20%,rgba(245,193,108,.15),transparent 45%),radial-gradient(circle at 85% 30%,rgba(90,140,55,.18),transparent 50%),linear-gradient(140deg,#120c09f2,#0a0706e6);border:1px solid rgba(245,193,108,.2);box-shadow:0 22px 44px #03020199}.game-input{background:#0c0806c7;border:1px solid rgba(245,193,108,.22);border-radius:.75rem;color:#e5e7eb}.game-pill{border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:#cbd5f5;transition:transform .2s ease,box-shadow .2s ease}.game-pill-active{background:linear-gradient(130deg,#f4b54af2,#c87824e6);color:#111827;border-color:#f4b54acc;box-shadow:0 10px 18px #f4b54a59}.ember-frame{border:1px solid rgba(244,181,74,.25);box-shadow:inset 0 0 18px #f4b54a1f}.rune-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(244,181,74,.6),transparent)}.ember-glow{box-shadow:0 0 18px #f4b54a73}.btn-base{border-radius:999px;font-weight:700;letter-spacing:.03em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,#f1b24d,#c56a1b);color:#111827;border:1px solid rgba(244,181,74,.7);box-shadow:0 12px 25px #f4b54a4d,inset 0 1px #fff6}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #f4b54a66}.btn-secondary{background:linear-gradient(140deg,#1e293be6,#0f172ae6);color:#e2e8f0;border:1px solid rgba(109,179,255,.3)}.btn-outline{background:transparent;color:#f7c772;border:1px solid rgba(244,181,74,.7)}.btn-outline:hover{background:#f4b54a14}@keyframes float-slow{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.float-slow{animation:float-slow 8s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,#f4b54a0d,#f4b54a40,#f4b54a0d);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:fade-up .8s ease forwards}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.24s}.reveal-delay-3{animation-delay:.36s}@media(prefers-reduced-motion:reduce){.reveal,.float-slow,.shimmer{animation:none;opacity:1}}.realm-hero-card{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(245,193,108,.25);background:linear-gradient(140deg,#140d09f2,#0a0705eb);box-shadow:0 28px 60px #0000008c}.realm-hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(245,193,108,.12),transparent 45%);opacity:.4;pointer-events:none}.realm-fog{background:linear-gradient(180deg,#0a0705b3,#0a0705f2)}.realm-badge{border-radius:999px;border:1px solid rgba(245,193,108,.4);background:#f5c16c1f;color:#f7d9a3}.realm-portrait{border:1px solid rgba(245,193,108,.25);background:#060403b3;filter:grayscale(1);transition:all .3s ease}.realm-portrait:hover{filter:grayscale(0);transform:translateY(-4px);box-shadow:0 12px 28px #f5c16c33;border-color:#f5c16ca6}.realm-panel{background:#0e0a08cc;border:1px solid rgba(245,193,108,.2);box-shadow:inset 0 0 20px #f5c16c14}.realm-input{background:#080605b8;border:1px solid rgba(245,193,108,.25);border-radius:999px;color:#f2e6d5}.realm-tab{border-radius:16px;border:1px solid rgba(245,193,108,.25);background:#0d0906b3;box-shadow:0 18px 30px #00000059}