@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--night:#1b1027;--pine:#21152e;--deep:#1b1027;--glass:#30223d;--ivory:#fff1d9;--text:#faeddf;--muted:#d0bdd1;--faint:#9e8fa9;--gold:#ffca61;--gold-deep:#e59b46;--mint:#b2d8ac;--border:rgba(255,223,173,.22);--white-border:rgba(255,238,213,.16);--serif:'Fraunces',Georgia,serif;--sans:'Space Grotesk',system-ui,sans-serif;--page:1290px}
html{scroll-padding-top:96px} body{background:#1b1027;color:var(--text);font-family:var(--sans)}body::before{opacity:.22}
.bar{background:#f9c95e;color:#2b1830;height:29px;border:0;font-size:10px;letter-spacing:.16em;font-weight:800}
.bar-dot{background:#2b1830}
.site-header{height:82px;border-color:rgba(255,255,255,.09);background:rgba(28,16,40,.92);box-shadow:0 3px 30px rgba(20,4,25,.12)}
.logo-symbol{filter:drop-shadow(0 2px 8px rgba(249,189,74,.22));transform:rotate(-11deg);transition:transform .3s}
.logo:hover .logo-symbol{transform:rotate(6deg) scale(1.08)}
.logo-copy b{font:800 19px/1 var(--serif);letter-spacing:-.045em;text-transform:none}
.logo-copy small{font-size:9px;letter-spacing:.16em;color:#f9c965}
.site-nav a{font-size:11px;letter-spacing:.065em;font-weight:800;color:#f6dce9}
.site-nav a:hover,.site-nav a[aria-current=page]{color:#ffce67}
.site-nav .nav-action{border:2px solid #f5b951;border-radius:999px;color:#28152d;background:#f5b951;padding:10px 18px}
.site-nav .nav-action:hover{background:#fff1cc;border-color:#fff1cc}
.menu-toggle{border-radius:12px;color:#fbd579;border-color:#d6a45b}
.skip-link{background:#ffe178;color:#231327}
.container{width:min(var(--page),calc(100% - 80px))}
.btn-primary{background:#f9c95e;color:#26192b}.btn-primary:hover{background:#ffdd95;color:#24182b}
.wiz-hero,.council-section,.manifesto-section,.crownfall-stage,.ruler-section,.tavern-section{position:relative}
.wiz-hero{overflow:hidden;background:radial-gradient(ellipse 50% 80% at 77% 36%,rgba(122,74,159,.36),transparent 75%),radial-gradient(ellipse 80% 70% at -10% 110%,rgba(125,73,141,.2),transparent 70%),#23132f;isolation:isolate}
.wiz-hero::after{content:"";position:absolute;bottom:-24vw;left:-22vw;width:55vw;height:55vw;border:1px solid rgba(245,212,148,.13);border-radius:50%;pointer-events:none}
.hero-noise{position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.56' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.wiz-hero-inner{min-height:770px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:2vw;align-items:center;position:relative;padding-top:72px;padding-bottom:75px;z-index:1}
.wiz-hero-copy{position:relative;z-index:5;padding:18px 0 10px}
.wiz-eyebrow,.eyebrow-pill{font:800 10px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;color:#f9c965}
.wiz-eyebrow{border:1px solid rgba(249,201,101,.37);border-radius:99px;padding:10px 14px;background:rgba(23,9,36,.37)}
.alive-dot{display:inline-block;flex:none;width:8px;height:8px;background:#9de3a2;border-radius:50%;box-shadow:0 0 0 4px rgba(157,227,162,.11),0 0 14px rgba(157,227,162,.55);animation:glow 2s ease-in-out infinite}
.wiz-eyebrow .scribble{color:#f0a4b5;font-size:9px;letter-spacing:.03em;transform:rotate(-5deg);white-space:nowrap}
.wiz-hero-copy h1{color:#fff1d7;font:800 clamp(69px,8.35vw,135px)/.91 var(--serif);letter-spacing:-.085em;margin:39px 0 25px;text-wrap:balance;text-shadow:0 5px 0 rgba(54,29,55,.25)}
.wiz-hero-copy h1 .hero-outline{-webkit-text-stroke:1.5px #fff0d5;color:transparent;letter-spacing:-.075em}
.wiz-hero-copy h1 em{font-style:normal;color:#ffc75c;display:inline-block;transform:rotate(-2deg);transform-origin:left}
.wiz-hero-lead{max-width:470px;font:500 clamp(17px,1.4vw,21px)/1.6 var(--sans);color:#e9d6e2}
.wiz-buttons{margin-top:30px;gap:12px}
.wiz-btn{display:inline-flex;min-height:55px;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;border-radius:13px;font:800 12px/1 var(--sans);letter-spacing:.035em;text-transform:uppercase;box-shadow:0 5px 0 rgba(13,4,17,.3);transition:transform .25s,box-shadow .25s,background .25s;color:inherit;border:2px solid #f9c965}
.wiz-btn:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 9px 0 rgba(13,4,17,.25)}
.wiz-btn-primary{background:#f9c965;color:#29172f}.wiz-btn-primary:hover{background:#ffdb85;color:#29172f}
.wiz-btn-outline{background:rgba(255,255,255,.04);border-color:rgba(255,238,212,.46);color:#fff0d5}
.wiz-btn-light{background:#f9c965;color:#28172e;max-width:max-content}
.wiz-btn span:last-child{font-size:18px;line-height:.6}
.hero-handnote{position:relative;margin-top:36px;color:#deb2d0;font:italic 500 19px var(--serif);transform:rotate(-4deg);width:max-content;max-width:100%}.hand-arrow{font:500 29px var(--serif);display:inline-block;transform:rotate(18deg);margin-right:10px;color:#f6cf80}
.wiz-hero-art{--element-glow:rgba(255,111,52,.38);position:relative;align-self:stretch;min-height:650px;isolation:isolate;display:flex;align-items:center;justify-content:center}
.wiz-hero-art[data-element=water]{--element-glow:rgba(102,202,255,.38)}.wiz-hero-art[data-element=earth]{--element-glow:rgba(157,218,112,.38)}
.hero-orbit{position:absolute;border:1px solid rgba(253,215,165,.17);border-radius:50%;pointer-events:none;z-index:-1}
.orbit-outer{width:105%;aspect-ratio:1;top:4%;left:-3%;transform:rotate(-18deg);border-style:dashed;animation:orbit 80s linear infinite}
.orbit-inner{width:77%;aspect-ratio:1;top:15%;left:10%;border:2px solid rgba(255,221,165,.15);box-shadow:0 0 60px var(--element-glow),inset 0 0 45px var(--element-glow);transition:box-shadow .4s;animation:orbit 53s linear infinite reverse}
.stage-light{position:absolute;width:96%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--element-glow) 0,rgba(122,88,145,.12) 48%,transparent 72%);filter:blur(30px);transition:background .5s;top:15%}
.hero-castle{position:absolute;z-index:-1;opacity:.11;width:130%;max-width:none;bottom:3%;right:-27%;filter:sepia(1) hue-rotate(210deg) saturate(1.8)}
.hero-wizards{position:absolute;z-index:2;display:block;width:122%;max-width:none;height:auto;left:-12%;top:22%;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);filter:drop-shadow(0 35px 35px rgba(7,0,16,.7));transition:transform .25s ease-out}
.character-taunt{position:absolute;z-index:5;top:10%;right:-3%;width:min(260px,49%);padding:17px 19px 20px;background:#fff2d6;border:3px solid #271c32;box-shadow:7px 7px 0 #11101d;color:#2e1a32;border-radius:16px 16px 16px 3px;transform:rotate(7deg);font:700 17px/1.25 var(--serif);transition:transform .25s}
.character-taunt:hover{transform:rotate(2deg) scale(1.04)}
.taunt-caption{display:block;color:#b33749;font:800 9px/1.2 var(--sans);letter-spacing:.14em;margin-bottom:7px}
.taunt-tail{position:absolute;left:13px;bottom:-18px;width:0;height:0;border-top:18px solid #fff2d6;border-right:22px solid transparent}
.stage-stamp{position:absolute;left:4%;bottom:20%;z-index:3;background:#ef696b;color:#2a172c;border:3px solid #2b1935;border-radius:50%;height:86px;width:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-16deg);font:900 28px/.95 var(--serif);box-shadow:5px 5px 0 #11101d}
.stage-stamp small{font:900 10px/1 var(--sans);margin-top:4px}
.stage-rune{position:absolute;z-index:1;color:#f8cf79;font-size:60px;animation:float 5s ease-in-out infinite}.rune-a{left:5%;top:22%}.rune-b{right:0;top:42%;font-size:31px;animation-delay:-1s}.rune-c{left:10%;bottom:27%;font-size:38px;animation-delay:-2s}
.element-picker{position:absolute;z-index:6;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(23,9,37,.8);border:1px solid rgba(255,219,168,.25);padding:8px;border-radius:18px;box-shadow:0 14px 30px rgba(13,3,20,.3);backdrop-filter:blur(10px)}
.element-control{border:0;color:#fce6d0;background:transparent;padding:9px 14px;border-radius:12px;font:800 10px/1 var(--sans);letter-spacing:.1em;display:flex;align-items:center;gap:6px;transition:background .25s,transform .25s}
.element-control:hover{transform:translateY(-2px)}.element-control[aria-pressed=true]{color:#29152b;background:#fbd26f}
.element-control.water[aria-pressed=true]{background:#90d8f6}.element-control.earth[aria-pressed=true]{background:#b8dc9a}
.element-glyph{font-size:19px;line-height:1}
.wiz-hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:rgba(255,226,206,.58);font:700 10px var(--sans);letter-spacing:.17em}.scroll-wheel{font-size:24px;animation:float 2.6s ease-in-out infinite}
.hero-doodle{position:absolute;opacity:.35;color:#ffcc73;font-size:60px;pointer-events:none}.doodle-one{left:2%;top:8%;transform:rotate(17deg)}.doodle-two{left:49%;bottom:5%;color:#c6a9fc}.doodle-three{right:4%;top:8%;color:#faa3b7}
.wiz-ticker{background:#ffcd65;color:#2c1b2e;overflow:hidden;border-top:4px solid #2d1a34;border-bottom:4px solid #2d1a34;transform:none;margin:-3px 0 0;position:relative;z-index:4;width:100%;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%)}
.wiz-ticker-track{display:flex;gap:40px;width:max-content;animation:marquee 25s linear infinite;padding:13px 0}
.wiz-ticker-track span{display:inline-flex;gap:40px;align-items:center;font:900 15px/1 var(--sans);letter-spacing:.08em;white-space:nowrap}.wiz-ticker-track b{color:#be4e52;font-size:21px}
.council-section{background:#f5e8d1;color:#2b1d31;padding-top:128px;padding-bottom:130px}
.council-section::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background:repeating-linear-gradient(15deg,transparent 0,transparent 12px,#422744 13px,#422744 14px)}
.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}
.eyebrow-pill{border:1.5px solid currentColor;border-radius:100px;padding:10px 16px}
.council-section .eyebrow-pill,.crownfall-stage .eyebrow-pill,.ruler-section .eyebrow-pill{color:#a64866}
.handwritten{font:italic 500 23px var(--serif);color:#a54864;transform:rotate(-4deg)}
.council-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:31px 0 58px}
.council-heading h2,.manifesto-copy h2,.ruler-heading h2,.tavern-copy h2{font:800 clamp(48px,6vw,92px)/.99 var(--serif);letter-spacing:-.07em;margin:0}
.council-heading h2 em,.manifesto-copy h2 em,.ruler-heading h2 em,.tavern-copy h2 em{color:#af5266;font-style:italic}
.council-heading p{font:500 18px/1.6 var(--sans);max-width:375px;margin:0 0 6px;color:#625169}
.wizard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wizard-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border:3px solid #2b1a32;border-radius:22px;background:#f8cb9a;box-shadow:7px 9px 0 #2b1a32;transition:transform .3s,box-shadow .3s}
.wizard-card:hover{transform:translateY(-12px) rotate(-1deg);box-shadow:9px 17px 0 #2b1a32}
.wizard-card-fire{background:#f7af83}.wizard-card-water{background:#9ccde7}.wizard-card-earth{background:#c1d39f}
.card-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#2c1b31;font:900 10px/1 var(--sans);letter-spacing:.13em;border-bottom:2px solid rgba(39,23,45,.25)}
.card-icon{font-size:28px;line-height:1}
.wizard-portrait{height:295px;position:relative;overflow:hidden;isolation:isolate}
.wizard-portrait::after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(0deg,var(--fade-color,#f7af83),transparent);z-index:2;pointer-events:none}
.wizard-card-fire .wizard-portrait{--fade-color:#f7af83}.wizard-card-water .wizard-portrait{--fade-color:#9ccde7}.wizard-card-earth .wizard-portrait{--fade-color:#c1d39f}
.portrait-halo{position:absolute;width:76%;height:88%;border-radius:50%;border:3px dashed rgba(55,32,59,.32);left:12%;top:5%;animation:orbit 48s linear infinite}
.portrait-strip{position:absolute;max-width:none;width:300%;height:auto;top:-10%;transition:transform .45s;filter:drop-shadow(0 12px 18px rgba(35,16,31,.28))}
.portrait-fire{left:0}.portrait-water{left:-100%}.portrait-earth{left:-200%}
.wizard-card:hover .portrait-strip{transform:translateY(-9px) scale(1.035)}
.card-bottom{padding:23px 24px 26px;background:rgba(255,255,255,.18);flex:1;border-top:2px solid rgba(39,23,45,.18)}
.card-title-small{font:900 10px var(--sans);letter-spacing:.13em;color:#583443}
.card-bottom h3{font:800 58px/.95 var(--serif);letter-spacing:-.06em;margin:12px 0;color:#27162e}
.card-bottom p{font:500 15px/1.65 var(--sans);color:#443344;margin:11px 0 24px;min-height:75px}
.card-quote{display:block;border-top:1px solid rgba(44,26,45,.24);padding-top:15px;color:#3b2540;font:italic 600 20px/1.3 var(--serif)}
.manifesto-section{background:#eaa1ab;color:#29192f;overflow:hidden;padding:100px 0}
.manifesto-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:9%;align-items:center}
.manifesto-seal{width:min(100%,360px);aspect-ratio:1;position:relative;border:3px dashed #492737;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-8deg);background:rgba(255,239,205,.16)}
.manifesto-seal::before,.manifesto-seal::after{content:"";position:absolute;border:2px solid #6a3446;border-radius:50%;inset:15px}.manifesto-seal::after{inset:31px;border-style:dotted;opacity:.65}
.manifesto-asterisk{font:800 118px/1 var(--sans);animation:orbit 34s linear infinite}.manifesto-seal span{font:900 20px/1.25 var(--sans);letter-spacing:.1em;position:relative;z-index:2}
.small-star{position:absolute;right:-20px;top:20px;font-size:74px;color:#fff1ca}
.manifesto-copy h2{font-size:clamp(45px,5.1vw,82px);margin:29px 0 23px}.manifesto-copy h2 em{color:#fff4d7;text-shadow:1px 2px 0 rgba(50,15,34,.25)}
.manifesto-copy p{max-width:750px;font:500 18px/1.8 var(--sans);color:#463245}
.manifesto-bits{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.manifesto-bits span{border:1px solid #774353;border-radius:99px;padding:11px 14px;font:800 10px var(--sans);letter-spacing:.08em}
.crownfall-stage{background:#f5e8d1;color:#291a2e;padding:117px 0 122px}
.crownfall-feature{position:relative;isolation:isolate;overflow:hidden;border:3px solid #2b1930;box-shadow:9px 12px 0 #2b1930;border-radius:24px;min-height:600px;margin-top:37px;background:radial-gradient(circle at 81% 44%,#654f92 0,transparent 48%),linear-gradient(135deg,#261935,#281d54 70%,#422f6b);color:#fff1db;display:grid;grid-template-columns:1fr 1fr}
.crownfall-night{position:absolute;inset:0;z-index:-1;overflow:hidden}.crownfall-night::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff5c3 1px,transparent 1px);background-size:69px 70px;opacity:.23}
.crownfall-moon{position:absolute;right:13%;top:10%;width:205px;aspect-ratio:1;border-radius:50%;background:#f1c57b;box-shadow:0 0 70px #dfb97a50}
.crownfall-star{position:absolute;font-size:43px;color:#fbd17b;animation:float 5s ease-in-out infinite}.crownfall-star.s1{top:13%;left:52%}.crownfall-star.s2{top:68%;left:46%;animation-delay:-2s}.crownfall-star.s3{top:25%;right:7%;font-size:24px;animation-delay:-3s}
.crownfall-feature-copy{z-index:2;position:relative;padding:70px 25px 70px 62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-kicker{font:800 10px var(--sans);letter-spacing:.15em;color:#ffce73;display:flex;align-items:center;gap:12px}.feature-kicker i{width:8px;height:8px;border-radius:50%;background:#ffce73;box-shadow:0 0 0 5px #ffce7320}
.crownfall-feature-copy h2{font:800 clamp(46px,5.2vw,80px)/1.03 var(--serif);letter-spacing:-.07em;margin:21px 0}
.crownfall-feature-copy h2 em{font-style:italic;color:#ffce73}
.crownfall-feature-copy p{font:500 16px/1.8 var(--sans);max-width:445px;color:#e3d4e2;margin:0 0 20px}
.feature-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}.feature-tags span{border:1px solid #fff1db4a;border-radius:99px;padding:8px 12px;font:800 9px var(--sans);letter-spacing:.07em}
.feature-disclaimer{font:500 11px/1.5 var(--sans);color:#cab7cf;margin-top:19px}
.crownfall-feature-art{position:relative;min-height:540px}.feature-citadel{position:absolute;max-width:none;width:128%;height:108%;object-fit:cover;bottom:-25%;right:-12%;opacity:.75;filter:drop-shadow(0 15px 35px rgba(12,4,31,.4));animation:featureFloat 7s ease-in-out infinite}.feature-medallion{position:absolute;z-index:2;width:200px;right:2%;bottom:11%;filter:drop-shadow(0 12px 15px #0e062c)}.feature-float-note{position:absolute;top:22%;right:6%;z-index:3;color:#fff8df;font:800 23px/1.1 var(--serif);transform:rotate(8deg);text-align:center;text-shadow:0 2px 6px #160d28}.feature-float-note span{font:800 10px var(--sans);letter-spacing:.13em}
.ruler-section{background:#d9b7f2;color:#28172d;padding:120px 0}
.ruler-heading{text-align:center;max-width:820px;margin:0 auto 50px}.ruler-heading h2{margin:29px 0 19px}.ruler-heading p{font:500 17px var(--sans);color:#4a3354}.ruler-heading h2 em{color:#a24368}
.ruler-widget{border:3px solid #2b1a32;border-radius:22px;overflow:hidden;box-shadow:9px 10px 0 #2b1a32;display:grid;grid-template-columns:0.9fr 1.1fr;background:#fff1d7}
.ruler-choices{display:flex;flex-direction:column;background:#30203d;padding:25px;gap:12px}
.ruler-choices button{border:1px solid rgba(255,246,216,.36);background:transparent;border-radius:13px;color:#fff0d6;min-height:92px;text-align:left;font:900 clamp(16px,2vw,23px) var(--sans);padding:18px 20px;display:flex;align-items:center;gap:17px;transition:background .2s,transform .2s}
.ruler-choices button:hover{transform:translateX(4px);background:#4a3157}
.ruler-choices button[aria-pressed=true]{background:#ffce73;color:#27182f;border-color:#ffce73}
.ruler-choices button span{font:700 11px var(--sans);opacity:.65}.ruler-choices button b{margin-left:auto}
.ruler-result{display:flex;flex-direction:column;align-items:flex-start;padding:44px 48px;min-height:354px;position:relative;overflow:hidden}
.ruler-result::after{content:"✳";position:absolute;right:-40px;bottom:-150px;font:900 410px/1 var(--sans);color:#ebcce8;z-index:0;transform:rotate(-11deg)}
.ruler-result>*{position:relative;z-index:1}
.result-label{font:900 10px var(--sans);letter-spacing:.18em;color:#a34267}
.ruler-symbol{margin:20px 0 -1px;font:500 74px/1 var(--serif);color:#ab526a}
.ruler-result h3{font:800 45px/1 var(--serif);letter-spacing:-.06em;margin:14px 0;color:#28162d}
.ruler-result p{max-width:530px;font:500 15px/1.75 var(--sans);color:#4b3a4c;margin:0 0 26px}.result-foot{font:900 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8d4260}
.tavern-section{background:#a9c6ad;color:#281d30;padding:116px 0;overflow:hidden}
.tavern-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.tavern-art{min-height:445px;position:relative;display:grid;place-items:center}
.tavern-art::before{content:"";width:365px;aspect-ratio:1;max-width:90%;border:3px dashed #406b54;border-radius:50%;position:absolute;animation:orbit 48s linear infinite}
.tavern-sign{width:310px;height:345px;max-width:84%;background:#523d3e;border:11px solid #896445;border-radius:25px 25px 60px 60px;box-shadow:12px 14px 0 #375d49,0 0 0 3px #2a1c2b inset;color:#ffdb88;text-align:center;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:signSwing 7s ease-in-out infinite}
.tavern-sign::before,.tavern-sign::after{content:"";position:absolute;top:-67px;width:4px;height:65px;background:#5d4f42}.tavern-sign::before{left:40px}.tavern-sign::after{right:40px}
.tavern-mug{font-size:56px;line-height:1}.tavern-sign b{font:800 38px/.97 var(--serif);letter-spacing:-.06em;text-shadow:0 2px 0 #241c2f}.tavern-sign small{font:800 9px var(--sans);letter-spacing:.09em;color:#f1cfa1;margin-top:22px}
.tavern-sparkle{position:absolute;right:12%;top:2%;font-size:75px;color:#fff3c3;animation:float 4s infinite}
.tavern-copy .eyebrow-pill{color:#405c4c}.tavern-copy h2{margin:27px 0}.tavern-copy h2 em{color:#5e5e92}
.tavern-copy p{font:500 18px/1.72 var(--sans);max-width:560px;color:#3a4441}.tavern-copy .tavern-status{font:900 10px/1.6 var(--sans);letter-spacing:.1em;color:#405443;margin:28px 0;display:flex;gap:12px;align-items:center}.tavern-section .wiz-btn{border-color:#2a1932;box-shadow:5px 6px 0 #2a1932}
.site-footer{background:#190f23;border-top:1px solid #634c6a}.footer-about p,.footer-links a{color:#c5b5c9}.site-footer .logo-copy b{font-size:20px}
.footer-bottom{border-color:rgba(250,214,162,.15)}
/* Keep the existing internal routes coherent with the new illustration-led art direction. */
.page-intro,.game-hero{background:radial-gradient(circle at 80% 30%,rgba(244,156,119,.15),transparent 42%),radial-gradient(circle at 20% 80%,rgba(118,99,196,.23),transparent 55%),#271732}
.game-hero::before,.forum-hero::before{content:"✳";position:absolute;right:6%;top:4%;font:800 min(27vw,430px)/1 var(--sans);color:rgba(245,192,104,.09);animation:orbit 80s linear infinite;pointer-events:none}
.game-hero .container,.page-intro .container{position:relative;z-index:1}
.game-hero .heading-xl,.page-intro .heading-lg{font-weight:800;letter-spacing:-.068em}.page-intro .heading-lg em{color:#ffc763}
.game-hero .heading-xl{color:#ffdb92}
.crumbs a,.kicker{color:#ffca72}.heading-md em,.heading-lg em{color:#ffbd7a}
.game-card,.note-card,.board,.release-panel,.forum-status,.atlas-info,.feature-banner,.interactive,.disclosure{border-radius:15px}
.game-card,.note-card,.board{transition:transform .24s,border-color .24s}.game-card:hover,.note-card:hover,.board:hover{transform:translateY(-5px);border-color:#f3c572}
.atlas,.feature-banner{box-shadow:0 12px 50px rgba(0,0,0,.12)}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-16px) rotate(5deg)}}@keyframes glow{50%{opacity:.5;box-shadow:0 0 0 7px rgba(157,227,162,.06)}}@keyframes featureFloat{50%{transform:translateY(-15px)}}@keyframes signSwing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-4deg)}}@keyframes pop{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.8) translateY(-70px);opacity:0}}
.spell-particle{position:fixed;width:10px;height:10px;background:var(--spark-color,#ffc55b);border-radius:50%;pointer-events:none;z-index:100;animation:pop .65s ease-out forwards}
@media(min-width:1450px){.wiz-hero-inner{min-height:850px}.wiz-hero-art{min-height:730px}}
@media(max-width:1100px){.wiz-hero-inner{grid-template-columns:1fr 1fr}.wiz-hero-copy h1{font-size:clamp(67px,8vw,100px)}.wiz-hero-art{min-height:570px}.character-taunt{right:-3%;font-size:15px}.wizard-portrait{height:240px}.card-bottom h3{font-size:48px}.crownfall-feature-copy{padding:55px 20px 55px 42px}.council-heading p{max-width:300px}}
@media(max-width:800px){
.container{width:min(var(--page),calc(100% - 44px))}
.wiz-hero-inner{grid-template-columns:1fr;padding-top:75px;padding-bottom:80px;gap:8px;min-height:auto}
.wiz-hero-copy{padding:0}.wiz-hero-copy h1{font-size:clamp(65px,12vw,110px);margin:27px 0 22px}.wiz-hero-lead{max-width:550px}.wiz-hero-art{height:540px;min-height:540px;width:min(100%,670px);margin:auto}
.hero-wizards{top:14%;left:-8%;width:116%}.orbit-outer{width:80%;top:6%;left:10%}.orbit-inner{width:65%;top:14%;left:18%}.stage-light{width:73%;top:10%}.character-taunt{top:0;right:2%;font-size:15px}.stage-stamp{bottom:18%}.element-picker{bottom:0}
.wiz-hero-bottom{bottom:23px}.council-section{padding:90px 0}
.council-heading{display:block}.council-heading p{max-width:600px;margin-top:20px}.wizard-cards{gap:13px}.wizard-card{border-width:2px;box-shadow:4px 5px 0 #2b1a32}.wizard-portrait{height:190px}.card-top{padding:13px}.card-bottom{padding:15px}.card-bottom h3{font-size:42px}.card-bottom p{font-size:13px;min-height:0}.card-quote{font-size:16px}
.manifesto-grid{grid-template-columns:.7fr 1fr;gap:5%}.manifesto-seal{max-width:260px}.manifesto-asterisk{font-size:80px}.manifesto-seal span{font-size:14px}
.crownfall-feature{grid-template-columns:1fr}.crownfall-feature-copy{padding:48px 45px 12px}.crownfall-feature-art{min-height:350px}.feature-citadel{height:170%;width:90%;bottom:-63%;right:3%}.feature-medallion{width:140px}.tavern-inner{gap:5%}.tavern-art{min-height:320px}.tavern-sign{width:240px;height:270px}.tavern-sign b{font-size:30px}
}
@media(max-width:600px){
.bar{font-size:8px;letter-spacing:.035em}.bar-dot{width:3px;height:3px}
.site-header{height:73px}.logo-copy b{font-size:16px}.logo-copy small{font-size:8px}
.wiz-hero-inner{padding-top:54px}.wiz-eyebrow{font-size:9px;letter-spacing:.06em}.wiz-eyebrow .scribble{font-size:8px}
.wiz-hero-copy h1{font-size:clamp(58px,13vw,86px);letter-spacing:-.07em}.wiz-hero-lead{font-size:16px}.wiz-buttons{gap:9px}.wiz-btn{min-height:53px;padding:13px 14px;font-size:10px;gap:9px}.hero-handnote{font-size:17px;margin-top:25px}
.wiz-hero-art{height:370px;min-height:370px}.hero-wizards{width:125%;left:-12%;top:23%}.hero-castle{bottom:0;opacity:.1}
.character-taunt{right:-2%;top:4%;max-width:47%;padding:10px 11px;font-size:12px;border-width:2px;box-shadow:4px 4px 0 #11101d}.taunt-caption{font-size:7px}.stage-stamp{width:57px;height:57px;bottom:21%;font-size:19px}.stage-stamp small{font-size:7px}.stage-rune{font-size:30px}.rune-a{top:15%}
.element-picker{bottom:-10px;gap:4px;padding:5px;width:max-content;max-width:100%}.element-control{padding:8px 9px;font-size:9px;gap:3px}.element-glyph{font-size:16px}
.wiz-hero-bottom{font-size:7px;letter-spacing:.06em}.scroll-wheel{font-size:21px}.wiz-ticker-track{padding:10px 0}.wiz-ticker-track span{font-size:11px}
.section-kicker{align-items:flex-start}.handwritten{display:none}
.council-section,.crownfall-stage,.ruler-section{padding:73px 0}.council-heading{margin:25px 0 38px}.council-heading h2,.manifesto-copy h2,.ruler-heading h2,.tavern-copy h2{font-size:clamp(45px,10vw,68px)}
.council-heading p{font-size:16px}
.wizard-cards{grid-template-columns:1fr;gap:27px;max-width:440px;margin:auto}
.wizard-card{border-width:3px;box-shadow:7px 8px 0 #2b1a32}.wizard-portrait{height:300px}.card-top{padding:14px 21px}.card-bottom{padding:20px 24px 25px}.card-bottom h3{font-size:55px}.card-bottom p{font-size:15px}.card-quote{font-size:19px}
.manifesto-section{padding:72px 0}.manifesto-grid{grid-template-columns:1fr;gap:44px}.manifesto-seal{max-width:240px;margin:auto}.manifesto-copy h2{font-size:clamp(43px,10vw,62px)}.manifesto-copy p{font-size:16px}
.crownfall-feature{margin-top:25px;border-radius:16px;box-shadow:6px 7px 0 #2b1930}.crownfall-feature-copy{padding:38px 25px 0}.crownfall-feature-copy h2{font-size:clamp(45px,10vw,62px)}.crownfall-feature-copy p{font-size:15px}.feature-tags{gap:5px}.feature-tags span{font-size:8px}.crownfall-feature-art{min-height:290px}.feature-citadel{height:180%;width:125%;bottom:-80%;right:-10%}.feature-float-note{font-size:15px}.feature-medallion{width:108px;right:5%;bottom:6%}
.ruler-widget{grid-template-columns:1fr;box-shadow:6px 7px 0 #2b1930}.ruler-choices{padding:14px;gap:8px}.ruler-choices button{min-height:60px;font-size:16px;padding:11px 14px}.ruler-result{padding:28px 25px;min-height:320px}.ruler-result h3{font-size:39px}
.tavern-section{padding:65px 0 84px}.tavern-inner{grid-template-columns:1fr;gap:34px}.tavern-art{min-height:350px}.tavern-copy p{font-size:16px}.tavern-copy h2{font-size:clamp(45px,10vw,69px)}
}
@media(max-width:375px){.container{width:calc(100% - 32px)}.wiz-hero-copy h1{font-size:56px}.wiz-btn{padding:12px 10px;letter-spacing:0}.wiz-hero-art{height:340px;min-height:340px}.character-taunt{font-size:11px}.wiz-hero-bottom{font-size:6px}.element-control{padding:8px 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-wizards{transform:none!important}}

/* The painted source artwork is deliberately shown at its supplied preview resolution as a collectible polaroid. */
.cast-proof{position:absolute;z-index:5;bottom:-18px;right:-64px;width:202px;margin:0;padding:8px 8px 9px;background:#fff8e8;color:#492c41;border:2px solid #3e253d;box-shadow:7px 9px 0 #4f2e48;transform:rotate(10deg);transition:transform .3s}
.cast-proof:hover{transform:rotate(2deg) translateY(-7px)}
.cast-proof img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;background:#25172b}
.cast-proof figcaption{margin-top:7px;font:900 8px/1.2 var(--sans);letter-spacing:.09em;text-align:center}
@media(max-width:600px){.cast-proof{width:154px;right:-35px;bottom:-20px;padding:6px;box-shadow:4px 5px 0 #4f2e48}.cast-proof figcaption{font-size:6px}}