:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#eeeae2;background:#121319;font-synthesis:none;--accent: #ff7853;--line: #2b2c34;--muted: #898993}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button:disabled{opacity:.4}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1440px;padding:26px 5%;margin:auto;display:flex;align-items:center;gap:65px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:800 19px/.9 Barlow Condensed,Impact,sans-serif;letter-spacing:2px}.brand-sub{display:block;font-size:15px;letter-spacing:6px;margin-top:5px}.brand-mark{background:var(--accent);color:#171820;font:900 29px/.9 Barlow Condensed,Impact;letter-spacing:-4px;padding:11px 12px 12px 8px;clip-path:polygon(14% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}.brand-mark span{display:inline-block;transform:translateY(4px)}nav{display:flex;gap:30px}.nav{background:none;font-size:12px;font-weight:600;color:#96969f;padding:10px 0}.nav.active{color:#f0e8dc}.header-tools{margin-left:auto;display:flex;align-items:center;gap:22px}.version{font:10px monospace;color:#92959c;letter-spacing:1px}.version i,.live-dot{width:5px;height:5px;background:#b3bc90;display:inline-block;margin-right:9px;box-shadow:0 0 8px #b3bc9040}.icon-btn{font-size:23px;background:none;color:#a3a3ae;padding:3px 6px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:66px 0 49px;gap:30px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#c5bdb2;display:flex;align-items:center;gap:12px}.dash{width:23px;height:2px;background:var(--accent)}h1{font-size:clamp(44px,5vw,72px);font-weight:900;letter-spacing:-3px;line-height:1.2;margin:23px 0 20px}h1 span{color:var(--accent)}.intro-copy{font-size:13px;line-height:1.9;color:#9c9ba4}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.primary{padding:15px 24px;background:var(--accent);color:#19181c;font-size:13px;font-weight:800;min-width:170px;box-shadow:inset 0 -3px #0002;transition:background .2s,transform .2s}.primary:hover{background:#ff946d;transform:translateY(-2px)}.primary span{margin-left:45px}.text-btn{background:none;font-size:12px;color:#b9b7be}.text-btn span{margin-left:12px;color:var(--accent)}.hero-foot{font-size:10px;color:#73737e;margin-top:26px;display:flex;align-items:center;gap:12px}.hero-foot b{font-weight:400}.mini-pixel{height:7px;width:7px;border:1px solid #767681;box-shadow:3px -3px #373741}.hero-side{position:relative;display:flex;align-items:end;justify-content:end;padding-right:5px;gap:27px}.outline-type{font:900 clamp(70px,8.5vw,120px)/.84 "Barlow Condensed",Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #45434a;letter-spacing:-1px;transform:skewY(-5deg);opacity:.65}.edition{display:flex;writing-mode:vertical-rl;gap:20px;align-items:center;font:9px monospace;letter-spacing:2px;color:#70707d}.edition strong{font-size:18px;color:var(--accent)}.arena-section{border:1px solid #383840;background:#191b24;position:relative}.section-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#20212a;font:10px monospace;letter-spacing:1px}.section-top>div:first-child{display:flex;align-items:center;gap:10px}.section-top .live-dot{margin:0;background:var(--accent)}.subtle{color:#7d7e89;font-family:system-ui;font-size:10px;letter-spacing:0;margin-left:7px}.stage-tools{display:flex;gap:15px}.tiny{background:none;color:#b0afba;padding:5px 0;font-size:10px}.tiny:hover{color:#fff}#playfield{position:relative;height:330px;overflow:hidden;background:#232739}#canvas{width:100%;height:100%;position:absolute;inset:0}#canvas canvas{display:block!important;image-rendering:pixelated}.stage-tag{position:absolute;bottom:22px;left:28px;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 7px #111}.stage-tag span{font:8px monospace;letter-spacing:1.7px;color:#c5bcc3}.stage-tag strong{font-size:17px;letter-spacing:3px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 0 44px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.label-row h2{font-size:14px;margin:0;font-weight:600}.label-row>span{font:9px monospace;letter-spacing:1px;color:#72727e}.mode-card{width:100%;background:#1b1c24;border:1px solid #2e2e38;display:flex;align-items:center;text-align:left;gap:17px;padding:18px;margin-bottom:10px;transition:border-color .2s,background .2s}.mode-card:hover,.mode-card.selected{border-color:#9b5742;background:#272020}.mode-num{font:12px monospace;color:#7c7c85}.mode-card.selected .mode-num{color:var(--accent)}.mode-card strong{font-size:13px;font-weight:600;display:block}.mode-card small{display:block;font-size:10px;color:#85838e;margin-top:6px}.mode-badge{font:9px monospace;color:#9d9aa4;margin-left:auto;white-space:nowrap}.mode-card b{color:var(--accent);font-size:18px;font-weight:400}.fighter-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fighter-card{position:relative;background:linear-gradient(140deg,#24252f,#191b23);border:1px solid #373641;display:flex;flex-direction:column;align-items:center;height:254px;overflow:hidden}.fighter-card:before{content:"";position:absolute;width:150px;height:150px;top:10px;left:10%;background:var(--fighter);filter:blur(70px);opacity:.12;pointer-events:none}.fighter-card.selected{border-color:var(--fighter)}.fighter-number{position:absolute;top:12px;left:15px;font:10px monospace;color:#777582}.portrait{background-repeat:no-repeat;background-size:640px 320px;width:160px;height:144px;image-rendering:pixelated;flex-shrink:0}.fighter-card .portrait{margin:2px 0 0}.fighter-name{font:800 29px/.9 Barlow Condensed,Impact,sans-serif;letter-spacing:2px}.fighter-role{font-size:10px;color:#a8a3ac;margin-top:9px}.fighter-select{font-size:9px;border-top:1px solid #ffffff0c;display:block;width:100%;padding:12px;position:absolute;bottom:0;background:#ffffff03;color:#7d7985;letter-spacing:2px}.selected .fighter-select{color:var(--fighter);background:color-mix(in srgb,var(--fighter) 8%,transparent)}footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:#797782;letter-spacing:1px}footer b{font-weight:400;margin-left:10px;color:#575661}footer button{font:9px system-ui;color:#8f8b99;background:none}.in-battle .intro,.in-battle .home-bottom,.in-battle footer{display:none}.in-battle main{padding-top:25px}.in-battle #playfield{height:65vh;min-height:360px;max-height:680px}.in-battle .stage-tag{display:none}#battle-toolbar{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;align-items:center;background:#1b1c25;color:#a8a4ae;font-size:10px}#battle-toolbar>div{display:flex;gap:18px}.danger{color:#f59680}#hud{position:absolute;top:17px;left:20px;right:20px;display:flex;gap:15px;z-index:2;pointer-events:none;padding-right:80px}.hp-card{flex:1;max-width:260px;min-width:0;padding:10px;background:#141825dd;border-top:2px solid #7b7c8a}.hp-card.you{border-color:var(--fighter)}.hp-card>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:11px;margin-bottom:7px}.hp-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-card span{font:8px monospace;color:var(--fighter)}.hp-track,.mp-track{height:8px;background:#080b15;margin-top:3px}.hp-track i{display:block;height:100%;background:var(--fighter);transition:width .08s}.mp-track{height:3px}.mp-track i{display:block;height:100%;background:#62a7d7}.hp-card small{display:block;font:8px monospace;color:#a7a9b2;margin-top:6px}.hp-card small span{float:right;color:#6ea4cd}.timer{position:absolute;right:0;top:0;font:600 35px Barlow Condensed,monospace;text-align:center}.timer span{font:8px monospace;display:block;margin-top:4px;letter-spacing:1px}#network{position:absolute;z-index:5;right:12px;bottom:12px;padding:14px;background:#10141fee;color:#a1ccad;font:10px/1.9 monospace;border:1px solid #ffffff20;pointer-events:none}#round-result{position:absolute;inset:0;z-index:4;background:#111520bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#round-result>span{font:11px monospace;color:var(--accent);letter-spacing:6px}#round-result strong{font-size:40px;font-weight:900}#round-result p{font-size:12px;color:#aaa}#touch{display:none;padding:18px;justify-content:space-between;gap:20px;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none}#joystick{width:104px;height:104px;border:1px solid #62616f;border-radius:50%;position:relative;background:#ffffff07;touch-action:none;flex-shrink:0}#joystick:before,#joystick:after{content:"";position:absolute;background:#ffffff12}#joystick:before{left:50%;height:100%;width:1px}#joystick:after{top:50%;width:100%;height:1px}#joystick span{position:absolute;left:31px;top:31px;width:40px;height:40px;border-radius:50%;background:#787688;transform:translate(var(--jx, 0px),var(--jy, 0px));pointer-events:none}.touch-actions{display:flex;gap:10px;align-items:center}.touch-actions button{width:53px;height:53px;border:1px solid #676270;background:#31303d;border-radius:50%;font-size:11px;touch-action:none}.touch-actions .attack-touch{width:70px;height:70px;background:var(--accent);color:#181818;font-weight:700}.touch-actions .pressed{background:#ffd2a2;color:#111}.immersive .arena-section{position:fixed;inset:0;z-index:20}.immersive #playfield,:fullscreen #playfield{height:calc(100dvh - 190px);max-height:none}.immersive .topbar{display:none}dialog{color:#e8e4e0;border:1px solid #45404a;background:#1b1d27;box-shadow:0 20px 100px #0008;padding:24px 28px;max-width:580px;width:calc(100% - 32px);max-height:90dvh}dialog::backdrop{background:#070b15cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head>span{font:9px monospace;letter-spacing:2px;color:var(--accent)}dialog h2{font-size:25px;margin:0 0 22px;font-weight:800}dialog p{font-size:12px;color:#aca7b5;line-height:1.9}label{font-size:11px;color:#c8c2cf;display:flex;flex-direction:column;gap:7px;margin-bottom:15px}input,select{background:#12151f;color:#e8e3df;border:1px solid #42414e;padding:12px;width:100%;border-radius:0;font-size:13px}input:focus,select:focus{outline:1px solid var(--accent)}.form-row{display:flex;gap:16px}.form-row>label{flex:1}.wide{width:100%;margin-top:10px}.secondary{padding:13px;border:1px solid #56505e;background:transparent;font-size:12px}.divider{display:flex;align-items:center;gap:14px;font-size:10px;color:#85808f;margin:25px 0}.divider:before,.divider:after{content:"";height:1px;background:#3c3746;flex:1}.qr{width:90px;height:90px;float:right}#lan-info{min-height:10px;font-size:11px;margin-bottom:15px}code{font-size:11px;color:#e9b296;overflow-wrap:anywhere}.room-code{padding:15px;background:#131621;border:1px solid #373441;display:flex;flex-direction:column;gap:10px}.room-code span{font:9px monospace;color:#938996;letter-spacing:2px}.room-code strong{font:17px monospace;letter-spacing:1px;overflow-wrap:anywhere;color:#ffc19a}.room-code button{align-self:flex-start}.lobby-mode{font-size:12px;color:#b6a3a3}.member{display:flex;align-items:center;gap:18px;border-bottom:1px solid #383440;padding:18px 0}.member-index{font:12px monospace;color:#9e7669}.member>div{display:flex;flex-direction:column;gap:6px}.member b{font-size:13px}.member small{font-size:10px;color:#9e98a7;font-weight:400}.member b small{margin-left:10px;color:var(--accent)}.ready-state{margin-left:auto;color:#8b8592;font-size:11px}.ready-state.yes{color:#a4d2a6}.help-grid>div{display:flex;align-items:center;border-bottom:1px solid #38343f;padding:13px 0;gap:20px;font-size:12px}.help-grid kbd{color:var(--accent);font:12px monospace;min-width:72px}.key-settings{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.key-settings label{flex-direction:row;align-items:center;justify-content:space-between}.key-bind{background:#292936;border:1px solid #514856;min-width:75px;padding:9px;font:11px monospace}.encyclopedia{display:flex;align-items:center;border-bottom:1px solid #373340;padding:12px 0}.encyclopedia h3{font:700 27px Barlow Condensed,Impact;color:var(--fighter);margin:0}.encyclopedia h3 small{font:11px system-ui;display:block;margin-top:5px}.encyclopedia p{font-size:11px}.encyclopedia .portrait{width:150px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#312c35;border:1px solid #a37159;color:#ffe7d7;font-size:12px;max-width:90%;padding:13px 20px;opacity:0;pointer-events:none;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}.import-preview{width:100%;height:240px;background:repeating-conic-gradient(#334 0% 25%,#252533 0% 50%) 50%/20px 20px;image-rendering:pixelated}.import-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}@media(pointer:coarse){.in-battle #touch{display:flex}.in-battle #playfield{height:52vh;min-height:260px}#battle-help{display:none}.in-battle #battle-toolbar{justify-content:end}.in-battle{overscroll-behavior:none}.arena-section{touch-action:none}}@media(max-width:760px){.topbar{padding:19px 5%;gap:20px}.brand{font-size:16px}.brand-sub{font-size:12px}.brand-mark{font-size:24px;padding:10px}nav{margin-left:auto;gap:17px}.nav{font-size:10px}.header-tools{margin-left:0;gap:0}.version{display:none}.intro{padding:40px 0 35px;gap:10px;grid-template-columns:1.4fr 1fr}h1{font-size:44px}.hero-side{gap:0}.outline-type{font-size:70px}.edition{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.hero-foot{font-size:8px;gap:7px}.intro-copy{font-size:11px}.hero-actions{gap:10px}.hero-actions .text-btn{font-size:10px}.primary{min-width:140px;padding:13px 17px}.primary span{margin-left:20px}.home-bottom{gap:25px;grid-template-columns:1fr}.fighter-card{height:250px}#playfield{height:310px}.stage-tools{gap:9px}.tiny{font-size:9px}.section-top{padding:0 10px}.subtle{font-size:9px;margin-left:0}.stage-tag{left:16px}footer>span:nth-child(2){display:none}.hp-card{padding:6px}.hp-card>div:first-child{flex-direction:column;gap:3px;font-size:10px}#hud{left:8px;right:8px;gap:6px;padding-right:54px;top:9px}.hp-card small{font-size:7px}.hp-card small span{display:none}.timer{font-size:25px}.timer span{font-size:6px}#round-result strong{font-size:27px}.in-battle main{padding:12px 2% 0}.touch-actions{gap:6px}.touch-actions button{width:43px;height:43px;font-size:10px}.touch-actions .attack-touch{width:58px;height:58px}#joystick{width:96px;height:96px}#joystick span{left:27px;top:27px}dialog{padding:20px}.encyclopedia .portrait{width:120px}.stage-tools #network-toggle{max-width:40px}.brand-sub{letter-spacing:4px}}@media(max-width:420px){nav .nav:first-child{display:none}.outline-type{font-size:58px}.hero-foot{font-size:7px}.hero-actions{flex-wrap:wrap}.stage-tools{gap:8px}.section-top{font-size:8px}.touch-actions{gap:4px}#touch{padding:12px}.touch-actions button{width:39px;height:39px}.touch-actions .attack-touch{width:49px;height:49px}#joystick{width:85px;height:85px}#joystick span{left:22px;top:22px}}@media(max-height:540px)and (orientation:landscape){.in-battle .topbar{display:none}.in-battle main{padding:0}.in-battle .arena-section{border:0}.in-battle #playfield{height:calc(100dvh - 75px);min-height:0}.in-battle #touch{position:absolute;inset:70px 12px 34px;pointer-events:none;align-items:end;padding:0}.in-battle #touch>*{pointer-events:auto}.in-battle #battle-toolbar{padding:4px 12px}.section-top{height:34px}.in-battle #hud{top:7px}.immersive #playfield,:fullscreen #playfield{height:calc(100dvh - 65px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}body:not(.in-battle) #canvas canvas{position:absolute;width:100%!important;height:auto!important;margin:0!important;left:0;top:50%;transform:translateY(-50%)}.arena-section{touch-action:auto}button,a,select{touch-action:manipulation}.in-battle .arena-section{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch,#touch *,.in-battle #playfield{touch-action:none;-webkit-tap-highlight-color:transparent}.icon-btn svg{width:23px;height:23px;display:block}.movement-control{display:flex;flex-direction:column;align-items:center;gap:10px}.movement-control>small{color:#c1bacb;font-size:10px;letter-spacing:3px}.control-glyph{display:block;width:22px;height:22px;margin:0 auto;pointer-events:none}.control-glyph svg{width:100%;height:100%}.control-label,.control-status{display:block;pointer-events:none}.control-status{font:9px/1.3 monospace;margin-top:2px;color:#e3a78a}.touch-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.touch-actions button.cooling{border-color:#6d544b;background:#30242b}.touch-actions button.pressed{background:#ffe0b5;color:#17151c;box-shadow:0 0 22px #ff875245}.touch-actions button:focus-visible{outline-offset:3px}@media(any-pointer:coarse){input,select,textarea{font-size:16px}.in-battle{overflow:hidden;overscroll-behavior:none}.in-battle .topbar{display:none}.in-battle main{padding:0;max-width:none}.in-battle .arena-section{position:fixed;inset:0;width:100%;height:100dvh;z-index:10;display:grid;grid-template-rows:calc(44px + env(safe-area-inset-top,0px)) minmax(0,1fr) calc(44px + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border:0;background:#10131d}.in-battle .section-top{grid-row:1;height:auto;min-height:44px;z-index:8;padding:env(safe-area-inset-top,0px) 14px 0;background:#171923;border-bottom:1px solid #33333d;letter-spacing:1.4px}.in-battle .section-top>div:first-child{gap:8px}.in-battle #stage-label{color:#f0a17a}.in-battle .stage-tools{gap:8px;align-items:center}.in-battle .stage-tools .tiny{min-width:44px;min-height:44px;max-width:none;padding:0 8px;font-size:10px;color:#c7c3ce}.in-battle #playfield{grid-row:2;height:100%!important;min-height:0!important;max-height:none!important}.in-battle #hud{top:12px;left:14px;right:14px;gap:10px;padding-right:65px}.in-battle .hp-card{max-width:230px;padding:8px 10px;background:linear-gradient(135deg,#101520f2,#181c2ac9);border-top-width:2px}.in-battle .hp-card>div:first-child{flex-direction:row;font-size:11px;gap:8px;margin-bottom:6px}.in-battle .hp-card>div:first-child>span{font-size:8px;white-space:nowrap}.in-battle .hp-track{height:6px;background:#080c14}.in-battle .mp-track{height:3px;margin-top:4px}.in-battle .hp-card small{font-size:8px;color:#bfbbca}.in-battle .hp-card small span{display:inline;font-size:8px}.in-battle .timer{top:0;right:0;font:700 30px/1 monospace;color:#f4e8da}.in-battle .timer span{font:7px/1.3 monospace;letter-spacing:1px;margin-top:6px;color:#aaa7b5}.in-battle #touch{display:flex;position:absolute;z-index:6;left:calc(22px + env(safe-area-inset-left,0px));right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));top:auto;height:160px;padding:0;align-items:end;justify-content:space-between;pointer-events:none}.in-battle #touch>*{pointer-events:auto}.in-battle #joystick{width:112px;height:112px;border:1px solid #85809580;background:radial-gradient(circle,#b5a7c01a 0 36%,#3633423b 37% 58%,#8f819524 59% 60%,#151a2a6b 61%);box-shadow:inset 0 0 28px #11142144,0 4px 18px #080b1422}.in-battle #joystick span{width:44px;height:44px;top:33px;left:33px;background:linear-gradient(145deg,#b4a7b9,#716a82);border:1px solid #d0bed660;box-shadow:0 4px 14px #06091b70,inset 0 1px #e3d9e140}.in-battle #joystick:before,.in-battle #joystick:after{background:#c4b4ce16}.in-battle .movement-control{gap:8px}.in-battle .movement-control>small{font:9px/1 system-ui;color:#bdb4c6;letter-spacing:3px}.in-battle .touch-actions{display:grid;grid-template-columns:62px 62px 88px;grid-template-rows:62px 62px;gap:10px 12px;align-items:center}.in-battle .touch-actions button{width:62px;height:62px;border-radius:50%;border:1px solid #b1a1b45e;background:linear-gradient(145deg,#363143dc,#171e2be8);color:#eee5ed;box-shadow:inset 0 1px #ffffff18,0 4px 12px #090b1735;font-size:10px}.in-battle .touch-actions [data-action=skill1]{grid-column:1;grid-row:1}.in-battle .touch-actions [data-action=skill2]{grid-column:2;grid-row:1}.in-battle .touch-actions [data-action=defend]{grid-column:1;grid-row:2}.in-battle .touch-actions [data-action=jump]{grid-column:2;grid-row:2}.in-battle .touch-actions .skill-touch{gap:2px;border-color:#c08f6d80;color:#ffcc9e}.in-battle .skill-touch .control-glyph{width:17px;height:17px}.in-battle .skill-touch .control-label{font-size:9px}.in-battle .touch-actions .attack-touch{grid-column:3;grid-row:1 / 3;width:88px;height:88px;background:linear-gradient(145deg,#ffad78,#ff7653 68%);color:#2c1a1c;border:1px solid #ffb28e;box-shadow:0 0 0 6px #ff865112,0 6px 28px #ff765322,inset 0 1px #ffd7b7a1;font-size:12px;font-weight:800;gap:6px}.in-battle .attack-touch .control-glyph{width:29px;height:29px}.in-battle .touch-actions .cooling{background:#2b2430dc;border-color:#6d544b;color:#b79ba3}.in-battle .touch-actions .pressed{background:#ffe2bc;color:#271c25;box-shadow:0 0 0 5px #ffb16c26}.in-battle #battle-toolbar{grid-row:3;padding:0 14px env(safe-area-inset-bottom,0px);min-height:44px;justify-content:end;z-index:7;border-top:1px solid #32313e;background:#171923}.in-battle #battle-help{display:none}.in-battle #battle-toolbar>div{gap:8px;align-items:center}.in-battle #battle-toolbar .tiny{min-height:44px;min-width:44px;padding:0 10px;font-size:10px}.in-battle #network{z-index:9;bottom:10px;right:10px;max-height:60%;overflow:auto;font-size:9px}.in-battle #round-result{z-index:9}}@media(any-pointer:coarse)and (max-width:600px)and (orientation:portrait){.in-battle #hud{gap:6px;left:10px;right:10px;padding-right:48px;flex-wrap:wrap}.in-battle .hp-card{flex:1 1 38%;max-width:none;padding:7px}.in-battle .hp-card>div:first-child{flex-direction:column;gap:3px}.in-battle .hp-card small span{display:none}.in-battle #touch{left:18px;right:18px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.in-battle #joystick{width:96px;height:96px}.in-battle #joystick span{left:25px;top:25px}.in-battle .touch-actions{grid-template-columns:52px 52px 70px;grid-template-rows:56px 56px;gap:8px}.in-battle .touch-actions button{width:52px;height:52px}.in-battle .touch-actions .attack-touch{width:70px;height:70px}.in-battle .stage-tools{gap:0}.in-battle .stage-tools .tiny{padding:0 5px;font-size:9px}.in-battle #stage-label{font-size:8px}.in-battle .section-top .subtle{display:none}}@media(any-pointer:coarse)and (max-height:360px)and (orientation:landscape){.in-battle #touch{bottom:calc(52px + env(safe-area-inset-bottom,0px));height:125px}.in-battle #joystick{width:92px;height:92px}.in-battle #joystick span{left:23px;top:23px}.in-battle .touch-actions{grid-template-columns:54px 54px 76px;grid-template-rows:54px 54px;gap:8px}.in-battle .touch-actions button{width:54px;height:54px}.in-battle .touch-actions .attack-touch{width:76px;height:76px}}