:root{color-scheme:dark;--bg:#101a1b;--panel:#192727;--paper:#1e3030;--line:#38504a;--soft:#9cb4a8;--white:#f4f0de;--gold:#e9bf79;--mint:#9be0c5;--heading:Georgia,"Noto Serif CJK TC","Songti TC",serif;--text:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--white);font:15px/1.5 var(--text)}
button,input{font:inherit}
button{color:var(--white);background:#243937;border:1px solid var(--line);border-radius:8px;padding:.65rem .88rem;cursor:pointer;min-height:42px;text-align:center}
button:hover:not(:disabled){background:#344a43;border-color:#8aac94}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
button:disabled{opacity:.43;cursor:default}
button.selected{border-color:#caa968;background:#3b3c2d;color:#ffe3a5}
button[hidden]{display:none}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,dl,dd{margin:0}
h1,h2,h3{line-height:1.25}
h1,h2{font-family:var(--heading);font-weight:700}
small{font-size:.79rem;color:var(--soft)}
img{object-fit:contain;vertical-align:middle}
.actor{object-fit:contain;object-position:center bottom}
.item-icon{width:32px;height:32px}
.primary{background:#eac583;border-color:#f5d6a3;color:#25261d;font-weight:800;padding-inline:1.1rem}
.primary:hover:not(:disabled){background:#ffdc9f;border-color:#ffdfa5}
.primary span{margin-left:.55rem}
.ghost{background:#223330}
.danger{color:#ffc3ab;background:#3b2926;border-color:#785147}
.link{background:none;border:0;color:var(--soft);padding:0;text-decoration:underline;text-underline-offset:4px}
.pill{display:inline-flex;align-items:center;min-height:25px;padding:2px 9px;border:1px solid var(--line);border-radius:20px;background:#203431;color:var(--gold);font-size:.78rem;font-weight:700;white-space:nowrap}
.pill.good{color:#c2f2ce;background:#244335;border-color:#628f68}
.pill.muted{color:#d2d5c7;background:#2a3432;border-color:#535d54}
.shell{max-width:1510px;min-height:100svh;margin:auto;background:radial-gradient(ellipse at 60% 0,#273833 0%,transparent 55%)}
.top{display:flex;align-items:center;justify-content:space-between;min-height:73px;border-bottom:1px solid #31423d;padding:10px max(30px,env(safe-area-inset-left));gap:18px;background:#111d1ddb}
.brand,.top-right{display:flex;align-items:center;gap:10px}
.brand img{width:49px;height:49px}
.brand b{display:block;letter-spacing:.12em;color:var(--gold);font-family:Georgia,serif;font-size:17px;line-height:1.1}
.brand small{letter-spacing:.26em;color:#cbd7c8;font-size:10px}
.top-right>.item-icon{width:23px;height:23px}
.top-right>b{color:var(--gold);margin-right:8px;font-variant-numeric:tabular-nums}
.local{color:#a4c2b2;font-size:.78rem;letter-spacing:.09em}
.local i,.eyebrow span{display:inline-block;width:7px;height:7px;background:#94d5b3;border-radius:50%;margin-right:5px;box-shadow:0 0 12px #9cf6bd8c}
.home{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100svh - 73px)}
.sidebar{padding:34px 17px 20px 20px;border-right:1px solid #34413d;background:#162323aa;display:flex;flex-direction:column}
.sidebar-title{color:var(--gold);letter-spacing:.13em;font-family:var(--heading);font-size:23px;margin:0 0 20px 9px}
.sidebar-title small{display:block;letter-spacing:.10em;font:11px/2 var(--text)}
.sidebar nav{display:grid;gap:8px}
.nav-item{display:flex;align-items:center;gap:9px;text-align:left;background:transparent;border-color:transparent;padding:8px 9px;color:#dbded0}
.nav-item img{width:29px;height:29px}.nav-item span{flex:1}.nav-item small{font-family:Georgia,serif;font-size:10px;opacity:.65}
.nav-item.current{background:#324038;border-color:#5d624a;color:#f5d49a}
.traveler{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin-top:auto;padding:20px 0 0}
.traveler img{width:63px;height:70px}
.traveler small,.traveler strong,.traveler span{display:block}
.traveler span{color:var(--soft);font-size:11px}
.home-main{width:100%;max-width:1280px;margin:0 auto;padding:27px clamp(20px,4vw,55px) 10px}
.hero{position:relative;min-height:320px;height:clamp(320px,43vh,465px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border:1px solid #75856a;border-radius:13px;background:linear-gradient(90deg,#102323ee 0%,#17232194 30%,#203b3b04 68%),linear-gradient(0deg,#121c19ac,transparent 45%),url('assets/s00.webp') center 53%/cover;box-shadow:0 13px 35px #0c13145e}
.hero-copy{position:relative;padding:clamp(22px,4vw,49px);max-width:75%}
.eyebrow,.overline{color:var(--gold);font-weight:700;letter-spacing:.19em;font-size:.69rem}
.hero h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:.08em;margin:.16em 0 .1em;text-shadow:0 4px 14px #071715ad}
.hero p{color:#e8e9d4;margin:0 0 19px;font-size:clamp(.8rem,1.5vw,1.05rem)}
.hero-coordinate{position:absolute;right:16px;bottom:13px;padding:4px 9px;background:#17211cc2;color:#eadfb6;border:1px solid #bdaa755f;border-radius:4px;font:10px/1.4 Georgia,serif;letter-spacing:.12em}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 13px}
.section-head h2{margin:3px 0 0;font-size:26px;letter-spacing:.07em}
.section-head>span{font-size:.8rem;color:var(--soft)}
.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.map-card{padding:0;text-align:left;overflow:hidden;min-width:0;background:#1e302d;border-color:#3c5148}
.map-card:hover:not(:disabled){border-color:var(--gold)}
.card-art{height:clamp(68px,12vh,130px);background:linear-gradient(0deg,#15272840,transparent),var(--scene) center/cover;padding:8px}
.map-name{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px}
.map-name small{letter-spacing:.1em;font:10px/1.1 Georgia,serif;color:#c6b189}
.map-name h3{font-size:1rem;margin:1px 0}.map-name>span{font-size:.69rem;color:var(--soft);white-space:nowrap}
.home-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:var(--soft);font-size:12px}
#overlay{position:fixed;z-index:5;inset:0;background:#0c1516b8;backdrop-filter:blur(5px);display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overscroll-behavior:contain}
.dialog{width:min(100%,680px);max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid #6d7862;border-radius:14px;overflow:hidden;box-shadow:0 22px 80px #071111d9}
.dialog.wide{width:min(100%,1130px)}
.dialog-head{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #485b50;background:linear-gradient(110deg,#30433a,#1e302c)}
.dialog-head small{font:700 10px/1.1 Georgia,serif;letter-spacing:.17em;color:#d5bb83}
.dialog-head h2{font-size:24px;letter-spacing:.06em}
.dialog-body{padding:15px 17px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-color:#60796d #202e2c;scrollbar-width:thin}
.dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:9px 17px;border-top:1px solid #3c5148;background:#1a2927}
.dialog-foot>.pill:first-child{margin-right:auto}
.paper{min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:#203331}
.paper h3{font-size:.93rem;color:#f0d5a2;margin-bottom:8px}
.paper p+p{margin-top:5px}
.paper>button:last-child{margin-top:9px}
.stack,.slot-col{display:grid;gap:9px;align-content:start;min-width:0}
.map-dialog{display:grid;grid-template-columns:minmax(190px,265px) minmax(0,1fr);gap:13px}
.map-list{display:grid;align-content:start;gap:7px}
.label{color:var(--soft);font-size:.78rem;font-weight:700;margin:2px 0 5px;letter-spacing:.04em}
.label b{color:var(--gold)}
.map-option{display:flex;align-items:center;text-align:left;gap:9px;padding:7px 9px}
.map-option img{width:51px;height:48px}.map-option small,.map-option b{display:block}
.job-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.job-pick button{padding:4px;font-size:.8rem}.job-pick img{display:block;width:100%;height:45px;margin-bottom:2px}
.hint{font-size:.78rem;color:#b0c6ba;line-height:1.55}
.detail-scene{display:flex;justify-content:space-between;align-items:end;min-height:143px;border-radius:10px;overflow:hidden;padding:10px 15px;background:linear-gradient(90deg,#112422ea 5%,#112422ba 48%,#11242219),var(--scene) center/cover;border:1px solid #5c7161}
.detail-scene h3{font-family:var(--heading);font-size:clamp(19px,2.5vw,32px);color:#fff2d2;margin:4px 0}
.detail-scene small{color:#ffe0a0;font-size:10px;letter-spacing:.08em}.detail-scene p{font-size:.81rem;max-width:435px}
.detail-scene img{width:112px;height:106px;filter:drop-shadow(0 5px 8px #101817)}
.encounters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.encounter{display:flex;flex-direction:column;align-items:center;background:#263b36;border:1px solid #3c5549;border-radius:6px;padding:5px 3px;font-size:.75rem;text-align:center}
.encounter:last-child{border-color:#9f7e4b;background:#383c2e}
.encounter img{width:43px;height:43px}.encounter small{font-size:.68rem}
.compact-icons,.actions,.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.compact-icons span{display:inline-flex;align-items:center;gap:4px;background:#273d37;border:1px solid #3b574c;padding:3px 7px;border-radius:6px;font-size:.74rem}
.compact-icons img{width:27px;height:27px}
.preset{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.sliders{display:grid;gap:8px}
.sliders label{display:grid;grid-template-columns:1fr minmax(95px,1.4fr) 55px;gap:8px;align-items:center}
input[type=range],input[type=checkbox]{accent-color:#d9b477}
input[type=range]{width:100%;min-height:24px;margin:0}
input[type=checkbox]{width:19px;height:19px;vertical-align:middle}
output{text-align:right;color:var(--gold);font-weight:700}
.multiplier{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:8px;background:#26372d;border:1px solid #677154;border-radius:8px}
.multiplier strong{font-size:1.45rem;color:var(--gold);margin-left:6px}.multiplier small{display:block}
.account-bars{display:grid;grid-template-columns:1fr auto;gap:4px 12px;background:#213532;border:1px solid #3f574d;border-radius:8px;padding:8px 10px}
.account-bars .progress-line{grid-column:1}.account-bars>.label{grid-column:2;grid-row:1/3;align-self:center}
.progress-line{display:grid;grid-template-columns:auto minmax(35px,1fr) auto;align-items:center;gap:7px;line-height:1.1}
.progress-line strong{font-size:.75rem;color:#f4e7bf;white-space:nowrap;min-width:65px}
.progress-line small{font-variant-numeric:tabular-nums;white-space:nowrap}
.track{height:7px;background:#111e1e;border-radius:9px;overflow:hidden;border:1px solid #475d50}
.track span{height:100%;display:block;background:#79cfe8;border-radius:9px}
.track.job span{background:#78d3a3}.track.hp span{background:#ec8a72}
.tabs{margin:12px 0}.tabs button{min-height:35px;padding:.35rem .7rem;font-size:.81rem}.tabs.compact{margin:6px 0}
.gear-layout,.three-panels,.talents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:9px}
.slot{display:flex;align-items:center;text-align:left;gap:8px;padding:5px 8px;min-height:44px}
.slot small,.slot b{display:block;font-size:.73rem}.slot small{font-size:.67rem}.slot img,.empty-icon{width:30px;height:30px;flex:none}.empty-icon{display:block;border:1px dashed #647a6d;border-radius:6px}
.doll{position:relative;min-height:200px;display:grid;place-items:center;border:1px solid #5d7463;border-radius:9px;background:radial-gradient(ellipse at 50% 50%,#5f7861,#263f3a 65%,#20332e)}
.doll img{width:min(72%,160px);height:160px;filter:drop-shadow(0 13px 11px #131f1bd9)}.doll div{position:absolute;bottom:8px;right:8px;text-align:right;font-weight:700;color:#f7deb1}.doll small{display:block}
.item-title{display:flex;gap:9px;align-items:center;margin-bottom:8px}.item-title img{width:40px;height:40px}
.item-title strong,.item-title small{display:block}.paper .actions{margin-top:8px}.actions button{font-size:.79rem}.actions img{width:22px;height:22px}
.inventory{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.inventory button{min-width:47px;padding:5px;border-color:var(--rarity,var(--line));position:relative}
.inventory img{display:block;margin:auto;width:36px;height:36px}.inventory small,.inventory span{display:block;font-size:.68rem}
.split{display:grid;grid-template-columns:1.6fr 1fr;gap:9px;align-items:start}.check{display:flex;align-items:center;gap:5px;color:var(--soft);font-size:.78rem}
.stat-layout{display:grid;grid-template-columns:minmax(95px,1fr) minmax(145px,1.6fr);align-items:center;gap:5px}
.stat-layout svg{width:100%;max-height:175px}.stat-layout text{font:10px var(--text);fill:#b5dac8}
.stat-line,.numbers div{display:flex;align-items:center;gap:5px;justify-content:space-between;border-bottom:1px solid #40554a;padding:4px 0;font-size:.78rem}
.stat-line span{flex:1}.stat-line small{display:block;font-size:.66rem}.stat-line button{padding:2px 7px;min-height:30px;min-width:28px}.numbers dd{color:var(--gold);font-weight:700}
.talent-node,.record-row{display:flex;align-items:center;gap:8px}
.talent-node{width:100%;text-align:left;margin-top:6px;padding:4px 6px}.talent-node span,.record-row>div{flex:1}.talent-node b,.talent-node small{display:block}.talent-node em{font-size:.7rem;color:var(--gold);font-style:normal}
.branch-preview{margin-bottom:8px}.branch-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.branch-preview>div>div{display:flex;align-items:center;gap:6px}.branch-preview img{width:47px;height:50px}.branch-preview small{display:block}
.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pet-grid img{display:block;width:100%;height:60px}.pet-grid b,.pet-grid small{display:block}.pet-grid button{padding:4px;font-size:.76rem}
.pet-detail{display:flex;gap:9px;align-items:center}.pet-detail>img{width:min(34%,92px);height:86px}.pet-detail button{margin-top:6px}
.pet-manage,.backup{margin-top:9px}.record-row h3{margin:0 0 3px}.record-row p{font-size:.82rem}.record-row>button:last-child{margin:0;flex:none}
.chronicle-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.chronicle-head .tabs{margin:0 0 8px}
.setting-list{display:grid;gap:8px}.setting-list label{display:flex;align-items:center;justify-content:space-between}
.instructions p{margin:0 0 12px}.instructions h3{margin:0 0 4px}
#notice{position:fixed;z-index:10;bottom:max(15px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;color:#ffe6b2;background:#233532;border:1px solid #a89362;border-radius:7px;padding:8px 14px;text-align:center;max-width:90vw;transition:.2s}
#notice.shown{opacity:1;transform:translate(-50%,0)}
.battle{position:fixed;inset:0;background:#12211f;overflow:hidden;touch-action:none;user-select:none}
#field{position:absolute;inset:0;width:100%;height:100%}
.hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px;padding:6px 8px;background:#132422eb;border:1px solid #799675;border-radius:8px;max-width:calc(100% - 100px)}
.battle-avatar img{width:50px;height:54px}
.hud-bars{width:clamp(120px,19vw,245px);display:grid;gap:3px}
.hud-name{display:flex;align-items:center;justify-content:space-between;gap:4px}.hud-name span{font-size:.69rem;color:var(--soft)}
.hud .progress-line strong{min-width:39px;font-size:.67rem}.hud .progress-line small{font-size:.61rem}
.hud-clock{border-left:1px solid #607362;padding-left:8px;text-align:center;white-space:nowrap}.hud-clock strong,.hud-clock small{display:block}.hud-clock strong{font:700 25px/1.1 Georgia,serif;color:var(--gold)}.hud-clock small{font-size:.65rem}
#skill-hud{position:absolute;top:max(103px,calc(env(safe-area-inset-top) + 92px));left:max(12px,env(safe-area-inset-left));display:flex;gap:3px;pointer-events:none}
#skill-hud>span{display:flex;align-items:end;background:#172b28df;border:1px solid #8eab91;border-radius:4px;padding:1px 3px}#skill-hud img{width:25px;height:25px}
.pause-btn{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));background:#192b28eb;border-color:#80907a}
.boss-hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(32vw,360px);background:#2b2926e8;border:1px solid #b97157;border-radius:8px;padding:8px}
.battle-alert{position:absolute;top:29%;left:50%;transform:translateX(-50%);padding:8px 16px;color:#ffe1a3;background:#192d2aec;border:1px solid #afa27b;border-radius:6px;opacity:0;pointer-events:none;white-space:nowrap}
.battle-alert.shown{opacity:1}
.battle-keys{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;background:#172725cc;border-radius:5px;font-size:.7rem;color:#e6e5c8}
#joystick,.dash-btn,.rotate-tip{display:none}
.debug{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:3px}.debug button{min-height:32px;padding:3px 7px}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
.choice-card{width:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;gap:5px;border-color:#887c55;background:#2a3b34;padding:8px}.choice-card strong{color:#f5dba7}.choice-card em{font-style:normal;font-size:.75rem;color:var(--mint)}.choice-card img{width:51px;height:51px}.choice-card small{white-space:normal}.choice-wrap>.ghost{width:100%;margin-top:4px;font-size:.75rem}.choice-wrap.picked>.ghost{border-color:var(--gold);color:var(--gold)}
.results{min-height:100svh;display:grid;place-items:center;padding:14px;background:linear-gradient(#11201d9c,#101b1ae0),var(--scene) center/cover}
.result-card{background:#1c2e2aef;border:1px solid #9c885e;border-radius:14px;padding:22px;width:min(680px,100%);display:grid;gap:9px}
.result-card h1{font-size:clamp(28px,5vw,49px);color:#ffe3ac;letter-spacing:.09em}
.result-stats{display:flex;flex-wrap:wrap;gap:7px}.result-card>.actions{justify-content:end}
@media(max-width:920px){.home{grid-template-columns:162px minmax(0,1fr)}.sidebar{padding:22px 9px 14px}.hero{height:36vh;min-height:258px}.map-name{padding:8px}.map-name>span{display:none}.boss-hud{top:max(104px,calc(env(safe-area-inset-top) + 93px))}}
@media(max-width:650px){.top{min-height:56px;padding:5px 10px;gap:5px}.brand img{width:39px;height:39px}.brand b{font-size:14px}.local{display:none}.home{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:5px 7px}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:3px}.sidebar-title,.traveler,.nav-item small{display:none}.nav-item{padding:4px;justify-content:center;gap:3px;white-space:nowrap;font-size:.68rem}.nav-item span{flex:none}.nav-item img{width:22px;height:22px}.home-main{padding:9px 10px}.hero{min-height:210px}.hero-copy{padding:15px}.hero-coordinate{display:none}.section-head{margin-top:14px}.map-grid{gap:6px}.map-name h3{font-size:.78rem}.map-name small{font-size:.54rem}.card-art{height:70px}.map-dialog,.split{grid-template-columns:1fr}.map-list{grid-template-columns:repeat(3,1fr)}.map-list .label,.map-list .hint{grid-column:1/-1}.job-pick{grid-column:1/-1}.map-option{display:block;text-align:center;font-size:.73rem;padding:3px}.map-option img{width:37px;height:35px}.map-option small{font-size:.58rem}.three-panels{grid-template-columns:1fr}.talents{gap:4px}.talent{padding:7px}.talent-node{flex-wrap:wrap;font-size:.7rem}.talent-node img{width:20px;height:20px}.doll{min-height:160px}.doll img{height:104px}.slot-col{gap:4px}.slot{gap:3px;padding:4px}.slot img,.empty-icon{width:20px;height:20px}.dialog-head,.dialog-body,.dialog-foot{padding-inline:9px}.account-bars{gap:5px}.account-bars .label{font-size:.64rem}.hero h1{font-size:2.6rem}}
@media(pointer:coarse){button{min-height:44px}.battle-keys{display:none}#joystick,.dash-btn{display:grid;place-items:center;position:absolute;bottom:max(15px,env(safe-area-inset-bottom));border-radius:50%;touch-action:none}#joystick{left:max(17px,env(safe-area-inset-left));width:104px;height:104px;border:2px solid #dfedd293;background:#162e2980}.joystick-dot{width:40px;height:40px;border-radius:50%;border:2px solid #f0e6bd;background:#749181c4;pointer-events:none}.dash-btn{right:max(17px,env(safe-area-inset-right));width:73px;height:73px;background:#263b30cc;border:2px solid #e8c389;color:#ffedbf;padding:0;font-weight:800}}
@media(pointer:coarse) and (orientation:portrait){.rotate-tip{display:block;position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;font-size:.64rem;background:#172d26d6;border-radius:5px;padding:4px}.battle-avatar{display:none}}
@media(orientation:landscape) and (max-height:525px){#overlay{padding-block:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-bottom))}.dialog{max-height:calc(100dvh - max(6px,env(safe-area-inset-top)) - max(6px,env(safe-area-inset-bottom)))}.dialog-head{padding-block:4px}.dialog-head h2{font-size:19px}.dialog-body{padding-block:7px}.dialog-foot{padding-block:5px}.top{min-height:54px;padding-block:3px}.brand img{width:39px;height:39px}.home-main{padding-top:10px}.hero{min-height:190px;height:50vh}.hero-copy{padding:15px 22px}.hero h1{font-size:clamp(2.3rem,6vw,4rem)}.hero p{margin-bottom:8px}.section-head{margin-top:11px}.sidebar{padding-top:10px}.sidebar-title{margin-bottom:6px}.card-art{height:61px}.choice-card{min-height:118px}.result-card{padding:12px}.result-card h1{font-size:30px}.hud{padding:4px}.battle-avatar img{width:36px;height:38px}.hud-bars{width:124px}.hud-clock strong{font-size:20px}#skill-hud,.boss-hud{top:max(75px,calc(env(safe-area-inset-top) + 64px))}#joystick{width:90px;height:90px}.dash-btn{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}