:root{color-scheme:dark;--ink:#142d2b;--paper:#f2ebd9;--gold:#d1bb8a;--jade:#8ecbb8;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #ffdf94;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}canvas,#joystick{touch-action:none}button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:active{filter:brightness(1.2)}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
#game,#world{width:100%;height:100%;height:100dvh;display:block}#game{position:relative;isolation:isolate}#world{outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,25,24,.36),transparent 24%,transparent 68%,rgba(8,24,23,.65));z-index:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:3}#hud button,#joystick{pointer-events:auto}.top-tools{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));display:flex;gap:10px;z-index:7}.tool{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid #cfdbcb66;border-radius:50%;background:#163a34b8;color:var(--paper)}.tool svg{width:25px;height:25px}.mute-mark{position:absolute;bottom:9px;right:8px;width:9px;height:2px;background:var(--gold);transform:rotate(-40deg)}#sound[aria-pressed=true] .mute-mark{display:none}
.vitals{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;width:280px;text-shadow:0 1px 4px #15322b}.portrait{height:62px;width:62px;flex-shrink:0;border:1px solid var(--gold);outline:1px solid #b9d2bc44;outline-offset:5px;background:#29483be0;border-radius:50%;display:grid;place-items:center}.portrait svg{height:43px;width:43px;fill:none;stroke:var(--gold);stroke-width:1.3}.vitals-body{flex:1}.hero-name{font-size:16px;letter-spacing:2px;margin-bottom:8px;color:var(--paper)}.hero-name span{font-size:10px;letter-spacing:1px;color:#c7d4b8;margin-left:8px}.bar{position:relative;height:12px;background:#152c27d9;border:1px solid #aec29e55;transform:skewX(-12deg);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#548e72,#b7d09a);width:100%}.bar span{position:absolute;inset:0;text-align:right;padding-right:5px;line-height:10px;font:9px/10px Arial,sans-serif;color:white;transform:skewX(12deg)}.bar.mana{height:5px;margin-top:5px;width:90%}.mana i{background:linear-gradient(90deg,#3e8c96,#9dd9d2)}
.quest{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;text-shadow:0 1px 4px #193e34;padding:8px 24px 12px;background:linear-gradient(90deg,transparent,#18392dc4,transparent);min-width:250px;justify-content:center}.quest-mark{color:var(--gold);font-size:29px}.quest small{display:block;font-size:11px;color:#dedbc2;letter-spacing:3px;margin-bottom:6px}.quest strong{font-size:15px;font-weight:400;color:var(--paper);white-space:nowrap}.location{position:absolute;bottom:40px;left:34px;text-shadow:0 2px 5px #19332b}.location span{display:block;color:#c4d1b5;font-size:11px;letter-spacing:3px}.location strong{font-family:KaiTi,STKaiti,serif;font-weight:400;display:block;font-size:29px;letter-spacing:5px;margin:8px 0}.location small{color:#c4cfb5;font-size:11px;letter-spacing:2px}.location b{color:var(--gold);font-weight:400;margin-left:8px}.controls-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1px;color:#d7dec7}.controls-hint span{color:#aec0a6;margin-left:4px}.controls-hint i{margin:0 10px;font-style:normal}
.skillbar{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px}.skill{position:relative;width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #bfd6b780;outline:1px solid #bfd6b72b;outline-offset:4px;background:radial-gradient(circle at 40% 25%,#3d6c59ed,#122e28f0);border-radius:50%;color:#e8ebd3;box-shadow:0 4px 15px #0a241e44}.skill svg{width:32px;height:32px}.skill span{position:absolute;top:calc(100% + 10px);font-size:11px;white-space:nowrap;letter-spacing:2px;text-shadow:0 1px 3px #162e25}.skill kbd{position:absolute;top:-9px;right:-7px;font:10px/18px Arial,sans-serif;color:#dfdcc7;background:#294536;border:1px solid #c7c5a97a;border-radius:3px;padding:0 4px;min-width:19px}.skill.attack{width:79px;height:79px;border-color:var(--gold);background:radial-gradient(circle at 40% 25%,#8e8b54,#374f31)}.skill.attack svg{width:42px;height:42px}.skill.locked svg{opacity:.25}.skill.locked{border-color:#7f92827a}.cooldown{position:absolute;inset:0;display:grid;place-items:center;font:19px Georgia,serif;font-weight:400;color:#fff3d3}.cooldown:empty{display:none}.skill.no-mana .cooldown{font:11px/1.2 "Microsoft YaHei",sans-serif}
#boss-hud{position:absolute;top:107px;left:50%;transform:translateX(-50%);width:min(400px,60vw);text-align:center}#boss-hud span{font-family:KaiTi,serif;font-size:20px;color:#ffe3b5;letter-spacing:6px;text-shadow:0 1px 4px #1d3027}#boss-hud>div{height:7px;margin-top:8px;border:1px solid #d6b78970;background:#1e2d29}#boss-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8f523d,#d8a86b)}#toast{position:absolute;left:50%;top:25%;transform:translateX(-50%);font-size:15px;letter-spacing:2px;color:#fff1c9;text-shadow:0 1px 5px #16342c;white-space:nowrap;transition:opacity .25s}#toast:empty{opacity:0}#world-labels{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.enemy-label{position:absolute;top:0;left:0;width:70px;margin-left:-35px;text-align:center;will-change:transform;font-size:10px;letter-spacing:1px;color:#ffe5c8;text-shadow:0 1px 3px #233b30}.enemy-label i{display:block;height:3px;background:#dfb288;transform-origin:left;margin-top:4px}.enemy-label.sealed{opacity:.6}.damage-number{position:absolute;color:#f8f6d2;font:600 23px Georgia,serif;text-shadow:0 2px 3px #224133;will-change:transform;pointer-events:none}
.menu{position:absolute;inset:0;z-index:6;background:linear-gradient(90deg,#112e2aec,#173d3299 36%,transparent 78%);display:flex;align-items:center;pointer-events:none}.menu-content{width:min(460px,90vw);margin-left:8vw;padding:30px 0;pointer-events:auto}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;margin:0 0 27px}h1{font-family:KaiTi,STKaiti,"Songti SC",serif;font-weight:400;font-size:clamp(58px,6.5vw,92px);line-height:1.05;letter-spacing:8px;margin:0;color:var(--paper);text-shadow:0 4px 24px #182e2266}h1 span{display:block;padding-left:1em;margin-top:12px}.gold-rule{width:72px;height:1px;background:var(--gold);margin:30px 0 23px}#menu-description{font-size:14px;line-height:2;letter-spacing:2px;color:#ced8c4;margin:0 0 26px}.primary{height:54px;width:260px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border:1px solid #d3c18f;background:linear-gradient(105deg,#daceab,#b9c6a0);color:#233c30;font-size:18px;letter-spacing:4px;box-shadow:0 10px 28px #102c2766}.primary span{font:25px Georgia,serif}.secondary{width:260px;background:#183c30ab;border:1px solid #c9d3b344;color:#d4ddc1;margin-top:12px;height:42px;font-size:13px;letter-spacing:2px}.menu-options{display:flex;gap:18px;margin-top:23px;color:#d0dac1;font-size:12px}.menu-options label{display:flex;gap:5px;align-items:center;min-height:28px}.menu-options input{accent-color:#bccea6}.input-guide{font-size:11px;line-height:2;color:#b7c9b4;margin:19px 0 0}.prototype-note{font-size:10px;color:#9fb3a0;letter-spacing:1px;margin-top:12px}body[data-mode=paused] .menu,body[data-mode=won] .menu,body[data-mode=lost] .menu{background:#122d27c9}body:not([data-mode=ready]) h1{font-size:58px;letter-spacing:4px}body:not([data-mode=ready]) h1 span{display:inline;padding:0}.menu:not([hidden])~#loading{z-index:9}#loading{position:absolute;inset:0;background:#193a31;color:var(--paper);display:grid;place-items:center;font-size:16px;letter-spacing:4px;z-index:10}#error{position:absolute;inset:0;display:grid;place-content:center;padding:25px;background:#193a31;color:#f2e6ca;line-height:1.8;z-index:11}#joystick{display:none}
@media(pointer:coarse),(max-width:900px){.controls-hint{display:none}.top-tools{top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:8px}.vitals{left:max(22px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));width:220px}.hero-name{font-size:14px}.hero-name span{display:none}.portrait{width:43px;height:43px}.portrait svg{width:34px;height:34px}.quest{top:18px;padding:0 15px;min-width:200px}.quest strong{font-size:13px}.quest small{font-size:10px}.location{bottom:calc(188px + env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left))}.location strong{font-size:21px}.location span{font-size:10px}.location small{font-size:10px}.skillbar{left:auto;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));transform:none;width:186px;height:177px;display:block}.skill{position:absolute;width:53px;height:53px}.skill svg{width:28px;height:28px}.skill.attack{right:0;bottom:9px;width:70px;height:70px}.skill.wave{left:8px;bottom:35px}.skill.nova{left:36px;top:0}.skill.dash{right:0;top:17px}.skill span{font-size:10px;letter-spacing:1px;top:calc(100% + 7px)}.skill kbd{display:none}#joystick{display:grid;place-items:center;position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(32px,env(safe-area-inset-bottom));width:116px;height:116px;border:1px solid #d2dec047;border-radius:50%;background:#17382a55}.joystick-ring{position:absolute;width:82px;height:82px;border:1px solid #d2dec045;border-radius:50%}#stick{width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#b8c8a780,#608e7077);border:1px solid #c2d6b794;box-shadow:0 3px 15px #112f2750}#joystick span{position:absolute;bottom:-24px;letter-spacing:3px;color:#c1d2b0;font-size:10px}.menu-content{margin-left:7vw}.menu-options{gap:10px}.enemy-label{font-size:10px}}
@media(max-width:600px) and (orientation:portrait){.vitals{top:max(21px,env(safe-area-inset-top));left:20px;width:185px;gap:9px}.portrait{width:36px;height:36px}.hero-name{font-size:13px;margin-bottom:6px;letter-spacing:1px}.hero-name span{display:none}.top-tools{gap:6px;right:14px}.tool{width:38px;height:38px}.tool svg{width:22px;height:22px}.quest{top:91px;left:20px;transform:none;justify-content:flex-start;padding:6px 22px 9px 3px;min-width:0;background:linear-gradient(90deg,#1c3d3090,transparent)}.quest small{font-size:10px;margin-bottom:4px}.quest strong{font-size:13px}.quest-mark{font-size:23px}.skillbar{right:17px;width:174px}#joystick{left:23px;width:103px;height:103px}.location{bottom:200px;left:23px}.location strong{font-size:22px}.location span{display:none}#boss-hud{top:154px;width:75vw}#boss-hud span{font-size:17px}#toast{top:31%;font-size:12px;letter-spacing:1px}.menu{background:linear-gradient(90deg,#112e2aeb,#173d328a 80%,#173d3250)}.menu-content{margin:0 26px;width:calc(100% - 52px);padding:25px 0}h1{font-size:68px}.eyebrow{font-size:10px;letter-spacing:3px}.primary,.secondary{width:100%;max-width:295px}.input-guide{font-size:10px}.prototype-note{font-size:9px}.menu-options{font-size:11px}.gold-rule{margin-top:26px}}
@media(max-height:520px) and (orientation:landscape){.menu-content{padding:12px 0;width:540px;margin-left:6vw}.eyebrow{margin-bottom:14px}h1{font-size:49px;line-height:1}h1 span{display:inline;padding-left:0;margin:0}.gold-rule{margin:14px 0 10px}#menu-description{font-size:12px;margin-bottom:12px;line-height:1.7}.primary{height:44px}.menu-options{margin-top:8px}.input-guide{margin-top:6px}.prototype-note{margin-top:3px}.vitals{width:200px;left:22px;top:16px}.quest{left:52%;top:19px}.location{bottom:160px;left:22px}.location strong{font-size:18px;margin:3px 0}.location span{display:none}#joystick{width:96px;height:96px;bottom:27px;left:29px}.skillbar{bottom:15px;width:174px;height:159px}.skill{width:48px;height:48px}.skill.attack{width:65px;height:65px}.skill.nova{left:39px;top:1px}.skill.wave{left:11px;bottom:29px}.skill.dash{top:12px}#boss-hud{top:84px}body:not([data-mode=ready]) h1{font-size:42px}.menu-options label{min-height:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body[data-mode=paused] #hud,body[data-mode=won] #hud,body[data-mode=lost] #hud,
body[data-mode=paused] #world-labels,body[data-mode=won] #world-labels,body[data-mode=lost] #world-labels{visibility:hidden}
@media(max-width:360px) and (orientation:portrait){.vitals{width:150px}.hero-name{font-size:12px}}

/* Chapter guidance is a small HUD layer; the full journey lives in a paused panel. */
.quest{gap:10px;max-width:calc(100vw - 620px);padding:5px 12px 10px;min-width:275px}
#journal{flex:0 0 44px;height:44px;border:1px solid #d1bb8a80;border-radius:50%;color:#f2e4bf;background:#213e32;font-size:12px}
.quest small{letter-spacing:1px}.quest strong{display:block;white-space:normal;font-size:15px;line-height:1.5}
#direction{display:block;font-size:12px;color:#f3d59a;margin-top:4px;line-height:1.4}
#guidance{position:absolute;left:50%;bottom:181px;transform:translateX(-50%);width:max-content;max-width:360px;padding:10px 16px;background:#122f2ce8;border-left:2px solid #c5ba8d;color:#f2ebd9}
#guide-category{font-size:11px;color:#d3c597;letter-spacing:2px}#guide-text{font-size:14px;line-height:1.65;margin:3px 0 0}
.skill.suggested{outline:2px solid #f6d894;outline-offset:5px;border-color:#ffdfa0}.skill.unlearned .cooldown{font:10px/1.3 "Microsoft YaHei",sans-serif;color:#c9d3c4}
#route-pin{position:absolute;top:0;left:0;margin-left:-65px;width:130px;text-align:center;font-size:13px;line-height:25px;color:#ffedbd;text-shadow:0 2px 4px #16332b;background:#183a2da6;border-bottom:1px solid #d0b57f}
.interact{position:absolute;bottom:276px;left:50%;transform:translateX(-50%);min-width:132px;min-height:46px;padding:10px 18px;border:1px solid #dfc68a;background:#eadfbc;color:#1d3c32;font-size:15px;box-shadow:0 4px 12px #152c2360}
.interact kbd{font-size:12px;margin-right:12px;border:1px solid #32524370;padding:2px 5px}.location{pointer-events:none}
.story-panel{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#102a25cc}
.story-card{width:min(560px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:30px;background:#173b32;border:1px solid #8ba98a80;box-shadow:0 16px 60px #081b2180;color:#e4eadb;touch-action:pan-y}
.story-card .eyebrow{font-size:12px;margin:0 0 12px;line-height:1.5;letter-spacing:2px}.story-card h2{font:normal 32px/1.3 KaiTi,STKaiti,serif;letter-spacing:2px;margin:0 0 15px;color:#f1e6ca}.story-card p{font-size:15px;line-height:1.8;margin:10px 0 16px}
.story-card .secondary{width:100%;height:44px;margin-top:15px;letter-spacing:0}.choice{display:block;text-align:left;width:100%;min-height:52px;padding:12px 15px;border:1px solid #b4b58d99;background:#345544;color:#f7edd4;margin-top:10px}.choice strong{font-size:15px;font-weight:500}.choice span{display:block;font-size:12px;line-height:1.6;margin-top:6px;color:#d4dec6}
.story-card{display:flex;flex-direction:column;overflow:hidden}.story-card>.eyebrow,.story-card>h2,.story-card>.secondary,#story-choices{flex-shrink:0}#story-copy{overflow-y:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;padding-right:5px}
.chapter-list{list-style:none;padding:0;margin:12px 0}.chapter-list li{border-left:2px solid #557b5d;padding:10px 0 10px 13px;margin:8px 0;background:#1f4335}.chapter-list li:first-child{border-color:#e4cd9c}.chapter-list strong{display:block;font-size:14px;font-weight:500;color:#e1ddc0}.chapter-list span{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:#c1d0b9}.story-card .current-step{color:#f6dfa7;font-size:14px}.story-card .help-copy{font-size:13px;color:#bbceb8;border-top:1px solid #86a28340;padding-top:14px}
.menu-content{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.menu .secondary{letter-spacing:0}.menu .input-guide{font-size:12px}.menu .prototype-note{font-size:11px}
body[data-mode=dialogue] #hud,body[data-mode=dialogue] #world-labels{visibility:hidden}
body:has(#story-panel:not([hidden])) #hud,body:has(#story-panel:not([hidden])) #world-labels{visibility:hidden}
@media(pointer:coarse),(max-width:900px){.quest{min-width:0;max-width:calc(100vw - 410px)}#guidance{bottom:auto;top:99px;left:22px;transform:none;max-width:270px}#guide-text{font-size:13px}.interact{left:auto;right:24px;bottom:216px;transform:none}.interact kbd{display:none}.quest strong{font-size:13px}.quest small{font-size:10px}#direction{font-size:11px}.location{display:none}}
@media(max-width:600px) and (orientation:portrait){.quest{top:83px;left:20px;max-width:calc(100vw - 38px);width:calc(100vw - 38px);padding:0 6px 5px 0;background:linear-gradient(90deg,#173b32ec,#173b3200)}#guidance{top:169px;left:20px;width:calc(100vw - 40px);max-width:none;padding:8px 12px}#guide-text{font-size:13px;line-height:1.6}#guide-category{font-size:10px}.interact{bottom:230px;right:22px}#boss-hud{top:249px}#boss-hud span{font-size:16px}#toast{top:auto;bottom:282px;max-width:calc(100vw - 44px);white-space:normal;text-align:center;font-size:13px;line-height:1.6;background:#173a30df;padding:6px 10px;letter-spacing:0}.story-panel{padding:18px}.story-card{padding:23px}.story-card h2{font-size:28px}.story-card p{font-size:14px}#journal{height:42px;flex-basis:42px}}
@media(max-height:520px) and (orientation:landscape){.quest{top:12px;left:52%;max-width:285px}.quest strong{font-size:12px}#journal{height:40px;flex-basis:40px}#guidance{top:88px;max-width:230px;padding:6px 10px}#guide-text{font-size:12px}#direction{font-size:10px}#boss-hud{top:88px;width:220px;left:56%}#boss-hud span{font-size:15px}.interact{bottom:195px;min-height:44px;right:22px}#toast{top:auto;bottom:140px;font-size:12px;max-width:320px;white-space:normal;line-height:1.5}.story-panel{padding:14px}.story-card{padding:20px}.menu-content{width:560px}.menu-options{flex-wrap:wrap}.menu .secondary{margin-top:6px}.input-guide{display:none}}
@media(max-height:520px) and (orientation:landscape){#story-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.story-card h2{font-size:26px;margin-bottom:8px}.story-card .eyebrow{margin-bottom:7px}.choice{padding:8px 12px}.story-card .secondary{margin-top:10px}}

/* Original art: contained portraits, no character cutouts floating over the world. */
.portrait{overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;transform:scale(1.35);transform-origin:50% 25%}
.story-card{position:relative}.dialogue-portrait{position:absolute;right:28px;top:22px;width:64px;height:72px;object-fit:cover;object-position:50% 18%;border:1px solid #bbbf9780;border-radius:3px}
.story-card:has(.dialogue-portrait:not([hidden]))>.eyebrow,.story-card:has(.dialogue-portrait:not([hidden]))>h2{padding-right:78px}
[data-panel=equipment] .story-card{width:min(940px,100%)}
.equipment-layout{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.8fr);gap:24px;align-items:start;margin-top:4px}
.equipment-portrait{display:block;width:100%;max-height:420px;object-fit:cover;object-position:50% 20%;border:1px solid #b7b98c60;border-radius:2px}
.equipment-grid{display:grid;gap:10px;min-width:0}
.equipment-item{display:flex;gap:14px;align-items:center;border:1px solid #8aa68b44;background:#102d26;padding:12px;min-width:0}
.equipment-item img{width:88px;height:88px;object-fit:contain;flex-shrink:0;border:1px solid #8eaa7c33;border-radius:3px}
.equipment-item small{display:block;color:#c5c29a;font-size:11px;line-height:1.5}
.equipment-item h3{font:normal 20px/1.4 KaiTi,STKaiti,serif;color:#eee4c7;margin:3px 0 5px}
.story-card .equipment-item p{font:12px/1.7 system-ui,sans-serif;color:#bfd0c0;margin:0}
.equipment-item[data-item=mirror]:has(small:first-child){background:#15362d}
#story-copy:focus-visible{outline:2px solid #d2c593;outline-offset:-2px}
@media(max-width:600px){
  .equipment-layout{grid-template-columns:1fr;gap:12px}.equipment-portrait{height:160px;object-position:50% 22%}
  .equipment-item{padding:10px;gap:10px}.equipment-item img{width:68px;height:68px}.equipment-item h3{font-size:18px}
  .dialogue-portrait{right:22px;top:20px;width:52px;height:63px}.story-card:has(.dialogue-portrait:not([hidden]))>h2{padding-right:58px;font-size:26px}
}
@media(max-height:520px) and (orientation:landscape){
  [data-panel=equipment] .story-card{width:min(920px,100%);padding:16px 22px}
  .equipment-layout{grid-template-columns:135px 1fr;gap:14px}.equipment-portrait{height:205px}
  .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.equipment-item{align-items:flex-start;gap:8px;padding:8px}.equipment-item img{width:48px;height:48px}
  .equipment-item h3{font-size:17px}.story-card .equipment-item p{font-size:11px}
  .dialogue-portrait{top:13px;width:46px;height:53px}.story-card:has(.dialogue-portrait:not([hidden]))>h2{padding-right:60px}
}