@font-face{font-family:LandscapeNoto;src:url('assets/Noto-Regular.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:LandscapeNoto;src:url('assets/Noto-SemiBold.woff2') format('woff2');font-display:swap;font-weight:600}
body{font-family:LandscapeNoto,'Microsoft YaHei',serif;background:#0b1012}button,input,select,textarea{font-family:inherit}a{color:#a5cccd}.app{max-width:1680px;padding:16px 24px}.top{padding-bottom:12px;gap:12px}.top h1{font-size:22px}.header-actions{gap:8px}.mode-tabs{display:flex;gap:0}.mode-tabs button{border-radius:0;color:#a4afb1;font-size:13px}.mode-tabs button[aria-pressed=true]{background:#344144;color:#eee6d4;border-color:#8b9184}.badge{display:none}.preview-disclaimer{font-size:11px;color:#8e9b9f;margin-top:10px}.workspace{display:block;padding-top:12px}.workspace[hidden],#battleView[hidden]{display:none}.room-heading{display:none}.stage{container-type:inline-size;aspect-ratio:16/9;min-height:500px;max-height:none;border-radius:2px;border-color:#59615e}.stage-badges{display:none}.sidebar{display:none}.show-editor .workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px}.show-editor .sidebar{display:flex}.show-editor .stage{min-height:520px}.floor-panel{margin-top:12px}.floor-panel #floorMap svg{height:120px}.floor-panel h2{font-size:14px}.toast{font-size:12px;min-height:36px}.hud-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080d11b8,transparent 29%,transparent 68%,#080d11b8)}.explore-status{position:absolute;left:2%;top:3%;width:35%;display:flex;gap:12px;align-items:center;pointer-events:none}.explore-status>img{width:15%;max-width:76px;aspect-ratio:1;object-fit:contain}.hud-vitals{flex:1}.vital{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:clamp(11px,1.1cqw,18px)}.vital>span{width:2.5em;flex:none;color:#c8c9bd}.gauge{height:17px;flex:1;position:relative;background:#101516;border:1px solid #686c64;box-shadow:inset 0 0 0 2px #111718;overflow:hidden}.gauge>i{position:absolute;inset:2px auto 2px 2px;display:block}.hp>i{background:#822630}.stamina>i{background:#4a6052}.gauge small{position:absolute;inset:0 5px 0 auto;color:#ede5d2;font-size:10px;line-height:15px;z-index:2}.supplies{font-size:clamp(9px,.9cqw,14px);color:#c0b7a2;margin-top:6px;white-space:nowrap}.supplies em{font-size:9px;font-style:normal;color:#7e8b90}.hud-room{position:absolute;left:40%;top:3%;width:30%;text-align:center;pointer-events:none;text-shadow:0 2px 4px #000}.hud-room strong{display:block;font-size:clamp(13px,1.4cqw,22px);font-weight:600}.hud-room span{font-size:clamp(10px,1cqw,16px);color:#bdc7c6}.hud-mini{position:absolute;right:2%;top:3%;width:22%;max-width:300px;background:#111a21dc;border:1px solid #536166;padding:7px 10px;border-radius:1px;min-height:0}.hud-mini>span{display:flex;justify-content:space-between;font-size:10px;color:#b9c5c9}#hudMap{pointer-events:none}#hudMap svg{width:100%;display:block;max-height:125px}.hud-mini kbd{font-size:9px;min-width:16px}.hud-equipment{position:absolute;right:2%;bottom:4%;display:flex;gap:8px;width:28%}.hud-equipment button{flex:1;min-width:0;padding:10px 4px;min-height:66px;border-radius:1px;background:#172125e8;font-size:clamp(11px,1.2cqw,18px)}.hud-equipment small{display:block;font-size:9px;color:#a6b2b3}.floor-direction{position:absolute;right:2%;bottom:1.3%;font-size:10px;color:#8e9d9f;pointer-events:none}.stage .input-bar{position:absolute;left:2%;bottom:3%;padding:0;border:0;background:transparent;gap:12px}.stage .input-bar .key-guide{display:none}.stage .dpad{grid-template-columns:45px 45px 45px;grid-template-rows:39px 39px;gap:4px}.stage .dpad button{background:#172125e8;border-radius:1px}.stage .interact{min-width:95px;min-height:60px;margin:0;border-radius:1px}.stage .context{position:absolute;left:32%;right:32%;bottom:8%;font-size:clamp(10px,1.1cqw,16px);min-height:0;justify-content:center;padding:5px 8px;background:#111b20c9;border:1px solid #48585d;text-align:center;pointer-events:none}.stage .context-dot{display:none}.stage .nearby-actions{position:absolute;left:30%;right:30%;bottom:2%;justify-content:center;margin:0}.stage .nearby-actions button{font-size:10px;background:#19262bed;border-radius:1px}.battle-toolbar{display:flex;align-items:center;gap:14px;margin:14px 0 10px;color:#afb9b8;font-size:12px}.battle-toolbar button{margin-left:auto;font-size:12px}.battle-toolbar>span{font-size:10px;color:#829399}.battle-board{position:relative;aspect-ratio:16/9;width:100%;min-height:550px;container-type:inline-size;overflow:hidden;border:1px solid #59615e;background:radial-gradient(ellipse at 22% 43%,#29383d,#10191e 55%,#0b1115)}.battle-board h2{font-size:clamp(12px,1.3cqw,21px)}.battle-hunter{position:absolute;left:1.5%;top:2.7%;width:37%;height:15%;display:flex;gap:3%;align-items:flex-start}.battle-hunter>img{width:17%;height:auto;object-fit:contain}.battle-hunter>div{flex:1}.battle-hunter h2{margin-bottom:7px}.battle-hunter h2 small{font-size:.65em;color:#a6afac;font-weight:400;margin-left:8px}.battle-hunter .supplies{margin-top:5px}.battle-enemy-header{position:absolute;left:40.6%;top:2.7%;width:57.9%;height:9%;border-bottom:1px solid #5d6769;display:flex;justify-content:space-between;gap:16px;align-items:center}.battle-enemy-header>div>span{font-size:clamp(9px,.9cqw,14px);color:#9daead}.enemy-life{width:50%}.enemy-life>span{display:block;font-size:10px;color:#adb8b8;margin-bottom:5px}.enemy-life .gauge{height:15px;width:100%}.battle-visual{position:absolute;left:1.5%;top:22%;width:37%;height:53%;overflow:hidden;border-bottom:1px solid #6b7774;background:linear-gradient(110deg,#1d2b30c9,transparent)}.battle-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,#31404635 22% 25%,transparent 25% 58%,#31404635 58% 61%,transparent 61%)}.battle-visual>img{position:absolute;height:97%;width:57%;right:1%;bottom:0;object-fit:contain}.scene-tag{position:absolute;left:12px;top:10px;font-size:11px;color:#8c9d9d}.entry-cue{position:absolute;left:5%;top:35%;width:38%;border-left:2px solid #737e77;padding:10px 12px;z-index:1;background:#111b20b8}.entry-cue small{display:block;font-size:10px;color:#9badae}.entry-cue strong{display:block;font-size:clamp(15px,1.7cqw,27px);font-weight:600}.entry-cue p{font-size:clamp(9px,.9cqw,14px);color:#9daead}.rear-entry .entry-cue{border-color:#b49b70}.rear-entry .entry-cue strong{color:#d0b88c}.battle-timing{position:absolute;left:40.6%;top:14%;width:57.9%;height:35%;background:#111b20be;border:1px solid #4e5d61;padding:1.3%}.timing-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.timing-heading>span{font-size:clamp(8px,.8cqw,13px);color:#8a9e9f}.timeline-scroll{margin-top:7px;overflow:auto}.timelines{position:relative}.axis-label{font-size:clamp(8px,.8cqw,13px);color:#869a9f;margin-top:3px}.enemy-track{display:grid;grid-template-columns:repeat(6,1fr);height:clamp(22px,2.4cqw,38px)}.enemy-track span{display:grid;place-items:center;border:1px solid #3c5059;background:#1d2a30;color:#afbebc;font-size:clamp(9px,.9cqw,14px)}.ruler{display:grid;grid-template-columns:repeat(6,1fr);height:21px}.ruler>span{position:relative;border-left:1px solid #667c85;font-size:clamp(9px,.9cqw,14px)}.ruler b{font-weight:400;position:absolute;left:4px}.ruler i{position:absolute;left:50%;font-style:normal;color:#b6c3c0}.player-track{height:clamp(49px,5.8cqw,93px);border:1px solid #4a606a;background:repeating-linear-gradient(90deg,transparent 0 calc(16.6667% - 1px),#334750 calc(16.6667% - 1px) 16.6667%);position:relative}.sample-action{position:absolute;left:0;top:0;bottom:0;width:41.6667%;border:2px solid #b8b9a2;background:#273b40;box-shadow:0 0 0 1px #111b20}.sample-action strong{display:block;padding:3px 7px;font-size:clamp(9px,1cqw,16px);font-weight:600}.phase-marks{display:grid;grid-template-columns:repeat(5,1fr);font-size:clamp(10px,1.2cqw,19px);text-align:center}.phase-marks .hit{color:#e4c7a7;background:#604b3b}.phase-marks .recovery{background:repeating-linear-gradient(135deg,#4b5859 0 2px,#35464b 2px 5px);color:#ddd8c6}.timeline-note{font-size:clamp(8px,.8cqw,13px);color:#8c9e9e;margin-top:5px}.battle-equipment{position:absolute;left:1.5%;top:79%;width:37%;height:18%;display:flex;gap:2%;flex-wrap:wrap}.battle-equipment button{width:32%;height:66%;background:#19262beb;border-radius:1px;font-size:clamp(12px,1.3cqw,21px);padding:4px}.battle-equipment small{display:block;color:#95a8a8;font-size:clamp(8px,.8cqw,13px)}.battle-equipment p{font-size:clamp(9px,.9cqw,14px);color:#8e9f9f}.battle-cards{position:absolute;left:40.6%;top:53%;width:43.5%;height:23%}.card-strip{display:flex;gap:8px;overflow-x:auto;height:78%;padding:6px 0}.action-card{flex:0 0 31%;min-width:0;background:linear-gradient(#263238,#172125);border-color:#485b62;border-radius:1px;padding:8px 10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.action-card small{font-size:clamp(9px,.9cqw,14px);color:#8a9f9e}.action-card strong{font-size:clamp(11px,1.2cqw,19px);font-weight:600}.action-card span{font-size:clamp(8px,.8cqw,13px);color:#9aafac}.action-card.selected{border-color:#a8b4a3;background:#334449}.battle-confirm{position:absolute;left:85.4%;top:53%;width:13.1%;height:23%;border-radius:1px;background:#34474b;border-color:#879c99;font-size:clamp(13px,1.5cqw,24px)}.battle-confirm small{display:block;font-size:.6em;color:#c0cdc6;margin-top:10px}.battle-detail{position:absolute;left:40.6%;top:79%;width:57.9%;height:18%;border-top:1px solid #52666a;padding-top:1%;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.battle-detail h2{font-size:clamp(11px,1.1cqw,18px)}.battle-detail p{font-size:clamp(9px,.9cqw,14px);color:#9bafae}.battle-detail>div p{max-width:90%;margin-top:3px}.battle-detail>button{font-size:clamp(9px,.9cqw,14px);align-self:start;min-height:36px;border-radius:1px}.battle-detail>p{grid-column:1/-1;color:#c0b598}#layoutInfoDialog{max-width:540px}#layoutInfoDialog p{margin:16px 0;font-size:14px;color:#b7c4c2}.recoverable{position:absolute;left:76%;width:10%;top:2px;bottom:2px;background:#7b6150}.reserved{position:absolute;left:75%;width:25%;top:2px;bottom:2px;background:repeating-linear-gradient(135deg,#d0cfb46b 0 2px,transparent 2px 6px)}
@media(max-width:1000px){.top{flex-wrap:wrap}.header-actions{flex-wrap:wrap}.show-editor .workspace{display:block}.show-editor .sidebar{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.stage{min-height:510px}.stage .context{bottom:19%;left:25%;right:25%}.stage .nearby-actions{bottom:13%;left:25%;right:25%}.hud-equipment{width:32%}.explore-status{width:43%}.hud-room{left:43%;width:28%}.gauge{height:15px}.gauge small{font-size:8px;line-height:13px}.battle-board{min-height:580px;aspect-ratio:auto}.battle-toolbar{flex-wrap:wrap}.battle-toolbar>span{display:none}.battle-visual>img{width:65%}.entry-cue{left:2%;padding:8px;width:40%}}
@media(max-width:600px){.app{padding:10px}.top h1{font-size:17px}.mode-tabs button,.top button{font-size:11px;padding:6px 9px}.stage{min-height:470px;aspect-ratio:auto}.explore-status{width:68%;top:3%;left:3%}.hud-room{top:20%;left:3%;width:60%;text-align:left}.hud-mini{top:3%;right:3%;width:24%}.hud-mini>span{font-size:8px}.hud-mini kbd{display:none}.hud-equipment{width:46%;bottom:5%}.hud-equipment button{min-height:60px;font-size:10px}.stage .input-bar{gap:5px}.stage .dpad{grid-template-columns:34px 34px 34px;grid-template-rows:34px 34px}.stage .dpad button{min-height:34px}.stage .interact{min-width:55px;min-height:60px;font-size:10px;padding:4px}.stage .context{left:12%;right:12%;bottom:23%}.stage .nearby-actions{left:8%;right:8%;bottom:16%}.floor-direction{font-size:8px}.battle-board{min-width:850px;min-height:480px}#battleView{overflow-x:auto}.battle-toolbar{min-width:500px}.battle-toolbar button{margin-left:0}.show-editor .sidebar{display:block}.show-editor .sidebar section+section{margin-top:12px}.preview-disclaimer{font-size:9px}}
@media(min-width:1001px){.stage{width:min(100%,calc((100dvh - 150px)*16/9));min-height:0;max-height:none;aspect-ratio:16/9;margin-inline:auto}.battle-board{width:min(100%,calc((100dvh - 184px)*16/9));min-height:0;aspect-ratio:16/9;margin-inline:auto}.show-editor .stage{width:100%;min-height:500px}.battle-toolbar{max-width:min(100%,calc((100dvh - 184px)*16/9));margin-inline:auto}}
.battle-timing{height:38%}.battle-cards,.battle-confirm{top:55%;height:21%}.axis-label{line-height:1.25;margin-top:2px}.timeline-note{line-height:1.2;margin-top:3px}.battle-timing .timing-heading h2{line-height:1.3}.phase-marks{text-align:left}.phase-marks span{padding-left:2px}.ruler i{transform:translateX(4px)}

.stage .nearby-actions:has(button:only-child){display:none}