fp-online-room{display:block;min-height:100dvh}.online-screen{max-width:600px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}.online-page{padding-bottom:24px}.online-back{border:0;background:transparent;color:inherit;min-width:58px;min-height:44px;font:inherit;font-size:14px;cursor:pointer}.online-profile{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:0 16px;margin:4px 0 24px;font-weight:700}.online-profile .online-sprite{grid-row:span 2}.online-profile p{margin:0;font-weight:400}.online-sprite{display:block;position:relative;width:172px;height:172px;overflow:hidden;flex:none}.online-sprite img{position:absolute;width:300%;height:200%;max-width:none;left:0;top:0;pointer-events:none}.online-sprite[data-col="1"] img{left:-100%}.online-sprite[data-col="2"] img{left:-200%}.online-sprite[data-row="1"] img{top:-100%}.online-sprite--small{width:88px;height:88px}.online-join{display:grid;gap:12px;border-top:1px solid var(--line,#e1e6e9);padding-top:24px;margin-top:24px}.online-code-input{display:block;width:100%;min-height:52px;box-sizing:border-box;padding:12px;border:1px solid var(--line,#c7ced3);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:22px;letter-spacing:.16em;text-transform:uppercase}.online-room-code{font-size:34px;letter-spacing:.15em;font-weight:800;margin:12px 0 24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.online-wait{text-align:center}.online-wait .online-profile{text-align:left;margin-top:28px}.online-rules{line-height:1.6;margin-top:20px}.online-arena{position:relative;min-height:400px;background:radial-gradient(ellipse at 50% 75%,#b8cfce29 0,transparent 68%);border-radius:14px;overflow:hidden}.online-fighter{position:relative;padding:8px 10px}.online-fighter--1{margin-left:24%;min-height:200px}.online-fighter--0{margin-top:-42px;min-height:190px;padding-right:24%}.online-fighter--1 .online-sprite{margin-left:auto}.online-fighter--0 .online-sprite{width:190px;height:190px;margin-top:-8px}.online-fighter-name{font-weight:700;font-size:14px;position:relative;z-index:1}.online-hp{display:block;width:100%;height:10px;margin-top:8px;border:0;border-radius:10px;overflow:hidden;background:#dfe5e8;appearance:none}.online-hp::-webkit-meter-bar{border:0;background:#dfe5e8;border-radius:10px}.online-hp::-webkit-meter-optimum-value{background:#4ca18b;border-radius:10px}.online-hp-number{font-size:12px;font-variant-numeric:tabular-nums}.online-turn-status{font-weight:700;margin:10px 0 14px;min-height:24px}.online-turn-detail{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--ink2,#647078);margin:0 0 14px;font-variant-numeric:tabular-nums}.online-turn-detail .is-low{color:#c53c3c;font-weight:700}.online-moves{display:grid;grid-template-columns:1fr 1fr;gap:10px}.online-move{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:76px;padding:12px 10px;border:1px solid var(--line,#d8e0e5);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer}.online-move strong{font-size:14px;line-height:1.4}.online-move span{font-size:11px;opacity:.75;margin-top:6px}.online-move:disabled{opacity:.42;cursor:default}.online-move.is-selected{border-color:#3886a4;background:#3886a41a;opacity:1}.online-log{font-size:12px;color:var(--ink2,#647078);min-height:38px;margin-top:12px}.online-log p{margin:4px 0}.online-network{padding:10px 12px;background:#f3bb381a;border-radius:8px;font-size:14px}.online-result{text-align:center;font-size:30px;margin:10px 0 14px}.online-record{text-align:center;font-variant-numeric:tabular-nums}.online-page>.btn{margin-top:10px}.online-page:has(.online-arena) .online-rules{font-size:11px}@media(max-width:370px){.online-fighter--1{margin-left:18%}.online-fighter--0{padding-right:18%}.online-sprite{width:150px;height:150px}.online-fighter--0 .online-sprite{width:170px;height:170px}.online-arena{min-height:360px}.online-move{padding:10px 8px}}@media(prefers-reduced-motion:reduce){.online-sprite{animation:none!important}}
@media(max-height:760px) and (max-width:600px){.online-arena{min-height:300px}.online-fighter--1,.online-fighter--0{min-height:0}.online-fighter--0{margin-top:-60px}.online-sprite{width:128px;height:128px}.online-fighter--0 .online-sprite{width:140px;height:140px}.online-turn-status{margin:8px 0 10px}.online-move{min-height:70px;padding:10px}.online-turn-detail{margin-bottom:10px}}
.command-role{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin:6px 0 10px;background:var(--surface);font-size:12px}.command-role strong{font-size:17px;color:#bc5b27}.command-role[data-role=defense] strong{color:#3886a4}.command-role span{color:var(--ink2)}.online-arena{display:flex;align-items:flex-start;min-height:220px;overflow:hidden}.online-fighter--1,.online-fighter--0{width:50%;min-width:0;min-height:0;margin:0;padding:10px 6px;box-sizing:border-box}.online-fighter--0{order:-1}.online-fighter--1 .online-sprite,.online-fighter--0 .online-sprite{width:144px;height:144px;margin:4px auto 0;max-width:100%}.online-fighter-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.online-move{min-height:114px;padding:10px;gap:3px}.online-move .online-command-label{font-size:17px;line-height:1.25}.online-move span{margin-top:0}.online-move .online-move-name{font-size:12px;opacity:.9;line-height:1.35}.online-move .online-move-hint{font-size:10px;opacity:.8}.online-move .online-move-cost{font-size:10px}.online-move[data-command=forfeit]{color:var(--ink2)}.online-log{line-height:1.45}.screen--battle .command-role{margin:4px 16px 10px}.screen--battle .mcard__el{font-size:16px;font-weight:800}.screen--battle .mcard__name{font-size:13px}.screen--battle .mcard__pow{font-size:10px;white-space:normal}.screen--battle .mcard__cost{font-size:10px}
@media(max-height:760px) and (max-width:600px){.online-arena{min-height:210px}.online-fighter--1 .online-sprite,.online-fighter--0 .online-sprite{width:132px;height:132px}.online-move{min-height:108px}.online-turn-status{margin:6px 0}.online-page{padding-bottom:16px}.online-log{font-size:11px}.command-role{padding:8px 10px}}
@media(max-width:360px){.online-fighter--1 .online-sprite,.online-fighter--0 .online-sprite{width:124px;height:124px}.online-move .online-command-label{font-size:16px}.online-move .online-move-name{font-size:11px}}
.online-move .online-move-effect{font-size:11px;font-weight:600;line-height:1.4;opacity:1}.online-move .online-move-cost{font-variant-numeric:tabular-nums}.online-fighter-name{font-size:13px}
.screen--battle .arena{height:248px;display:flex;align-items:flex-start}.screen--battle .arena__sky{position:absolute;inset:0;pointer-events:none}.screen--battle .arena__opp,.screen--battle .arena__me{position:relative;inset:auto;width:50%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:10px 4px}.screen--battle .arena__me{order:-1}.screen--battle .hpplate{order:-1;width:calc(100% - 4px);min-width:0;max-width:none;z-index:1}.screen--battle .arena__mon .msprite{width:144px!important;height:144px!important}.screen--battle .hpplate__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen--battle .msgbox{min-height:50px;font-size:13px;line-height:1.5;padding:9px 12px;margin:8px 0}.screen--battle .command-role{margin:4px 0 6px;padding:8px 10px}.screen--battle .energy{margin:4px 0}.screen--battle .moves4{padding:4px 0 0}.screen--battle .mcard{gap:3px}.screen--battle .battlebar{padding:8px 0}.screen--battle .hpplate__chips{max-width:100%;flex-wrap:wrap}
@media(max-height:760px) and (max-width:600px){.screen--battle .battle{padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(8px + var(--safe-b))}.screen--battle .arena{height:220px}.screen--battle .arena__mon .msprite{width:128px!important;height:128px!important}.screen--battle .msgbox{margin:6px 0;min-height:46px;padding:8px 12px}.screen--battle .mcard{min-height:106px;padding:9px}.screen--battle .battlebar{padding:6px 0}.screen--battle .hpplate{padding:7px 8px}}

fp-battle-cue,fp-battle-recap{display:block;min-width:0}fp-battle-cue[hidden],fp-battle-recap[hidden]{display:none}fp-battle-cue{--cue-accent:#ffad63;--cue-deep:#873d18;--cue-tint:#fff1e5;color:#202736;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}fp-battle-cue[data-role=defense]{--cue-accent:#81dcff;--cue-deep:#185f86;--cue-tint:#e9f7ff}
.battle-cutin{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto;background:linear-gradient(155deg,#0c152ce8,#131c38c9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:cue-backdrop .25s ease-out both;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.battle-cutin::before,.battle-cutin::after{content:"";position:absolute;width:140%;height:2px;left:-20%;top:calc(50% - 150px);background:var(--cue-accent);box-shadow:0 0 24px var(--cue-accent);transform:rotate(-8deg);opacity:.6}.battle-cutin::after{top:calc(50% + 150px)}
.battle-cutin__band{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:600px;min-height:280px;padding:25px 20px;box-sizing:border-box;background:linear-gradient(110deg,#111c31 0%,#20304c 68%,#17243c);border-block:1px solid #ffffff24;box-shadow:0 24px 90px #0008;animation:cue-band .45s cubic-bezier(.16,1,.3,1) both}
.battle-cutin__band::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(-12deg,transparent 0 28px,#ffffff06 29px 30px),linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--cue-accent) 18%,transparent));clip-path:polygon(0 10%,100% 0,100% 90%,0 100%)}
.battle-cutin__ghost{position:absolute;z-index:-1;top:10px;left:-5px;color:transparent;-webkit-text-stroke:1px #ffffff17;font:900 clamp(58px,20vw,100px)/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.05em;white-space:nowrap;user-select:none}
.battle-cutin__portrait{width:42%;flex:none;position:relative;margin-left:-6px;filter:drop-shadow(0 12px 18px #0008);animation:cue-portrait .55s .06s cubic-bezier(.16,1,.3,1) both}
.battle-cue__sprite{display:block;position:relative;width:160px;height:160px;overflow:hidden}.battle-cue__sprite img{position:absolute;width:300%;height:200%;max-width:none;left:0;top:0}.battle-cue__sprite[data-col="1"] img{left:-100%}.battle-cue__sprite[data-col="2"] img{left:-200%}.battle-cue__sprite[data-row="1"] img{top:-100%}
.battle-cutin__portrait .battle-cue__sprite{width:100%;height:auto;aspect-ratio:1;max-width:180px;margin-inline:auto}
.battle-cutin__text{position:relative;min-width:0;padding-left:4px;color:#fff;animation:cue-type .45s .13s ease-out both}.battle-cutin__turn{display:block;color:var(--cue-accent);font-size:10px;font-weight:800;letter-spacing:.15em;font-variant-numeric:tabular-nums;margin-bottom:12px}.battle-cutin__title{display:block;font-size:clamp(24px,7.1vw,36px);font-weight:900;line-height:1.35;letter-spacing:.02em;white-space:nowrap;text-shadow:0 3px 18px #0008}.battle-cutin__name{display:block;margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#f1f5ff}.battle-cutin__hint{font-size:12px;color:#b9c7df;margin:6px 0 0;line-height:1.5}
.battle-reveal{position:relative;padding:16px 14px 14px;background:#151f35;color:#f7f9ff;border-radius:16px;border:1px solid #ffffff2b;box-shadow:0 10px 24px #18203916;overflow:hidden}.battle-reveal::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,#365b8a3b,transparent 70%);pointer-events:none}.battle-reveal__head{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px}.battle-reveal__head>span{color:#aab9d3;font-size:10px;font-weight:800;letter-spacing:.13em;font-variant-numeric:tabular-nums}.battle-reveal__head strong{font-size:13px;font-weight:800}
.battle-reveal__progress{position:relative;display:flex;gap:5px;margin:10px 0 15px}.battle-reveal__progress i{height:3px;flex:1;background:#ffffff1a;border-radius:3px}.battle-reveal__progress .is-current{background:var(--cue-accent);box-shadow:0 0 8px color-mix(in srgb,var(--cue-accent) 35%,transparent)}
.battle-reveal__choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;position:relative}.battle-choice{--choice:#ffb172;--choice-bg:#3d2c28;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:124px;box-sizing:border-box;padding:12px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--choice) 50%,transparent);background:linear-gradient(145deg,var(--choice-bg),#182136);overflow:hidden}.battle-choice[data-role=defense]{--choice:#83d7ff;--choice-bg:#203c51}.battle-choice__who{color:#d9e3f4;font-size:10px;font-weight:700;margin-bottom:15px}.battle-choice__role{position:absolute;right:9px;top:9px;border:1px solid color-mix(in srgb,var(--choice) 40%,transparent);border-radius:4px;padding:2px 5px;color:var(--choice);font-size:9px;line-height:1.4;font-weight:700}.battle-choice__command{display:block;font-size:clamp(18px,5.3vw,23px);font-weight:900;line-height:1.25;color:var(--choice);letter-spacing:.01em;white-space:nowrap}.battle-choice__name{display:block;margin-top:7px;font-size:11px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;color:#f2f6ff}
fp-battle-cue[data-phase=reveal] .battle-choice{animation:cue-card .4s cubic-bezier(.16,1,.3,1) both}fp-battle-cue[data-phase=reveal] .battle-choice[data-side="1"]{animation-delay:.12s}
.battle-reveal__outcome{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:80px;text-align:center;margin-top:12px;padding:10px 4px 0;border-top:1px solid #ffffff1a;box-sizing:border-box}.battle-reveal__outcome strong{font-size:17px;line-height:1.45;letter-spacing:.015em;font-weight:800}.battle-reveal__outcome span{font-size:12px;line-height:1.6;color:#c6d3e8}.battle-reveal__outcome .battle-reveal__action{font-size:15px;overflow-wrap:anywhere}.battle-reveal__outcome .battle-reveal__hp{font-variant-numeric:tabular-nums;color:#eaf3ff;font-size:14px;font-weight:700;letter-spacing:.04em}
.battle-recap{border:1px solid var(--line,#dfe4ee);border-radius:10px;background:var(--surface,#fff);margin-top:10px;color:var(--ink,#263148);font-size:11px}.battle-recap summary{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:10px 12px;cursor:pointer;list-style:none;line-height:1.55}.battle-recap summary::-webkit-details-marker{display:none}.battle-recap summary::after{content:"＋";grid-column:1;grid-row:2;color:var(--ink2,#647078);font-size:11px}.battle-recap[open] summary::after{content:"−"}.battle-recap__turn{font-size:10px;color:var(--ink2,#647078);grid-column:1;grid-row:1;white-space:nowrap}.battle-recap__choice{grid-column:2;font-weight:700;overflow-wrap:anywhere}.battle-recap__body{border-top:1px solid var(--line,#dfe4ee);padding:4px 12px 8px;line-height:1.6;font-variant-numeric:tabular-nums}.battle-recap__body p{margin:5px 0}.online-back:disabled{opacity:.4}.online-page>fp-battle-cue{margin-top:8px}.online-page>fp-battle-cue[data-phase=role]{margin:0}.battle--paced .msgbox{font-size:12px}.battle--paced[data-battle-phase=settle] .msgbox{color:#dae6ff}
@keyframes cue-backdrop{from{opacity:0}to{opacity:1}}@keyframes cue-band{from{transform:translateX(-12%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes cue-portrait{from{transform:translateX(-30px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes cue-type{from{transform:translateX(20px);opacity:0}to{transform:none;opacity:1}}@keyframes cue-card{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:360px){.battle-cutin__band{padding:25px 12px}.battle-cutin__portrait{width:38%}.battle-cue__sprite{width:140px;height:140px}.battle-cutin__title{font-size:25px}.battle-choice{padding:11px 8px}.battle-choice__command{font-size:18px}.battle-reveal{padding:14px 10px}}
@media(prefers-reduced-motion:reduce){.battle-cutin,.battle-cutin__band,.battle-cutin__portrait,.battle-cutin__text,.battle-choice{animation:none!important}.battle-cutin{backdrop-filter:none;-webkit-backdrop-filter:none}.battle--paced .is-lunge-up,.battle--paced .is-lunge-down,.battle--paced .is-hit{animation:none!important}}

fp-battle-fx{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}fp-battle-fx[hidden]{display:none}.battle-fx{--fx-color:#d7edff;position:absolute;left:25%;top:65%;width:1px;height:1px;isolation:isolate;filter:drop-shadow(0 0 5px var(--fx-color));animation:fx-life 1.15s ease-out both}.battle-fx[data-side="1"]{left:75%}.battle-fx i{display:block;position:absolute;box-sizing:border-box}.battle-fx__ring{width:70px;height:70px;left:-35px;top:-35px;border:2px solid var(--fx-color);border-radius:50%;animation:fx-ring .7s ease-out both}.battle-fx__core{width:54px;height:54px;left:-27px;top:-27px;background:radial-gradient(circle,#fff 0, var(--fx-color) 16%,transparent 70%);animation:fx-core .6s ease-out both}.battle-fx__line{width:100px;height:5px;left:-50px;top:-2px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,var(--fx-color),transparent);transform:rotate(-32deg);animation:fx-slash .42s cubic-bezier(.16,1,.3,1) both}.battle-fx__line--2{transform:rotate(40deg);animation-delay:.1s}.battle-fx__particle{width:5px;height:5px;left:-2px;top:-2px;background:var(--fx-color);border-radius:50%;animation:fx-particle .8s var(--delay) ease-out both}.battle-fx--charge .battle-fx__line,.battle-fx--cast .battle-fx__line,.battle-fx--sigil .battle-fx__line{display:none}.battle-fx--charge{opacity:.6}.battle-fx--charge .battle-fx__ring,.battle-fx--cast .battle-fx__ring{animation:fx-charge .65s ease-out both}.battle-fx--sigil .battle-fx__ring,.battle-fx--cast .battle-fx__ring{border-style:dashed;width:88px;height:88px;left:-44px;top:-44px}.battle-fx--finisher .battle-fx__line{height:9px;width:150px;left:-75px}.battle-fx--finisher .battle-fx__ring{border-width:4px}.battle-fx.is-critical{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 9px var(--fx-color))}.battle-fx--counter .battle-fx__ring{border-width:4px;border-style:dashed;animation:fx-counter .9s ease-out both}.battle-fx--guard .battle-fx__ring{width:95px;height:100px;left:-47px;top:-58px;border:3px solid var(--fx-color);border-radius:45% 45% 50% 50%;background:linear-gradient(120deg,#dff7ff44,#76d4ff08);animation:fx-shield 1s ease-out both}.battle-fx--guard .battle-fx__line,.battle-fx--guard .battle-fx__core,.battle-fx--guard .battle-fx__particle{display:none}.battle-fx--heal .battle-fx__line{width:20px;height:6px;left:-10px;top:-3px;transform:none}.battle-fx--heal .battle-fx__line--2{transform:rotate(90deg);animation-delay:0}.battle-fx--heal .battle-fx__particle{width:8px;height:8px;border-radius:1px;clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%);animation:fx-heal .95s var(--delay) ease-out both}.battle-fx--heal .battle-fx__ring{transform:scaleY(.35);animation:fx-heal-ring 1s ease-out both}.battle-fx--fire .battle-fx__core{width:64px;height:88px;left:-32px;top:-58px;border-radius:70% 20% 55% 40%;background:radial-gradient(ellipse at 50% 80%,#fff8c8,var(--fx-color) 38%,transparent 74%);animation:fx-flame .8s ease-out both}.battle-fx--fire .battle-fx__line{display:none}.battle-fx--fire .battle-fx__particle{animation:fx-heal .8s var(--delay) ease-out both}.battle-fx--water .battle-fx__ring{border-width:4px;transform:scaleY(.5);animation:fx-heal-ring .9s ease-out both}.battle-fx--water .battle-fx__line{height:16px;border:2px solid var(--fx-color);border-top:0;background:transparent;border-radius:0 0 80% 80%;animation:fx-wave .85s ease-out both}.battle-fx--thunder .battle-fx__core{left:-24px;top:-90px;width:48px;height:125px;background:linear-gradient(#fff8bd,#fff,var(--fx-color));clip-path:polygon(50% 0,92% 0,64% 36%,100% 36%,20% 100%,40% 57%,0 57%);animation:fx-bolt .7s ease-out both}.battle-fx--thunder .battle-fx__line{display:none}.battle-fx--earth .battle-fx__particle{width:18px;height:20px;border-radius:3px;background:linear-gradient(135deg,#ffeed5,var(--fx-color),#74604d);clip-path:polygon(15% 0,80% 0,100% 30%,75% 100%,10% 80%,0 30%);animation:fx-rock .8s var(--delay) ease-out both}.battle-fx--earth .battle-fx__line{display:none}.battle-fx--wood .battle-fx__particle{width:12px;height:22px;border-radius:100% 0 100% 0;background:linear-gradient(130deg,#e7ffd0,var(--fx-color));animation:fx-leaf .85s var(--delay) ease-out both}.battle-fx--wood .battle-fx__line{display:none}.battle-fx--shadow .battle-fx__ring{border-width:9px;border-color:var(--fx-color) #f0e7ff99 #3d245d88 var(--fx-color);animation:fx-counter .9s ease-out both}.battle-fx--shadow .battle-fx__core{background:radial-gradient(circle,#312144 5%,var(--fx-color) 38%,transparent 72%)}.battle-fx--shadow .battle-fx__line{display:none}.battle-fx--up .battle-fx__core,.battle-fx--down .battle-fx__core{width:50px;height:70px;left:-25px;top:-38px;background:linear-gradient(transparent,var(--fx-color));clip-path:polygon(0 45%,50% 0,100% 45%,70% 45%,70% 100%,30% 100%,30% 45%);animation:fx-rise .9s ease-out both}.battle-fx--down .battle-fx__core{rotate:180deg}.battle-fx--up .battle-fx__line,.battle-fx--down .battle-fx__line{display:none}.battle-fx--spark .battle-fx__particle{width:12px;height:12px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.battle-fx--spark .battle-fx__line{display:none}.battle-fx--evade .battle-fx__ring{border-style:dashed;opacity:.5}.battle-fx--evade .battle-fx__core,.battle-fx--evade .battle-fx__particle,.battle-fx--evade .battle-fx__line{display:none}
@keyframes fx-life{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes fx-ring{from{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes fx-core{from{transform:scale(.2);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes fx-slash{from{scale:0 1;opacity:1}60%{scale:1.2 1;opacity:1}to{scale:1.4 .2;opacity:0}}@keyframes fx-particle{from{transform:translate(0,0) scale(1.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes fx-charge{from{transform:scale(1.4);opacity:0}45%{opacity:.9}to{transform:scale(.2);opacity:0}}@keyframes fx-counter{from{transform:scale(.4) rotate(-60deg);opacity:1}to{transform:scale(1.6) rotate(80deg);opacity:0}}@keyframes fx-shield{from{transform:scale(.65);opacity:0}30%{transform:scale(1);opacity:.9}80%{opacity:.65}to{transform:scale(1.05);opacity:0}}@keyframes fx-heal{from{transform:translate(var(--dx),20px) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(var(--dx),-65px) scale(1);opacity:0}}@keyframes fx-heal-ring{from{transform:scale(.2,.12);opacity:.9}to{transform:scale(1.8,.7);opacity:0}}@keyframes fx-flame{from{transform:scale(.3) rotate(-12deg);opacity:0}35%{opacity:1}to{transform:scale(1.2) translateY(-20px) rotate(5deg);opacity:0}}@keyframes fx-wave{from{transform:scale(.2) rotate(-20deg);opacity:1}to{transform:scale(1.6) rotate(20deg);opacity:0}}@keyframes fx-bolt{from{transform:translateY(-30px) scaleY(.2);opacity:0}20%{transform:none;opacity:1}70%{opacity:.8}to{transform:translateY(10px);opacity:0}}@keyframes fx-rock{from{transform:translate(0,15px) scale(.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes fx-leaf{from{transform:scale(.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes fx-rise{from{transform:translateY(25px);opacity:0}35%{opacity:.9}to{transform:translateY(-35px);opacity:0}}
@media(prefers-reduced-motion:reduce){.battle-fx,.battle-fx *{animation:none!important}.battle-fx{opacity:.65;filter:none}.battle-fx__particle,.battle-fx__line{display:none}.battle-fx__ring{opacity:.7}.battle-fx__core{opacity:.35}}

.screen--dungeon{background:#101a2c;color:#edf2fb;min-height:100dvh;--ink:#edf2fb;--ink2:#b0bed4;--surface:#1c2a40;--line:#34445e}.dungeon-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;box-sizing:border-box;border-bottom:1px solid #ffffff0e}.dungeon-header h1{font-size:15px;font-weight:800;margin:0;line-height:1.5}.dungeon-back{border:0;background:transparent;color:#c9d8ef;font:inherit;font-size:12px;min-height:36px;min-width:56px;padding:0;text-align:left}.dungeon-header__right{font-size:10px;color:#b0bed4;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dungeon-page{padding-top:16px}.dungeon-hero{position:relative;isolation:isolate;overflow:hidden;min-height:190px;border:1px solid #8fb8ce40;border-radius:18px;background:radial-gradient(ellipse at 75% 90%,#50919c55,transparent 70%),linear-gradient(140deg,#152638,#25364b);box-shadow:0 14px 30px #0003}.dungeon-hero__cave{position:absolute;inset:0;z-index:-1;overflow:hidden;background:repeating-linear-gradient(105deg,transparent 0 46px,#ffffff03 47px 48px)}.dungeon-hero__arch{position:absolute;right:5%;top:22px;width:120px;height:160px;box-sizing:border-box;border:15px solid #637c8a42;border-bottom:0;border-radius:85px 85px 0 0;background:linear-gradient(#0a1323,#172d3d);box-shadow:0 0 0 8px #10213166,inset 0 2px 22px #000a}.dungeon-hero__step{position:absolute;bottom:8px;right:0;width:65%;height:12px;background:#748d9a33;box-shadow:0 -17px 0 #647d8a33,0 -34px 0 #536c7933;transform:skewX(-18deg)}.dungeon-hero__light{position:absolute;right:26%;top:100px;width:6px;height:35px;border-radius:50%;background:#7dd1d6;filter:blur(15px);box-shadow:0 0 40px 16px #5ca8b755}.dungeon-hero__text{position:relative;z-index:2;width:56%;padding:24px 16px}.dungeon-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#9ac6cf}.dungeon-hero h2{font-size:27px;letter-spacing:.03em;line-height:1.35;margin:12px 0 8px;font-weight:900}.dungeon-hero p{font-size:12px;line-height:1.7;color:#b8cbdf;margin:0;max-width:180px}.dungeon-hero__monster{position:absolute;right:3px;bottom:3px;filter:drop-shadow(0 12px 10px #0008)}.dungeon-hero.is-clear{border-color:#cbb97877;background:radial-gradient(ellipse at 75% 90%,#a4893d4f,transparent 70%),linear-gradient(140deg,#23323f,#293d4e)}.dungeon-hero.is-clear .dungeon-eyebrow{color:#e8d5a7}.dungeon-companion{margin:16px 0 14px;padding:14px 14px 12px;border:1px solid #ffffff16;background:#1b2b40;border-radius:12px}.dungeon-companion__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.dungeon-companion strong{font-size:15px}.dungeon-companion__top span{font-size:11px;color:#b0bed4}.dungeon-companion p{margin:5px 0 0;text-align:right;font-size:11px;color:#c6d6e9;font-variant-numeric:tabular-nums}.dungeon-companion .progress{background:#354661}.dungeon-actions{display:grid;gap:8px;margin:14px 0 20px}.screen--dungeon .btn--primary{background:#b9dce5;color:#152735;border-color:#b9dce5;font-weight:800}.screen--dungeon .btn--secondary{background:#25384f;color:#f1f7ff;border-color:#597086}.screen--dungeon .btn--ghost{color:#b8cce3}.dungeon-rest{border:1px solid #76c49b44;border-radius:10px;padding:12px;background:#315c4733;font-size:12px;color:#bce9cd;line-height:1.5}.dungeon-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 18px;gap:10px 8px;counter-reset:none}.dungeon-map__floor{display:flex;flex-direction:column;gap:5px;align-items:center;padding:10px 3px;background:#17263a;border:1px solid #304159;border-radius:10px;color:#91a3bb}.dungeon-map__floor b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#26374c;font-size:13px;font-variant-numeric:tabular-nums}.dungeon-map__floor span{font-size:9px;letter-spacing:.03em}.dungeon-map__floor.is-done{color:#a8d5c1;border-color:#527f6c;background:#1e3b3733}.dungeon-map__floor.is-done b{background:#416a5d;color:#deffec}.dungeon-map__floor.is-current{border-color:#a9d3e0;box-shadow:0 0 0 1px #a9d3e055;background:#2c465b}.dungeon-map__floor.is-current b{background:#bedee7;color:#172a3b}.dungeon-map__floor.is-boss:not(.is-done){border-color:#ac945d77;color:#dbc28e}.dungeon-map__floor.is-boss b{border-radius:7px}.dungeon-records{display:flex;justify-content:space-between;gap:12px;border-block:1px solid #ffffff13;padding:12px 0;margin:16px 0 20px;color:#acbdd4;font-size:12px}.dungeon-records p{margin:0}.dungeon-records strong{font-size:20px;color:#e9f4ff;font-weight:800;font-variant-numeric:tabular-nums}.dungeon-rules h2{font-size:13px;color:#dce9f8;margin:0 0 10px}.dungeon-rules p{font-size:11px;line-height:1.8;color:#a5b8d1;margin:8px 0}.dungeon-growth{border:1px solid #b7d3e944;padding:14px;border-radius:12px;margin-top:20px}.dungeon-growth strong{font-size:12px;display:block;margin-bottom:12px}.dungeon-empty{text-align:center;padding:70px 0}.dungeon-empty h2{font-size:18px;margin-bottom:28px}.screen--dungeon .arena{background:linear-gradient(#1b3045,#2b4652)}.screen--dungeon .arena__sky{background:radial-gradient(ellipse at 50% 95%,#70999530,transparent 65%),repeating-linear-gradient(100deg,#10203933 0 55px,#4d657029 56px 58px)!important}.screen--dungeon .hpplate{background:#17283de8;box-shadow:0 5px 12px #0003;color:#ecf4ff;border:1px solid #9aafc522}.screen--dungeon .hpplate__sub,.screen--dungeon .hpplate__num{color:#d3e0f3}.screen--dungeon .command-role,.screen--dungeon .mcard{background:#21334b;border-color:#56708b55;color:#f0f6ff}.screen--dungeon .command-role strong{color:#ffc394}.screen--dungeon .command-role[data-role=defense] strong{color:#9ddfff}.screen--dungeon .togglechip{background:#24364d;border-color:#4e627b;color:#dce8f9}.screen--dungeon .togglechip.is-on{background:#b6d8e4;color:#193040}.screen--dungeon .msgbox{background:#101b2d;border-color:#657d9866}.screen--dungeon .battleend__title{color:#f4f7fc}.screen--dungeon .battleend__rec{color:#c3d3e7}.screen--dungeon .formerror{color:#ffc4c4;background:#592d3d66}.screen--dungeon .battle-recap{--surface:#1c2d44;--line:#435873}.screen--dungeon .battlebar__turn{color:#b1c2d8}.dungeon-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #41566b;border-radius:12px;background:linear-gradient(125deg,#17293d,#354c59);color:#edf6ff;text-decoration:none;padding:16px;margin:12px 0 18px}.dungeon-link strong{font-size:17px;font-weight:800}.dungeon-link span{font-size:11px;line-height:1.5;color:#c0d2e5}.screen--dungeon .tabbar{background:#152338ed;border-color:#36465e}.screen--dungeon .tabbar__item{color:#9fb3cd}.screen--dungeon .tabbar__item.is-active{color:#d0e9fa}
@media(max-height:760px) and (max-width:600px){.dungeon-header{min-height:42px;padding:calc(4px + env(safe-area-inset-top,0px)) 12px 4px}.screen--dungeon.screen--battle .battle{padding-top:6px}.dungeon-hero{min-height:176px}.dungeon-hero__text{padding:20px 14px}.dungeon-hero h2{font-size:25px}.dungeon-hero__monster .msprite{width:140px!important;height:140px!important}}

.screen--dungeon .arena__sky::before,.screen--dungeon .arena__sky::after{display:none}