:root{--bg:#0b0e10;--panel:#111517;--gold:#f6ac32;--gold-light:#ffda91;--muted:#9a9c98;--line:#34322b;--white:#f5f1e8;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}img{max-width:100%;display:block}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.live-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{width:210px}.brand img{width:100%}.site-header nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#babbb4}.site-header a:hover{color:var(--gold-light)}.nav-cta{border:1px solid #6c5734;padding:10px 17px;color:var(--gold-light);border-radius:4px}.nav-cta span{margin-left:22px}.concept{position:relative;overflow:hidden}.concept[hidden]{display:none}.hero-landscape{position:absolute;inset:120px 0 auto;height:740px;background:linear-gradient(90deg,#0b0e10 9%,#0b0e10bf 48%,#0b0e1073),linear-gradient(0deg,#0b0e10 1%,transparent 70%),var(--landscape) center 55%/cover;opacity:.55;pointer-events:none}.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;min-height:625px;padding:30px 0 65px}.eyebrow{font:10px/1.5 var(--mono);font-weight:600;letter-spacing:2.2px;color:var(--gold);display:flex;align-items:center;gap:12px}.tiny-sword{font-size:18px}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(47px,4.8vw,71px)/1.06 var(--serif);letter-spacing:-2.7px;margin:22px 0 25px}em{font-style:normal;color:var(--gold-light)}.hero-copy>p{font-size:15px;line-height:1.9;color:#b7b9b4}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:12px 22px;font-weight:650;font-size:12px;border-radius:4px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.gold{color:#21180b;background:var(--gold);border:1px solid #fbc46a;box-shadow:0 3px 0 #9c661d,0 8px 32px #f6ac3210}.gold:hover{background:#ffc35c}.apple{font-size:19px}.text-link{font-size:11px;color:#d8d4c6}.text-link span{margin-left:13px;color:var(--gold)}.quiet-note{margin-top:24px;font:9px var(--mono);color:#8f938d;display:flex;align-items:center;gap:6px}.status-dot{background:#8da77b;width:4px;height:4px}.dot-separator{margin:0 8px}.hero-visual{position:relative;padding:22px 0 0;max-width:520px;width:100%;justify-self:end}.menu-strip{position:relative;display:flex;align-items:center;height:35px;padding:0 12px;gap:14px;border:1px solid #4c4a3f;border-radius:7px;background:#252925;box-shadow:0 10px 40px #0005;margin:0 -25px 15px}.menu-word{font:9px var(--mono);color:#b3b7ab;margin-right:auto}.menu-time{font-size:9px;white-space:nowrap}.mini-sprites{display:flex;align-items:center;gap:4px;height:26px}.mini-sprites .sprite{width:27px!important}.mini-sprites .hero-sprite{width:31px!important}.chest{font-size:20px;color:var(--gold)}.app-window{position:relative;border:1px solid #6e6550;border-radius:13px;background:#0b0e10;padding:15px;box-shadow:0 25px 90px #0009,0 0 0 5px #080a0b66}.app-top{display:flex;align-items:center;justify-content:space-between;height:51px;padding:0 7px 10px}.app-top img{width:135px}.gold-counter{color:var(--gold);font:15px var(--mono)}.app-tabs{display:flex;border:1px solid #39372f;border-radius:6px;font:10px var(--serif);background:#0e1214;margin-bottom:12px}.app-tabs>span{flex:1;text-align:center;padding:10px 5px;color:#919795}.app-tabs .selected{color:var(--gold-light);border-bottom:2px solid var(--gold);background:#f6ac3210}.arena{height:328px;border:1px solid #504432;border-radius:7px;position:relative;overflow:hidden;background-size:cover;background-position:center 55%}.arena:before{content:'';position:absolute;inset:0;background:linear-gradient(#000b,#0002 65%,#000b)}.boss-heading{position:relative;text-align:center;padding:18px 25px}.boss-heading small{font:8px var(--mono);letter-spacing:2px;color:#c6b890}.boss-heading h3{font:700 23px var(--serif);margin:5px 0 10px;color:#f5835b;text-shadow:0 2px #000}.health-track{background:#1b1112;padding:3px;border-radius:4px;border:1px solid #80554b;height:13px;overflow:hidden}.health-track>div{background:linear-gradient(90deg,#a52b24,#f2744e);width:100%;height:100%;border-radius:2px;transition:width .22s}.hp-text{font:8px var(--mono);display:block;margin-top:5px;color:#cbc0ac}.fighters{display:flex;justify-content:space-between;align-items:flex-end;position:relative;padding:0 32px;height:125px}.fighters .hero-sprite{width:135px}.fighters .sprite:not(.hero-sprite){width:120px}.vs{font:700 18px var(--serif);color:#aea498;align-self:center}.sprite{position:relative;overflow:hidden;display:inline-block;flex-shrink:0;width:120px;vertical-align:bottom}.sprite img{position:absolute;max-width:none;image-rendering:pixelated;pointer-events:none}.strike{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#101515ed;border:1px solid #635033;border-radius:6px;text-align:left}.strike:hover{background:#2d271b;border-color:var(--gold)}.strike>span:first-of-type{font:700 10px var(--serif);flex:1}.strike small{font:8px/1.4 -apple-system,sans-serif;color:#a4a597;display:block;margin-top:3px}.strike>span:last-child{color:var(--gold)}kbd{font:9px var(--mono);border:1px solid #6d6856;border-bottom-width:3px;border-radius:4px;padding:7px 8px;color:#d3d0c1;display:inline-block;background:#202523}.app-bottom{display:flex;justify-content:space-between;font:8px var(--mono);padding:13px 8px 1px;color:#a4a69b}.app-bottom b{color:#e6e0ca;margin-left:6px}.app-bottom>span:last-child{color:var(--gold)}.preview-caption{font:9px/1.6 var(--mono);color:#7d837c;max-width:410px;margin:15px auto 0}.preview-caption>span{font-size:17px;color:#6f775d;vertical-align:middle;margin-right:10px}.floating-mark{position:absolute;color:#a68c50;font:26px var(--serif)}.mark-one{right:-40px;top:90px}.mark-two{left:-35px;bottom:78px;font-size:15px}.damage-pop{opacity:0;position:absolute;right:72px;top:145px;color:var(--gold-light);font:700 24px var(--mono);pointer-events:none;text-shadow:2px 2px #000}.demo.hit .damage-pop{animation:damage .6s ease-out}.demo.hit .fighters>.hero-sprite{animation:attack .2s ease-out}.demo.hit [data-demo-boss]{animation:hurt .2s ease-out}@keyframes damage{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-38px)}}@keyframes attack{50%{transform:translateX(16px)}}@keyframes hurt{50%{transform:translateX(6px);filter:brightness(1.8)}}.stat-ribbon{border-block:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:25px 0;position:relative}.stat-ribbon>div:not(.scroll-prompt){display:flex;gap:12px;align-items:center}.stat-ribbon strong{font:700 30px var(--serif);color:var(--gold-light)}.stat-ribbon span:not(.ribbon-diamond){font:8px/1.7 var(--mono);letter-spacing:1px;max-width:100px;color:#a0a195}.ribbon-diamond{font-size:7px;color:#7b6741}.scroll-prompt{margin-left:auto;font:9px var(--mono);color:#7c8279}.scroll-prompt span{margin-left:15px}.how-section{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}h2{font:700 39px/1.15 var(--serif);letter-spacing:-1px;margin:15px 0 0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 4px}.quest-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:7px;background:linear-gradient(135deg,#181b1899,#0f1314)}.quest-steps article{position:relative;min-height:230px;padding:26px 30px;overflow:hidden}.quest-steps article+article{border-left:1px solid var(--line)}.step-number{font:12px var(--serif);color:#a18b5c}.quest-steps h3{font:700 22px var(--serif);margin:17px 0 10px}.quest-steps p{font-size:11px;line-height:1.8;color:#9a9d94;max-width:230px}.keys{display:flex;gap:6px;margin-top:24px}.keys kbd{padding:6px 10px}.step-creature{position:absolute;right:18px;bottom:18px;width:90px}.step-weapon{position:absolute;width:95px;right:15px;bottom:0;image-rendering:pixelated}.arsenal{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:65px;gap:40px}.arsenal-copy p{font-size:12px;line-height:1.8;color:#a5a69b;max-width:350px;margin:20px 0}.weapon-display{display:flex;align-items:center;justify-content:space-around}.weapon-display>div{text-align:center;position:relative}.weapon-display img{width:160px;height:160px;object-fit:contain;image-rendering:pixelated;position:relative}.weapon-display .legendary:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#a366292b,transparent 68%)}.weapon-display span{display:block;font:700 14px var(--serif);color:var(--gold-light)}.weapon-display small{font:6px var(--mono);color:#797e74;letter-spacing:1px}.weapon-display>.weapon-arrow{font:30px var(--serif);color:#67654e}.privacy{display:flex;align-items:center;gap:24px;margin-top:45px;padding:28px 0}.privacy-icon{font:33px var(--serif);color:#7f8d74}.privacy h3{font:700 20px var(--serif);margin:0 0 7px}.privacy p{font-size:11px;line-height:1.8;color:#91988e;margin:0}.privacy a{margin-left:auto;font-size:10px;color:var(--gold-light)}.privacy a>span{margin-left:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:30px 0 38px;font-size:9px;color:#70796f;gap:20px}footer>span:first-child{font:700 15px var(--serif);color:#bdc1b0}footer small{display:block;font:9px/1.8 -apple-system,sans-serif;color:#70796f}footer a{font:8px var(--mono)}
@media(min-width:1500px){.wrap{width:1280px}.hero{min-height:670px;gap:85px}.hero-visual{max-width:540px}.arena{height:350px}.fighters{height:145px}h1{font-size:76px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:32px}h1{font-size:55px}.hero-visual{max-width:440px}.hero-actions .button{font-size:11px}.menu-strip{margin-inline:-8px}.menu-word{font-size:7px}.site-header nav{gap:20px}.stat-ribbon{gap:20px}.scroll-prompt{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:88px}.brand{width:150px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:9px;padding:7px 10px}.nav-cta span{margin-left:6px}.hero{grid-template-columns:1fr;gap:35px;padding-top:20px;padding-bottom:38px}.hero-copy{max-width:550px}h1{font-size:54px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-actions{gap:15px}.hero-visual{justify-self:center;width:calc(100% - 16px);max-width:430px}.menu-strip{margin-inline:-8px}.menu-word{font-size:7px}.stat-ribbon{justify-content:space-around;gap:10px;padding-block:20px}.stat-ribbon>div:not(.scroll-prompt){display:block;text-align:center}.stat-ribbon strong{font-size:25px;display:block}.stat-ribbon span:not(.ribbon-diamond){font-size:6px;letter-spacing:.5px;max-width:80px;display:block}.ribbon-diamond{font-size:5px}.how-section{padding-top:48px}.section-heading{display:block;margin-bottom:25px}h2{font-size:33px}.section-heading>p{margin-top:20px;font-size:11px}.section-heading>p br{display:none}.quest-steps{grid-template-columns:1fr}.quest-steps article{min-height:190px;padding:23px}.quest-steps article+article{border-left:0;border-top:1px solid var(--line)}.quest-steps p{max-width:75%}.step-weapon{width:110px;right:4px;bottom:0}.step-creature{right:10px;width:100px;bottom:5px}.arsenal{grid-template-columns:1fr;margin-top:45px;gap:20px;padding-bottom:35px}.weapon-display img{width:130px;height:130px}.weapon-display small{font-size:5px}.privacy{align-items:flex-start;gap:16px;flex-wrap:wrap}.privacy-icon{font-size:26px}.privacy>div{flex:1}.privacy p br{display:none}.privacy a{margin-left:42px}.privacy h3{font-size:18px}footer{flex-wrap:wrap;padding-bottom:25px}footer>span:nth-child(2){display:none}.small-app-header img{width:100px}.small-app-header span{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.5px}.floating-mark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:420px){.hero-copy h1{font-size:44px;letter-spacing:-1.8px}.hero-copy>p{font-size:12px}.fighters{padding-inline:15px}.fighters .hero-sprite{width:120px}.fighters .sprite:not(.hero-sprite){width:100px}}

.skip-link{position:absolute;top:12px;left:12px;z-index:10;transform:translateY(-180%);background:var(--gold);color:#17130c;padding:10px 18px;border-radius:4px}.skip-link:focus{transform:translateY(0)}
/* Live website preview: real sprite poses and native menu controls. */
.sprite-crop{display:block;position:absolute;overflow:hidden}.fighters .hero-sprite{width:200px}.mini-sprites .hero-sprite{width:40px!important}.menu-toggle{padding:0 5px;background:transparent;border-radius:4px;border:1px solid transparent;min-width:93px;min-height:29px;height:29px;cursor:pointer}.menu-toggle:hover,.menu-toggle[aria-expanded=false]{background:#f6ac3218;border-color:#9d855240}.menu-toggle .sprite{pointer-events:none}.menu-toggle .chest{pointer-events:none}.app-tabs>button{flex:1;text-align:center;padding:10px 5px;background:transparent;color:#919795;font:inherit;border-radius:4px 4px 0 0}.app-tabs>button:hover{color:var(--gold-light);background:#f6ac3210}.app-tabs>button.selected{color:var(--gold-light);border-bottom:2px solid var(--gold);background:#f6ac3210}.arena[hidden],.preview-subpanel[hidden],.demo[hidden],.preview-closed[hidden]{display:none}.preview-subpanel{height:328px;padding:19px 16px;background:linear-gradient(145deg,#171c16,#0d1213);border:1px solid #504432;border-radius:7px;overflow:auto}.preview-panel-heading h3{font:700 23px var(--serif);color:var(--gold-light);margin:0 0 7px}.preview-panel-heading p{font-size:10px;color:var(--muted);margin:0 0 16px}.preview-weapon{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #34372c}.preview-weapon img{object-fit:contain;image-rendering:pixelated}.preview-weapon>div{flex:1}.preview-weapon strong,.preview-trophy strong{font:700 12px var(--serif);color:#e8d9b1;display:block}.preview-weapon small,.preview-trophy small{display:block;font-size:9px;color:#929c8c;line-height:1.6;margin-top:3px}.preview-buy{background:#f6ac32;color:#21180b;border-radius:3px;padding:7px 9px;font-size:9px;white-space:nowrap}.preview-buy:disabled{background:#242c23;color:#8e9a83;cursor:default}.preview-hint{font-size:9px;color:#929c8c;line-height:1.7;margin:13px 0 0}.preview-metrics{display:flex;gap:12px;margin:20px 0}.preview-metrics>div{flex:1;background:#080d0b;padding:15px;border:1px solid #34372c;border-radius:5px}.preview-metrics strong{font:700 28px var(--serif);display:block;color:var(--gold-light)}.preview-metrics span{font:7px var(--mono);letter-spacing:.8px;color:#969e8c}.practice-label{display:block;font-size:10px;margin:20px 0 8px;color:#c6c8b8}.practice-box{width:100%;border:1px solid #71613d;border-radius:4px;background:#0b100c;padding:12px;color:var(--white);font:12px var(--mono)}.practice-box:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.preview-trophy{display:flex;align-items:center;gap:10px;padding:19px 0;border-top:1px solid #34372c}.preview-trophy>span:first-child{font-size:24px;color:#717d67}.preview-trophy.unlocked>span:first-child{color:var(--gold)}.preview-trophy>div{flex:1}.trophy-status{font:8px var(--mono);color:#7d8972}.unlocked .trophy-status{color:var(--gold-light)}.preview-closed{height:468px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#b0b59f}.preview-closed>span{font-size:35px;color:var(--gold);margin-bottom:15px}.preview-closed p{font:20px var(--serif);margin-bottom:10px}.preview-closed small{font:9px var(--mono);color:#828e79}.boss-idle{animation:boss-breathe 1.44s steps(2,end) infinite}@keyframes boss-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:1500px){.preview-subpanel{height:350px}}
@media(max-width:760px){.fighters .hero-sprite{width:180px}.preview-subpanel{padding:17px 12px}.preview-weapon{gap:7px}.preview-weapon strong{font-size:11px}.preview-buy{font-size:8px;padding:7px}.preview-closed{height:465px}}
@media(max-width:420px){.fighters .hero-sprite{width:170px}.menu-word{max-width:160px}.menu-strip{gap:7px}.preview-trophy{gap:8px}.preview-trophy small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.boss-idle{animation:none}}
/* Keep preview panels scrollable without a visible scrollbar. */
.preview-subpanel{scrollbar-width:none;-ms-overflow-style:none}
.preview-subpanel::-webkit-scrollbar{display:none}
/* A small field guide to the real creature roster. */
.bestiary-section{padding-top:70px;padding-bottom:40px;border-bottom:1px solid var(--line)}.bestiary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.bestiary-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 18px 24px;min-width:0;background:radial-gradient(ellipse at 50% 35%,#647d3320,transparent 70%),linear-gradient(140deg,#20271c,#111613);border:1px solid #414b33;border-radius:6px;transition:transform .2s,border-color .2s}.bestiary-card:nth-child(2){background:radial-gradient(ellipse at 50% 35%,#9e6f3823,transparent 70%),linear-gradient(140deg,#28261d,#171713);border-color:#514631}.bestiary-card:nth-child(3){background:radial-gradient(ellipse at 50% 35%,#9d8c5b20,transparent 70%),linear-gradient(140deg,#27271e,#151713);border-color:#4c4c37}.bestiary-card:nth-child(4){background:radial-gradient(ellipse at 50% 35%,#59839722,transparent 70%),linear-gradient(140deg,#1c282a,#111718);border-color:#384b50}.bestiary-card:hover{transform:translateY(-4px);border-color:#b79958}.field-number{align-self:flex-start;font:7px var(--mono);letter-spacing:1.2px;color:#8c967d}.bestiary-portrait{height:158px;display:flex;justify-content:center;align-items:flex-end;max-width:100%;margin:18px 0 20px}.bestiary-portrait .sprite{width:190px;max-width:100%;filter:drop-shadow(0 7px 8px #0004)}.bestiary-card h3{font:700 23px var(--serif);color:#e7dcbb;margin:0 0 8px;text-align:center}.creature-caption{font:7px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.8px;color:#a79b73;text-align:center}.bestiary-card>p{font-size:10px;line-height:1.8;color:#929c8b;text-align:center;max-width:195px;margin:13px 0 0}.bestiary-card:last-child .creature-caption{color:#8eacb3}.bestiary-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.bestiary-footnote>span{font:8px var(--mono);letter-spacing:1.3px;color:#828c78}
@media(max-width:1000px){.bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bestiary-portrait .sprite{width:200px}.bestiary-portrait{height:145px}}
@media(max-width:760px){.bestiary-section{padding-top:45px;padding-bottom:30px}.bestiary-grid{gap:10px}.bestiary-card{padding:15px 10px 20px}.bestiary-portrait{height:125px;margin:10px 0 18px}.bestiary-portrait .sprite{width:150px}.bestiary-card h3{font-size:19px}.creature-caption{font-size:6px;letter-spacing:.4px}.bestiary-card>p{font-size:9px}.field-number{font-size:6px}.bestiary-footnote{align-items:flex-start;flex-direction:column;gap:14px}.bestiary-footnote>span{font-size:6px;line-height:1.8}}

/* One consistent creature gallery. */
.bestiary-portrait{height:180px;margin:12px 0 20px;width:100%}.bestiary-portrait .sprite{width:min(210px,var(--portrait-width,210px))}.bestiary-card h3{font-size:22px;line-height:1.2;min-height:53px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.bestiary-card>p{margin-top:8px;font-size:11px;max-width:220px}.bestiary-card{padding-top:14px}.bestiary-card:nth-child(4n+1){background:linear-gradient(140deg,#28251b,#111613)}.bestiary-card:nth-child(4n+2){background:linear-gradient(140deg,#2c231c,#161413)}.bestiary-card:nth-child(4n+3){background:linear-gradient(140deg,#222b1c,#111613)}.bestiary-card:nth-child(4n){background:linear-gradient(140deg,#1d292b,#111719)}
@media(max-width:760px){.bestiary-portrait{height:140px;margin:10px 0 14px}.bestiary-portrait .sprite{width:min(150px,var(--portrait-width,150px))}.bestiary-card h3{font-size:18px;min-height:44px}.bestiary-card>p{font-size:10px}.bestiary-card{padding:12px 10px 20px}}
/* Compact field-guide cards. */
.bestiary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.bestiary-card{padding:12px 10px 16px}.bestiary-portrait{height:110px;margin:4px 0 12px}.bestiary-portrait .sprite{width:min(140px,calc(110px * var(--portrait-ratio,1)))}.bestiary-card h3{font-size:18px;min-height:43px}.bestiary-card>p{font-size:10px;line-height:1.65;margin-top:6px}.bestiary-section{padding-top:50px}.bestiary-section .section-heading{margin-bottom:24px}
@media(max-width:1100px){.bestiary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.bestiary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bestiary-card{padding:10px 8px 13px}.bestiary-portrait{height:85px;margin:2px 0 10px}.bestiary-portrait .sprite{width:min(110px,calc(85px * var(--portrait-ratio,1)))}.bestiary-card h3{font-size:15px;min-height:36px}.bestiary-card>p{font-size:9px}}
@media(max-width:480px){.bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1101px){.bestiary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* A macOS-style status bar with sprites sharing one fixed ground line. */
.menu-strip{height:30px;padding:0 11px;gap:10px;border:1px solid #c7d3d326;border-radius:6px;background:linear-gradient(#64716f66,#39474377);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 8px 28px #0003;color:#eff2ed}
.mac-menu-left{display:flex;align-items:center;gap:14px;margin-right:auto;font:10px/1 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.mac-menu-left strong{font-weight:650}.mac-apple{width:15px;height:18px;flex:none}.mac-status-icons{display:flex;align-items:center}.mac-status-icons svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.menu-time{font:10px/1 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.menu-toggle{height:27px;min-height:27px;min-width:95px;padding:0 4px 2px;gap:2px;align-items:flex-end;border:0;border-radius:4px}.menu-toggle:hover,.menu-toggle[aria-expanded=false]{background:#ffffff16;border:0}.menu-toggle[aria-expanded=true]{background:#ffffff0b}.mini-sprites .hero-sprite{width:36px!important}.mini-sprites [data-menu-boss]{width:32px!important}.menu-toggle .chest{align-self:center;line-height:1;font-size:17px;margin-left:3px}.boss-idle{transform-origin:center bottom}@keyframes boss-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.96)}}
/* Anchor the visible characters symmetrically around the dungeon path.
   The hero's feet are at x=155 in its 440px animation viewport. */
.fighters{position:absolute;left:0;right:0;bottom:98px;height:125px;padding:0}
.fighters .hero-sprite{position:absolute;left:29%;bottom:0;translate:-35.2273% 0}
.fighters [data-demo-boss]{position:absolute;left:71%;bottom:4px;margin:0;translate:-50% 0}
.fighters .vs{position:absolute;left:50%;top:50%;translate:-50% -50%;line-height:1}
@media(max-width:760px){.menu-strip{gap:8px;padding-inline:9px}.mac-menu-left{gap:11px;font-size:9px}.menu-time{font-size:9px}.mac-status-icons svg{width:13px}.mac-menu-view{display:none}}
@media(max-width:420px){.mac-menu-left{gap:9px}.menu-strip{gap:6px}.menu-toggle{min-width:90px;padding-inline:2px}.mac-status-icons{display:none}}
.fighters .hero-sprite{width:min(200px,55%)}.fighters .sprite[data-demo-boss]{width:min(120px,32%)}.fighters .vs{flex:none}
.menu-toggle,.menu-toggle:hover,.menu-toggle[aria-expanded=true],.menu-toggle[aria-expanded=false]{background:transparent;border:0;box-shadow:none}
/* Tighten the actual characters in the menu bar, including sheet padding. */
.menu-toggle{min-width:0;width:61px;padding-inline:0;gap:0}
.menu-toggle .hero-sprite{margin-right:-8px}
.menu-toggle [data-menu-boss]{width:29px!important}

/* Highlight the clickable container; the sprites retain their original colors. */
.menu-toggle{position:relative;isolation:isolate}
.menu-toggle:before{content:'';position:absolute;inset:-1px -3px;z-index:-1;border:1px solid #ffcf78a6;border-radius:5px;background:#f6ac3212;box-shadow:0 0 6px #f6ac3255,0 0 12px #f6ac3233;pointer-events:none;animation:menu-container-glow 2.4s ease-in-out infinite}
.menu-toggle:hover:before,.menu-toggle:focus-visible:before{animation:none;opacity:1;background:#f6ac3226;border-color:#ffda91;box-shadow:0 0 8px #f6ac3280,0 0 16px #f6ac3240}
.motion-paused .menu-toggle:before{animation-play-state:paused}
@keyframes menu-container-glow{0%,100%{opacity:.45}50%{opacity:1}}

.faq-section{padding-top:48px;padding-bottom:35px;border-bottom:1px solid var(--line)}.faq-section h2{margin-bottom:28px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.faq-grid details{border:1px solid var(--line);border-radius:6px;background:#111613;padding:17px 20px}.faq-grid summary{cursor:pointer;font:700 17px/1.5 var(--serif);color:var(--gold-light)}.faq-grid summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.faq-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 0}@media(max-width:760px){.faq-grid{grid-template-columns:1fr}.faq-grid summary{font-size:16px}.faq-section{padding-top:35px}}