.tempest{--s-black:#000;--s-coal:#0b0b0a;--s-storm:#16171c;--s-cloud:#2c2e36;--s-yellow:#ffd60a;--s-yellow-hi:#fff36b;--s-yellow-lo:#a88a00;--s-bone:#f1ead2;--s-ash:#8d8a80;--s-flash:#fffbe0;--f-metal:"Metal Mania", "Impact", "Haettenschweiler", fantasy;--f-sign:"Anton", "Impact", "Arial Narrow", sans-serif;--f-tale:"Bitter", "Rockwell", Georgia, serif;--hazard:repeating-linear-gradient(-45deg, var(--s-yellow) 0 16px, var(--s-black) 16px 32px);--beat:.375s;background:var(--s-black);color:var(--s-bone);font-family:var(--f-tale);position:relative;overflow:hidden}.tempest h1,.tempest h2,.tempest h3{letter-spacing:0}.tempest a{color:var(--s-yellow)}.tempest a:hover{color:var(--s-yellow-hi)}.tempest :focus-visible{outline:4px solid var(--s-yellow);outline-offset:4px}.tempest svg{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.downpour{pointer-events:none;z-index:0;position:absolute;inset:0}.downpour span,.rain span{width:1.5px;height:var(--h);background:linear-gradient(transparent, rgba(241, 234, 210, var(--o)));animation:rain-fall var(--dur) linear var(--delay) infinite;position:absolute;top:-100px;transform:rotate(12deg)}.downpour span{animation-name:rain-fall-long}@keyframes rain-fall{to{transform:translate(-90px,1100px)rotate(12deg)}}@keyframes rain-fall-long{to{transform:translate(-600px,6000px)rotate(12deg)}}.storm{isolation:isolate;cursor:crosshair;background:radial-gradient(ellipse 90% 70% at 50% 0%, #3b3d47 0%, #22232a 38%, #0f0f12 70%, var(--s-black) 100%);padding-block:clamp(64px,9vw,120px) clamp(130px,15vw,200px);position:relative;overflow:hidden}.clouds{z-index:-1;opacity:.9;background:radial-gradient(22% 30% at 15% 30%,#3e404b 0%,#0000 70%),radial-gradient(28% 26% at 45% 18%,#353742 0%,#0000 70%),radial-gradient(24% 32% at 78% 28%,#3a3c46 0%,#0000 70%),radial-gradient(30% 22% at 60% 45%,#2a2c34 0%,#0000 70%),radial-gradient(26% 24% at 28% 55%,#24262d 0%,#0000 70%);animation:60s ease-in-out infinite alternate cloud-drift;position:absolute;inset:-10% -20% 30%}.clouds-front{opacity:.6;filter:blur(6px);animation-duration:38s;animation-direction:alternate-reverse;inset:0 -30% 20%}@keyframes cloud-drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}.sky-flash{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(50% 60% at 30% 10%,#fffbe08c,#0000 70%);animation:9s linear infinite sky-flash;position:absolute;inset:0}.sky-flash-2{background:radial-gradient(45% 55% at 75% 5%,#fff36b73,#0000 70%);animation-duration:13s;animation-delay:-5s}@keyframes sky-flash{0%,90%,to{opacity:0}91%{opacity:1}93%{opacity:.15}95%{opacity:.7}97%{opacity:0}}.sky-bolt{z-index:-1;opacity:0;fill:none;width:60px;height:52%;stroke:var(--s-flash);stroke-width:3px;stroke-linejoin:bevel;filter:drop-shadow(0 0 6px var(--s-yellow)) drop-shadow(0 0 18px var(--s-yellow));animation:9s linear infinite sky-flash;position:absolute;top:0;left:24%}.sky-bolt-2{height:44%;animation-duration:13s;animation-delay:-5s;left:auto;right:18%}.storm.thunder .sky-flash{opacity:.8;transition:opacity .6s ease-out;animation:none}.rain{z-index:0;pointer-events:none;position:absolute;inset:0}.storm-inner{z-index:2;text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.beware{font-family:var(--f-sign);letter-spacing:.3em;text-transform:uppercase;background:var(--s-yellow);color:var(--s-black);align-items:center;gap:12px;padding:8px 18px;font-size:18px;display:inline-flex}.beware svg{width:22px;height:20px;color:var(--s-black)}.beware svg path:last-child{fill:var(--s-yellow)}.beast-title{text-transform:none;flex-direction:column;align-items:center;font-weight:400;line-height:.86;display:flex}.bt-the{font-family:var(--f-sign);letter-spacing:.35em;text-transform:uppercase;color:var(--s-bone);margin-bottom:14px;font-size:clamp(16px,2vw,22px)}.bt-part{font-family:var(--f-metal);color:var(--s-yellow);text-transform:uppercase;text-shadow:5px 5px 0 var(--s-black), 0 0 40px #ffd60a59;-webkit-text-stroke:2px var(--s-black);font-size:clamp(54px,13vw,156px)}.bt-1{transform:translate(-.9em)rotate(-2deg)}.bt-2{color:var(--s-flash);transform:translate(.6em)rotate(1.5deg)}.bt-3{transform:translate(-.3em)rotate(-1deg)}.bt-4{color:var(--s-flash);transform:translate(.8em)rotate(2deg)}.hero-tag{font-family:var(--f-sign);letter-spacing:.06em;text-transform:uppercase;color:var(--s-yellow);font-size:clamp(20px,3vw,32px)}.vitals{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.vitals li{font-family:var(--f-sign);letter-spacing:.14em;text-transform:uppercase;border:3px solid var(--s-yellow);margin:-1.5px;padding:6px 16px;font-size:15px}.sky-hint{color:var(--s-ash);font-size:15px;font-style:italic}.waves{pointer-events:none;z-index:1;width:200%;height:clamp(70px,9vw,120px);animation:14s linear infinite wave-roll;position:absolute;bottom:-2px;left:0}.waves-back{fill:#1d2028;opacity:.9;animation-duration:22s;animation-direction:reverse;bottom:18px}.waves-front{fill:var(--s-black);stroke:#f1ead280;stroke-width:2px}@keyframes wave-roll{to{transform:translate(-50%)}}.tape{z-index:3;background:var(--s-yellow);width:110%;color:var(--s-black);border-block:10px solid #0000;border-image:var(--hazard) 10;margin:-34px 0 0 -5%;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.tape-track{width:max-content;animation:50s linear infinite tape-run;display:flex}.tape span{white-space:nowrap;font-family:var(--f-sign);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:22px;padding:10px 0 10px 22px;font-size:clamp(16px,2vw,22px);display:inline-flex}.tape span svg{width:18px;height:18px}@keyframes tape-run{to{transform:translate(-50%)}}.lair{z-index:1;flex-direction:column;gap:clamp(72px,10vw,128px);padding-block:clamp(72px,10vw,128px);display:flex;position:relative}.placard-head{font-family:var(--f-sign);letter-spacing:.22em;text-transform:uppercase;background:var(--s-yellow);color:var(--s-black);border-top:14px solid #0000;border-image:var(--hazard) 14 0 0 0;align-items:center;gap:12px;margin:0;padding:12px 20px;font-size:clamp(16px,2vw,20px);display:flex}.placard-head svg{width:26px;height:24px;color:var(--s-black);flex-shrink:0}.placard-head svg path:last-child{fill:var(--s-yellow)}.placard{border:6px solid var(--s-yellow);background:var(--s-coal);width:100%;max-width:860px;margin-inline:auto}.placard-body{gap:var(--space-3);flex-direction:column;padding:clamp(24px,4vw,48px);font-size:clamp(18px,1.8vw,21px);line-height:1.7;display:flex}.placard-body>p:first-child:first-letter,.tale>p:first-child:first-letter{float:left;font-family:var(--f-metal);color:var(--s-yellow);text-shadow:3px 3px 0 var(--s-cloud);margin:.06em .12em 0 0;font-size:4.2em;line-height:.78}.signature{font-family:var(--f-sign);letter-spacing:.14em;text-transform:uppercase;color:var(--s-yellow);text-align:right;font-size:15px}.slashes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;width:100%;max-width:1100px;margin-inline:auto;display:grid}.slash{border:4px solid var(--s-yellow);background:var(--s-coal);min-height:120px;box-shadow:6px 6px 0 var(--s-cloud);flex-direction:column;gap:4px;padding:18px 16px 16px;text-decoration:none;transition:background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.tempest .slash{color:var(--s-bone)}.slash-num{font-family:var(--f-sign);color:#0000;-webkit-text-stroke:2px var(--s-yellow);font-size:44px;line-height:1}.slash-title{font-family:var(--f-sign);letter-spacing:.06em;text-transform:uppercase;font-size:18px;line-height:1.2}.slash:after{content:"";opacity:0;background:repeating-linear-gradient(115deg, transparent 0 8px, var(--s-black) 8px 12px);width:40px;height:40px;transition:opacity .15s;position:absolute;bottom:8px;right:10px}.tempest .slash:hover,.tempest .slash:focus-visible{background:var(--s-yellow);color:var(--s-black);transform:translateY(-3px)rotate(-1deg)}.slash:hover .slash-num,.slash:focus-visible .slash-num{color:var(--s-black);-webkit-text-stroke-color:var(--s-black)}.slash:hover:after,.slash:focus-visible:after{opacity:1}.telling,.four,.laws{width:100%;max-width:920px;margin-inline:auto;scroll-margin-top:24px}.telling-head{align-items:center;gap:clamp(16px,3vw,32px);display:flex;position:relative}.telling-num{width:clamp(80px,13vw,170px);font-family:var(--f-sign);color:#0000;-webkit-text-stroke:3px var(--s-yellow);flex-shrink:0;font-size:clamp(76px,11vw,140px);line-height:.9}.telling-icon{height:clamp(70px,10vw,120px);color:var(--s-yellow)}.telling-cap{font-family:var(--f-sign);letter-spacing:.3em;text-transform:uppercase;color:var(--s-ash);font-size:15px}.telling-title{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-yellow);font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1}.claw-marks{width:clamp(70px,11vw,130px);height:clamp(70px,11vw,130px);color:var(--s-yellow);opacity:.85;position:absolute;top:50%;right:0;translate:0 -50%}.stripes{width:100%;height:20px;margin-block:var(--space-3) var(--space-4);color:var(--s-yellow)}.tale{gap:var(--space-3);flex-direction:column;max-width:64ch;font-size:clamp(18px,1.8vw,20px);line-height:1.75;display:flex}.roar-quote{margin:var(--space-1) 0;padding:var(--space-2) 0 var(--space-2) calc(12px + var(--space-3));position:relative}.roar-quote:before{content:"";background:repeating-linear-gradient(-45deg, var(--s-yellow) 0 8px, var(--s-black) 8px 16px);width:12px;position:absolute;top:0;bottom:0;left:0}.roar-quote p{font-family:var(--f-metal);color:var(--s-yellow);text-transform:uppercase;font-size:clamp(26px,3.6vw,40px);line-height:1.15}.roar-quote .inline-roar{all:unset;cursor:pointer;transform-origin:30% 70%;transition:color .15s,text-shadow .15s;display:inline-block}.roar-quote .inline-roar:hover{color:var(--s-yellow-hi);text-shadow:0 0 14px #ffd60a99}.roar-quote .inline-roar:focus-visible{outline:3px solid var(--s-yellow-hi);outline-offset:6px}.roar-quote .inline-roar.roaring{color:var(--s-flash);text-shadow:0 0 22px var(--s-yellow);animation:.14s linear infinite inline-roar}@keyframes inline-roar{0%,to{transform:translate(0)rotate(0)scale(1.06)}25%{transform:translate(-4px,2px)rotate(-2deg)scale(1.1)}75%{transform:translate(4px,-2px)rotate(2deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.roar-quote .inline-roar.roaring{animation:none}}.roar-quote cite{margin-top:var(--space-1);font-family:var(--f-sign);letter-spacing:.16em;text-transform:uppercase;color:var(--s-ash);font-size:15px;font-style:normal;display:block}.historian{padding:var(--space-2) var(--space-3);border:3px dashed var(--s-yellow-lo);color:var(--s-ash);font-size:16px;font-style:italic;line-height:1.6}.historian-label{font-family:var(--f-sign);letter-spacing:.22em;text-transform:uppercase;color:var(--s-yellow);margin-bottom:4px;font-size:13px;font-style:normal;display:block}.deed{padding-top:var(--space-2);border-top:4px solid var(--s-yellow)}.deed h3{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-yellow);margin-bottom:6px;font-size:clamp(22px,2.6vw,28px);font-weight:400}.cross{margin-top:var(--space-4);font-family:var(--f-sign);letter-spacing:.1em;text-transform:uppercase;font-size:18px}.specimen{margin:var(--space-3) 0;align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.specimen-frame{all:unset;cursor:pointer;border:6px solid var(--s-yellow);outline:4px solid var(--s-black);max-width:100%;box-shadow:0 0 0 10px var(--s-yellow-lo), 14px 14px 0 10px var(--s-cloud);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);margin:10px;transition:transform .2s;display:block;position:relative;overflow:hidden}.specimen-frame img{width:400px;max-width:100%}.specimen-frame:hover{transform:rotate(-1.2deg)scale(1.02)}.specimen-frame:focus-visible{outline:4px solid var(--s-flash);outline-offset:0}.glint{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#fffbe080 48%,#ffd60a59 52%,#0000 60%);animation:6s ease-in-out infinite glint;position:absolute;inset:0;transform:translate(-120%)}@keyframes glint{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.specimen figcaption{flex-direction:column;gap:4px;padding-left:10px;display:flex}.plaque{font-family:var(--f-sign);letter-spacing:.3em;text-transform:uppercase;background:var(--s-yellow);color:var(--s-black);align-self:flex-start;padding:4px 12px;font-size:14px}.specimen-title{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-bone);font-size:clamp(20px,2.4vw,26px)}.pets{color:var(--s-ash);font-size:15px;font-style:italic}.field-card{border:6px solid var(--s-yellow);background:var(--s-coal);width:100%;max-width:720px;margin-inline:auto;transform:rotate(.6deg)}.field-body{gap:var(--space-3);flex-direction:column;padding:clamp(24px,4vw,40px);display:flex}.field-rows{border-top:4px solid var(--s-yellow);margin:0}.field-rows div{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:2px solid var(--s-cloud);padding:12px 0;display:flex}.field-rows dt{font-family:var(--f-sign);letter-spacing:.18em;text-transform:uppercase;color:var(--s-yellow);font-size:16px}.field-rows dd{text-align:right;margin:0;font-weight:700}.danger{align-items:center;gap:12px;display:flex}.meter{gap:4px;display:flex}.meter i{background:var(--s-yellow);width:14px;height:22px;transform:skew(-14deg)}.extreme{font-family:var(--f-sign);letter-spacing:.2em;text-transform:uppercase;background:var(--s-yellow);color:var(--s-black);padding:4px 10px;font-size:15px;font-weight:400;animation:1.6s step-end infinite extreme}@keyframes extreme{50%{background:var(--s-black);color:var(--s-yellow);box-shadow:inset 0 0 0 3px var(--s-yellow)}}.law-list{margin:var(--space-4) 0 0;counter-reset:law;padding:0;list-style:none}.law-list li{counter-increment:law;padding:var(--space-3) 0 var(--space-3) clamp(72px, 10vw, 110px);border-bottom:4px solid var(--s-cloud);flex-direction:column;gap:4px;display:flex;position:relative}.law-list li:before{content:counter(law);font-family:var(--f-sign);color:#0000;-webkit-text-stroke:2px var(--s-yellow);font-size:clamp(56px,8vw,84px);line-height:1;position:absolute;top:50%;left:0;translate:0 -50%}.law{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-bone);font-size:clamp(22px,3vw,32px);line-height:1.1}.gloss{color:var(--s-ash);font-style:italic}.oath{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:860px;margin-inline:auto;display:flex}.oath .stripes{max-width:520px}.oath-lines{flex-direction:column;gap:6px;font-size:clamp(19px,2.2vw,24px);line-height:1.5;display:flex}.great-roar{all:unset;cursor:pointer;margin-top:var(--space-4);overflow-wrap:anywhere;max-width:100%;font-family:var(--f-metal);color:var(--s-yellow);text-shadow:6px 6px 0 var(--s-cloud), 0 0 40px #ffd60a66;font-size:clamp(44px,10vw,128px);line-height:1;transition:transform .15s,text-shadow .15s}.great-roar:hover{text-shadow:6px 6px 0 var(--s-cloud), 0 0 60px #fff36bcc;transform:scale(1.04)rotate(-1deg)}.great-roar:focus-visible{outline:4px solid var(--s-yellow);outline-offset:8px}.roar-hint{color:var(--s-ash);font-size:15px;font-style:italic}.so-roars{margin-top:var(--space-3);font-family:var(--f-sign);letter-spacing:.2em;text-transform:uppercase;color:var(--s-yellow);font-size:clamp(22px,3vw,30px)}.colophon{text-align:center;color:var(--s-ash);font-size:15px;font-style:italic;line-height:1.7}.final{z-index:1;cursor:crosshair;background:var(--s-yellow);color:var(--s-black);border-block:18px solid #0000;border-image:var(--hazard) 18 0;position:relative}.final-inner{align-items:center;gap:var(--space-3);padding-block:var(--space-6);text-align:center;flex-direction:column;display:flex}.final-cry{font-family:var(--f-metal);text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;font-size:clamp(48px,11vw,150px);font-weight:400;line-height:.95}.final p{font-family:var(--f-sign);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(20px,2.6vw,28px)}.final-btns{justify-content:center}.share-status{font-family:var(--f-tale);letter-spacing:0;text-transform:none;min-height:1.5em;font-size:15px}.beast-btn{cursor:pointer;min-height:52px;font-family:var(--f-sign);letter-spacing:.12em;text-transform:uppercase;background:var(--s-yellow);color:var(--s-black);border:4px solid var(--s-yellow);box-shadow:5px 5px 0 var(--s-yellow-lo);justify-content:center;align-items:center;gap:12px;padding:0 24px;font-size:18px;text-decoration:none;transition:background .12s,color .12s,transform .12s;display:inline-flex}.beast-btn svg{width:18px;height:18px}.tempest .beast-btn{color:var(--s-black)}.tempest .beast-btn:hover{background:var(--s-flash);border-color:var(--s-flash);color:var(--s-black);transform:translateY(-2px)}.beast-btn.ghost{color:var(--s-yellow);box-shadow:5px 5px 0 var(--s-cloud);background:0 0}.tempest .beast-btn.ghost{color:var(--s-yellow)}.beast-btn.small{min-height:48px;font-size:15px}.tempest .beast-btn.dark{background:var(--s-black);border-color:var(--s-black);color:var(--s-yellow);box-shadow:5px 5px 0 var(--s-yellow-lo)}.tempest .beast-btn.dark.ghost{color:var(--s-black);background:0 0}.tempest .beast-btn.dark:hover{background:var(--s-flash);border-color:var(--s-black);color:var(--s-black)}.final .beast-btn:focus-visible{outline-color:var(--s-black)}@media (width<=700px){.bt-1,.bt-2,.bt-3,.bt-4{transform:none}.bt-part{-webkit-text-stroke:1px var(--s-black);text-shadow:3px 3px 0 var(--s-black), 0 0 30px #ffd60a59}.claw-marks{opacity:.35}.telling-head{gap:12px}.field-card{transform:none}.tape{margin-top:-20px}}@media (prefers-reduced-motion:reduce){.downpour,.rain,.sky-flash,.sky-bolt,.glint{display:none}.clouds,.waves,.tape-track,.extreme{animation:none}.tape-track{flex-wrap:wrap;justify-content:center;width:auto}.tape-track span[aria-hidden=true]{display:none}}.tempest .claw-marks path{transform-origin:50% 0;transition:transform .35s cubic-bezier(.7,0,.3,1);transform:scaleY(0)}.tempest .claw-marks.clawed path{transform:scaleY(1)}.tempest .claw-marks.clawed path:nth-child(2){transition-delay:80ms}.tempest .claw-marks.clawed path:nth-child(3){transition-delay:.16s}.four-intro{margin-top:var(--space-4);max-width:60ch;font-size:clamp(18px,1.8vw,20px);line-height:1.7}.totems{margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.totem{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:var(--s-coal);color:var(--s-ash);border:4px solid #3a3a36;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 18px;transition:border-color .2s,color .2s,background .3s,transform .15s;display:flex;position:relative;overflow:hidden}.totem:hover{border-color:var(--s-yellow-lo);transform:translateY(-3px)}.totem:focus-visible{outline:4px solid var(--s-yellow);outline-offset:4px}.totem-icon{width:72px;height:72px;transition:filter .3s}.totem-name{font-family:var(--f-sign);text-transform:uppercase;letter-spacing:.06em;color:var(--s-bone);font-size:20px}.totem-part{font-size:14px;font-style:italic;line-height:1.4}.totem-state{font-family:var(--f-sign);letter-spacing:.24em;text-transform:uppercase;border:2px solid;margin-top:4px;padding:3px 10px;font-size:13px}.totem.awake{border-color:var(--s-yellow);color:var(--s-yellow);background:radial-gradient(circle at 50% 30%, #ffd60a38, var(--s-coal) 70%)}.totem.awake .totem-icon{filter:drop-shadow(0 0 10px #ffd60acc)}.totem.awake .totem-state{background:var(--s-yellow);color:var(--s-black);border-color:var(--s-yellow)}.totem.jolt{animation:.4s ease-out jolt}@keyframes jolt{20%{transform:translate(-4px,-2px)rotate(-3deg)}45%{transform:translate(4px,1px)rotate(3deg)}70%{transform:translate(-2px)rotate(-1deg)}}.four-count{margin-top:var(--space-3);font-family:var(--f-sign);letter-spacing:.16em;text-transform:uppercase;text-align:center;font-size:18px}.fusion{margin:var(--space-2) 0;text-align:center;font-family:var(--f-metal);background:var(--s-yellow);color:var(--s-black);padding:14px;font-size:clamp(26px,4vw,40px)}.four>.beast-btn{width:max-content;margin:var(--space-3) auto 0;display:flex}.storm-toggle{z-index:60;cursor:pointer;min-height:48px;font-family:var(--f-sign);letter-spacing:.14em;text-transform:uppercase;color:var(--s-yellow);border:3px solid var(--s-yellow);background:#000000e6;align-items:center;gap:10px;padding:0 18px;font-size:15px;display:inline-flex;position:fixed;bottom:16px;left:16px}.storm-toggle svg{width:18px;height:18px}.storm-toggle:hover{background:var(--s-yellow);color:var(--s-black)}.storm-toggle:focus-visible{outline:4px solid var(--s-flash);outline-offset:4px}.storm-toggle[aria-pressed=true] svg{animation:3s step-end infinite toggle-zap}.storm-toggle.waiting{animation:1.8s ease-in-out infinite toggle-beckon}@keyframes toggle-zap{0%,88%{opacity:1}90%{opacity:.2}94%{opacity:1}}@keyframes toggle-beckon{50%{box-shadow:0 0 0 4px var(--s-yellow), 0 0 28px #ffd60ab3}}.summon{z-index:80;background:#000000e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.summon[hidden]{display:none}.summon-card{border:6px solid var(--s-yellow);background:var(--s-coal);width:min(520px,100%)}.summon-body{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);text-align:center;flex-direction:column;display:flex}.summon-title{font-family:var(--f-metal);text-transform:uppercase;color:var(--s-yellow);font-size:clamp(32px,6vw,48px);font-weight:400;line-height:1.05}.summon-skip{all:unset;cursor:pointer;min-height:48px;font-family:var(--f-sign);letter-spacing:.16em;text-transform:uppercase;color:var(--s-ash);text-underline-offset:4px;align-items:center;font-size:15px;text-decoration:underline;display:inline-flex}.summon-skip:hover{color:var(--s-bone)}.summon-skip:focus-visible{outline:4px solid var(--s-yellow);outline-offset:4px}.fx{z-index:70;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-bolt{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-bolt polyline{fill:none;stroke-linejoin:bevel;stroke-linecap:square}.fx-bolt .glow{stroke:var(--s-yellow);stroke-width:9px;opacity:.55;filter:blur(4px)}.fx-bolt .core{stroke:var(--s-flash);stroke-width:3px}.fx-flash{background:radial-gradient(circle at var(--x,50%) var(--y,30%), #fffbe073, #ffd60a1f 50%, transparent 80%);position:absolute;inset:0}.fx-spark{background:var(--s-yellow-hi);width:6px;height:6px;box-shadow:0 0 8px var(--s-yellow);position:absolute;top:0;left:0}.fx-paw{width:34px;height:34px;color:var(--s-yellow);position:absolute;top:0;left:0}.fx-paw svg{width:100%;height:100%}.fx-claw{width:min(70vw,70vh);height:min(70vw,70vh);color:var(--s-yellow);filter:drop-shadow(0 0 16px #ffd60ab3);position:absolute;top:50%;left:50%}.fx-claw svg{width:100%;height:100%}.big-roar{white-space:nowrap;font-family:var(--f-metal);color:var(--s-yellow);-webkit-text-stroke:3px var(--s-black);text-shadow:8px 8px 0 var(--s-black), 0 0 60px #ffd60acc;font-size:clamp(56px,13vw,200px);line-height:1;position:absolute;top:50%;left:50%}html.quake .tempest>:not(.storm-toggle):not(.fx):not(.summon){animation:.11s linear infinite quake}@keyframes quake{0%,to{translate:0}25%{translate:-3px 2px}50%{translate:2px -2px}75%{translate:3px 1px}}html.drumming .bt-part{animation:thump var(--beat) ease-out infinite}html.drumming .bt-2,html.drumming .bt-4{animation-delay:calc(var(--beat) / 2)}@keyframes thump{0%{text-shadow:5px 5px 0 var(--s-black), 0 0 70px #ffd60ae6;scale:1.08}to{scale:1}}.specimen-frame.petted{animation:.4s ease-out jolt}@media (width<=700px){.totems{grid-template-columns:repeat(2,minmax(0,1fr))}.totem-icon{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.tempest .claw-marks path{transition:none;transform:none}html.quake .tempest>*,html.drumming .bt-part,.totem.jolt,.specimen-frame.petted,.storm-toggle[aria-pressed=true] svg,.storm-toggle.waiting{animation:none}}.tempest .crop{background-repeat:no-repeat;background-color:var(--s-storm);border:4px solid var(--s-yellow);width:100%;box-shadow:6px 6px 0 var(--s-cloud);display:block}.art{margin:var(--space-3) 0;gap:var(--space-2);flex-direction:column;display:flex}.art-wide{width:min(100%,760px)}.art figcaption,.deed-detail figcaption,.field-photo figcaption{color:var(--s-ash);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-style:italic;display:flex}.art-svg{width:100%;height:auto;overflow:visible}.frozen-word{font-family:var(--f-sign);letter-spacing:.04em;fill:#c9a646;font-size:34px}.frozen-snow{animation:3s linear infinite snow-drift}@keyframes snow-drift{0%{transform:translateY(-20px)}to{transform:translate(-24px)}}.frozen-break{transform-box:view-box;transform-origin:340px 110px;animation:5s ease-in-out infinite name-break}@keyframes name-break{0%,30%{transform:translate(0)rotate(0)}55%,85%{transform:translate(22px,-10px)rotate(6deg)}to{transform:translate(0)rotate(0)}}.echoes{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.echo{flex-direction:column;gap:10px;display:flex}.echo-name{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-yellow);align-items:center;gap:8px;font-size:18px;line-height:1.1;display:flex}.echo-name svg{flex-shrink:0;width:26px;height:26px}.echo-part{color:var(--s-ash);margin-top:-6px;font-size:15px;font-style:italic}.art-banner{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;display:grid}.art-banner figcaption{grid-column:1/-1}.tabard-relic{place-items:center;display:grid;position:relative}.tabard-relic img{transform-origin:50% 20%;width:100%;max-width:240px;animation:6s ease-in-out infinite tabard-sway;position:relative}.tabard-glow{background:radial-gradient(circle,#ffd60a59,#0000 70%);border-radius:50%;position:absolute;inset:8%}@keyframes tabard-sway{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}.swatches{gap:var(--space-2);flex-direction:column;display:flex}.swatch{align-items:center;gap:var(--space-2);font-size:17px;line-height:1.5;display:flex}.swatch b{font-family:var(--f-sign);text-transform:uppercase;color:var(--s-yellow);letter-spacing:.04em;font-size:20px;font-weight:400}.chip-black,.chip-yellow{border:4px solid var(--s-yellow);width:72px;height:72px;box-shadow:6px 6px 0 var(--s-cloud);flex-shrink:0}.chip-black{background:var(--s-black)}.chip-yellow{background:var(--s-yellow)}.saint-halo{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite halo-pulse}@keyframes halo-pulse{50%{fill-opacity:.22;transform:scale(1.08)}}.saint-bolt{filter:drop-shadow(0 0 6px var(--s-yellow));animation:7s step-end infinite bolt-flicker}@keyframes bolt-flicker{0%,84%,to{opacity:1}86%{opacity:.2}90%{opacity:1}}.deed.has-detail{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 170px;align-items:start;display:grid}.deed-detail{flex-direction:column;gap:8px;margin:6px 0 0;display:flex}.deed:nth-of-type(2n).has-detail{grid-template-columns:170px minmax(0,1fr)}.deed:nth-of-type(2n).has-detail .deed-detail{order:-1}.field-grid{gap:var(--space-4);grid-template-columns:180px minmax(0,1fr);align-items:start;display:grid}.field-photo{flex-direction:column;gap:8px;margin:0;display:flex;transform:rotate(-2deg)}.hero-sigil{z-index:1;width:min(96vw,900px);height:min(84vw,788px);color:var(--s-yellow);opacity:.07;pointer-events:none;--sigil-cut:transparent;position:absolute;top:46%;left:50%;translate:-50% -50%}.final-sigil{width:clamp(150px,20vw,230px);height:clamp(131px,17.5vw,201px);color:var(--s-black);--sigil-cut:var(--s-yellow)}@media (width<=760px){.echoes{grid-template-columns:repeat(2,minmax(0,1fr))}.art-banner{grid-template-columns:minmax(0,1fr);justify-items:start}.art-banner .tabard-relic{max-width:240px}.deed.has-detail,.deed:nth-of-type(2n).has-detail{grid-template-columns:minmax(0,1fr)}.deed-detail{max-width:220px}.deed:nth-of-type(2n).has-detail .deed-detail{order:0}.field-grid{grid-template-columns:minmax(0,1fr)}.field-photo{max-width:200px}}@media (prefers-reduced-motion:reduce){.frozen-snow,.frozen-break,.tabard-relic img,.saint-halo,.saint-bolt{animation:none}.frozen-break{transform:translate(22px,-10px)rotate(6deg)}}.war-dance{z-index:65;pointer-events:none;opacity:0;height:min(46vh,400px);transition:opacity .5s,translate .5s cubic-bezier(.2,.8,.3,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden;translate:0 40%}html.dancing .war-dance{opacity:1;translate:0}.dance-glow{background:radial-gradient(60% 80% at 50% 100%,#ffd60a66,#0000 75%),linear-gradient(#0000 15%,#ffd60a1a 55%,#ffd60a4d 100%),linear-gradient(#0000 0%,#0009 50%,#000000e6 100%);position:absolute;inset:0}html.dancing .dance-glow{animation:glow-pulse var(--beat) ease-out infinite}@keyframes glow-pulse{0%{opacity:1}to{opacity:.8}}.dance-ground{background:var(--s-black);height:18px;position:absolute;bottom:0;left:0;right:0}.dance-beast{width:min(40vw,330px);height:min(35vw,289px);color:var(--s-black);--sigil-cut:transparent;transform-origin:70% 100%;filter:drop-shadow(0 0 2px var(--s-yellow-lo));position:absolute;bottom:10px;left:50%;translate:-50%}html.dancing .dance-beast{animation:beast-rear calc(var(--beat) * 4) ease-in-out infinite}@keyframes beast-rear{0%,to{transform:rotate(0)translateY(0)}12%{transform:rotate(-7deg)translateY(-12px)}30%{transform:rotate(-3deg)translateY(-4px)}50%{transform:rotate(0)translateY(0)}}.dancer{height:var(--h);width:calc(var(--h) * .6);position:absolute;bottom:14px;translate:-50%}.dancer.flip .dancer-body{scale:-1 1}.dancer-shuffle{width:100%;height:100%}.dancer-body{width:100%;height:100%;fill:var(--s-black);filter:drop-shadow(0 0 1.5px var(--s-yellow)) drop-shadow(0 0 8px #ffd60a8c);overflow:visible}.pose-b{opacity:0}html.dancing .dancer-shuffle{animation:dancer-shuffle calc(var(--beat) * 8) ease-in-out infinite}html.dancing .dancer.off .dancer-shuffle{animation-direction:reverse}html.dancing .dancer-body{animation:dancer-stomp var(--beat) cubic-bezier(.3, 0, .6, 1) infinite}html.dancing .dancer.off .dancer-body{animation-delay:calc(var(--beat) / -2)}html.dancing .pose-a{animation:pose-a calc(var(--beat) * 2) steps(1) infinite}html.dancing .pose-b{animation:pose-b calc(var(--beat) * 2) steps(1) infinite}html.dancing .dancer.off .pose-a,html.dancing .dancer.off .pose-b{animation-delay:calc(var(--beat) * -1)}@keyframes pose-a{0%{opacity:1}50%{opacity:0}}@keyframes pose-b{0%{opacity:0}50%{opacity:1}}@keyframes dancer-stomp{0%{transform:translateY(0)scaleY(.94)}35%{transform:translateY(-16%)scaleY(1.03)}70%{transform:translateY(-4%)scaleY(1)}to{transform:translateY(0)scaleY(.94)}}@keyframes dancer-shuffle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(28%)rotate(4deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(-28%)rotate(-4deg)}}html.dancing.drum-fill .dancer-body{animation-duration:calc(var(--beat) / 2)}html.dancing.drum-fill .pose-a,html.dancing.drum-fill .pose-b{animation-duration:var(--beat)}html.dancing.drum-fill .dance-glow{animation-duration:calc(var(--beat) / 2)}html.dancing.drum-hit .dancer-body{animation:.9s cubic-bezier(.2,.8,.3,1) forwards dancer-leap}html.dancing.drum-hit .pose-a{opacity:1;animation:none}html.dancing.drum-hit .pose-b{opacity:0;animation:none}html.dancing.drum-hit .dance-beast{animation:.9s cubic-bezier(.2,.8,.3,1) forwards beast-roar}@keyframes dancer-leap{0%{transform:translateY(0)}35%{transform:translateY(-38%)scale(1.05)}to{transform:translateY(0)}}@keyframes beast-roar{0%{transform:none}30%{transform:rotate(-10deg)translateY(-20px)scale(1.08)}to{transform:rotate(-4deg)translateY(-6px)scale(1.04)}}@media (width<=700px){.war-dance{height:min(40vh,300px)}.dancer{--h:92px!important}.dancer:nth-child(4),.dancer:nth-child(7){display:none}}@media (prefers-reduced-motion:reduce){.war-dance{transition:opacity .3s;translate:0}.war-dance *{animation:none!important}.pose-b{opacity:0}}