*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111a18;color:#f6efdb;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif}button,select{font:inherit}button{color:inherit;background:#1c2828;border:1px solid #b8ad7c45;cursor:pointer;border-radius:5px;touch-action:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e2c779;outline-offset:3px}button:active{filter:brightness(1.2)}[hidden]{display:none!important}#app{width:100%;height:100%;position:relative}#scene{width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #06101670}.menu{position:absolute;inset:0;display:flex;flex-direction:column;padding:22px 4vw 14px;background:linear-gradient(90deg,#071310e6,#09181955 55%,#081515a8);backdrop-filter:blur(3px)}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15em}.menu-top a{color:#e9dec3;text-decoration:none;font-weight:800}.menu-top a span{color:#cebb84;margin-left:10px}.menu-top button{font-size:10px;padding:7px 10px;background:transparent}.build{font-size:9px;letter-spacing:.16em;color:#c9d0b9}.menu-body{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:6vw;flex:1;min-height:0;max-width:1260px;width:100%;margin:auto}.eyebrow{font-size:9px;color:#b8c7a5;letter-spacing:.18em}h1{font-family:Georgia,serif;font-size:clamp(50px,7vw,100px);line-height:.87;letter-spacing:-.045em;font-weight:500;margin:25px 0}h1 span{color:#e4cb8a}h1 i{display:block;font-style:normal;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.5em;margin-top:23px;color:#d3dcca}.intro>p{font-size:12px;line-height:2;color:#c0ccbd}.rule-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.rule-tags span{font-size:8px;letter-spacing:.12em;padding:7px 9px;border:1px solid #d5c58b40;color:#dbd6b6}.text-button{border:0;background:transparent;padding:8px 0;color:#d3c99e;font-size:11px}.text-button span{margin-left:26px}.select-title{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:20px;color:#e5c57e}.select-title span{font-family:system-ui;font-size:10px;letter-spacing:.2em;color:#d0d9c9}.select-title b{font-weight:400;font-size:9px;color:#8caa9b;margin-left:auto}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fighter-card{height:clamp(220px,45vh,420px);position:relative;overflow:hidden;padding:0;text-align:left;background:#16201b;border:1px solid #d5c58d35;transition:border .2s,transform .2s}.fighter-card img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:.7;transition:opacity .2s,transform .3s}.fighter-card.selected{border:2px solid #e3c67c;box-shadow:0 0 30px #d8b87115;transform:translateY(-4px)}.fighter-card.selected img{opacity:1;transform:scale(1.03)}.fighter-card.mage.selected{border-color:#be8ce6;box-shadow:0 0 30px #b171e420}.fighter-card>div{position:absolute;left:0;bottom:0;right:0;padding:50px 17px 16px;background:linear-gradient(transparent,#08100fee)}.fighter-card strong{font-family:Georgia,serif;font-weight:400;display:block;letter-spacing:.04em;font-size:clamp(20px,2.5vw,32px);margin:5px 0}.fighter-card small{font-size:8px;letter-spacing:.13em;color:#d7c99b}.fighter-card span{font-size:10px;color:#d0d8ca}.fighter-card p{font-size:9px;color:#a9b6aa;margin:8px 0 0}.fighter-no{position:absolute;top:10px;left:13px;border:1px solid #e4d6a04a;padding:5px;font-size:11px!important}.options{display:flex;gap:12px;margin:14px 0}.options label{display:flex;align-items:center;gap:9px;font-size:9px;color:#c1ccb5;flex:1}.options select{min-width:0;flex:1;background:#0f1d1bec;color:#e4dfc5;border:1px solid #c2c99735;padding:9px 5px;font-size:10px;border-radius:4px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#dcca92,#b7a060);color:#13211b;border:0;padding:17px 20px;font-weight:700;letter-spacing:.08em}.primary b{font-size:9px;letter-spacing:.14em}.selection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:#9cb5a6}.selection-footer button{font-size:10px;border:0;background:transparent;padding:7px 0;color:#d3cb9c}.menu-bottom{display:flex;justify-content:space-between;gap:15px;font-size:8px;line-height:1.7;color:#a5b7a5;padding-top:10px}.menu button:disabled{opacity:.4;cursor:wait}#battle-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;text-shadow:0 2px 10px #000}#battle-top small{font-size:8px;color:#e8ddac;letter-spacing:.15em;display:block}#battle-top b{font-size:12px;letter-spacing:.08em}#battle-top button{background:#09191b99;width:32px;height:32px;margin-left:5px}.battle-center{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.battle-center span{display:block;font-size:8px;letter-spacing:.15em;color:#f2df9c}.battle-center b{font-size:22px!important;font-variant-numeric:tabular-nums}#banner{position:absolute;left:0;right:0;top:32%;font-family:Georgia,serif;font-weight:bold;font-size:clamp(25px,6vw,65px);text-align:center;color:#f5dfa0;pointer-events:none;text-shadow:0 4px 35px #000;letter-spacing:.09em}#roster{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:10px;width:min(570px,52%);pointer-events:none}.roster-card{flex:1;min-width:0;padding:8px 10px 6px;background:linear-gradient(130deg,#081616f5,#0e1e1cdb);border:1px solid #cabc7c50;border-top:2px solid var(--color);border-radius:5px;position:relative}.roster-card.out{opacity:.45}.roster-card small{font-size:7px;letter-spacing:.06em;color:#d3d9c4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-card .percent{font-size:26px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums}.roster-card .percent em{font-size:12px;font-style:normal}.stocks{font-size:9px;color:var(--color);letter-spacing:3px;position:absolute;right:8px;top:8px}.meters{display:flex;gap:5px;margin-top:5px}.meters i{height:3px;background:#53655855;display:block;flex:1;overflow:hidden}.meters em{height:100%;display:block;background:var(--color);width:0}.meters i:last-child em{background:#80c8e8}.roster-card label{font-size:7px;color:#e2c77f;display:block;height:9px;margin-top:3px}#touch-controls{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:24px;width:142px;height:142px;pointer-events:auto;touch-action:none;user-select:none}.stick-ring{position:absolute;inset:12px;border:1px solid #e4dfaf6b;border-radius:50%;background:radial-gradient(#14332d33,#04171277);box-shadow:0 0 30px #0002}.stick-ring:before,.stick-ring:after{content:'';position:absolute;background:#e4dfaf2a;left:50%;top:10%;width:1px;height:80%}.stick-ring:after{transform:rotate(90deg)}#knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;border:1px solid #f4e7b382;background:radial-gradient(#c4c59c88,#475f4d88);box-shadow:0 3px 15px #0006}#stick>span{position:absolute;bottom:-7px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.2em;color:#e5e1b788}.action-pad{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:18px;width:210px;height:160px;pointer-events:none}.action-pad button{position:absolute;pointer-events:auto;border-radius:50%;width:60px;height:60px;background:#0d2423bb;border:1px solid #cad4b966;backdrop-filter:blur(5px);font-size:14px;font-weight:800;user-select:none;box-shadow:0 3px 12px #0004}.action-pad small{font-size:6px;font-weight:400;display:block;margin-top:3px;letter-spacing:.05em}.action-pad .attack{right:4px;bottom:5px;width:75px;height:75px;color:#f7d58f;background:#5d492a99;border-color:#e6cb8bb3}.action-pad .special{right:23px;top:0;color:#d6b5ff;background:#39284d99}.action-pad .jump{right:91px;bottom:18px;color:#b8e5d4}.action-pad .guard{left:0;top:0;width:52px;height:52px;font-size:11px;color:#c5dcf3}.action-pad .ultimate{left:0;bottom:5px;width:48px;height:48px;font-size:11px;color:#cbb87b;opacity:.45}.action-pad .ultimate.ready{opacity:1;background:#ad873eaa;box-shadow:0 0 30px #f2c56999;border-color:#f9da82}.action-pad button.pressed{filter:brightness(1.5);transform:scale(.94)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,90%);max-height:92%;overflow:auto;padding:32px;background:linear-gradient(120deg,#0d201ff5,#081411f5);border:1px solid #cfba7f70;box-shadow:0 20px 100px #0009;border-radius:10px;text-align:center;backdrop-filter:blur(15px)}.modal>small{font-size:9px;letter-spacing:.2em;color:#c7b57d}.modal h2{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:.04em;color:#e4ca84;margin:12px 0}.modal p{font-size:12px;color:#bbcabb;line-height:1.9}.modal button{padding:12px 18px;margin-top:10px}.modal>button:not(.primary){font-size:11px;margin-right:6px}.modal .primary{justify-content:center}#winner-name{font-size:22px;color:#e2dcc7}.help{width:min(800px,94%);text-align:left}.help h2{font-size:28px}.help h3{font-size:13px;color:#dfce97}.help p{font-size:11px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#rotate{display:none;position:absolute;inset:0;background:#081715f5;z-index:12;align-items:center;justify-content:center;flex-direction:column;text-align:center}#rotate>span{font-size:70px;color:#d3bd7f}#rotate b{font-size:22px}#rotate p{font-size:12px;color:#a5b9a8;line-height:1.9}#rotate button{padding:12px 20px}#error{position:absolute;bottom:20px;left:10%;right:10%;padding:15px;background:#47241e;color:#ffe5b3;font-size:12px;text-align:center;z-index:20}#error a{color:#fff}#app.portrait #rotate:not(.dismissed){display:flex}@media(max-height:560px){.menu{padding:12px 4vw 8px}.menu-body{gap:4vw;grid-template-columns:.8fr 1.2fr}.eyebrow{font-size:7px}h1{font-size:57px;margin:15px 0}h1 i{margin-top:14px;font-size:10px}.intro>p{font-size:10px;margin:10px 0}.rule-tags{margin:13px 0;gap:5px}.rule-tags span{font-size:6px;padding:5px}.fighter-card{height:clamp(145px,43vh,230px)}.select-title{margin:10px 0}.fighter-card>div{padding:40px 12px 10px}.fighter-card p{display:none}.fighter-card strong{font-size:23px}.options{margin:9px 0}.primary{padding:12px 15px;font-size:12px}.selection-footer{margin-top:3px}.menu-bottom{font-size:7px;padding-top:3px}.build{font-size:7px}#stick{width:118px;height:118px;left:18px;bottom:18px}.action-pad{right:14px;transform:scale(.87);transform-origin:bottom right}#roster{width:50%;gap:6px;bottom:9px}.roster-card{padding:6px}.roster-card .percent{font-size:23px}.stocks{font-size:7px;letter-spacing:1px;right:5px;top:6px}#battle-top{top:9px}.modal{padding:23px}}@media(max-width:600px) and (orientation:portrait){.menu{padding:18px}.menu-body{display:block;overflow:auto}.intro .eyebrow,.intro>p,.rule-tags,.intro .text-button{display:none}h1{font-size:35px;margin:22px 0 0;line-height:1}h1 br{display:none}h1 span{margin-left:8px}h1 i{font-size:9px;margin:9px 0}.fighter-card{height:36vh}.menu-bottom{flex-direction:column;gap:4px}.manual-grid{display:block}#roster{bottom:190px;width:94%}.action-pad{right:15px}#stick{left:15px}.build{font-size:7px}.options label{font-size:8px}}

.roster-card small{padding-right:25px}

.action-pad{width:246px}.action-pad .heavy{right:99px;top:0;width:57px;height:57px;font-size:12px;color:#f0ba8e;background:#613d2699}.action-pad .jump{right:99px}.action-pad .guard{left:0}#combo{position:absolute;top:24%;left:6%;font-weight:900;font-size:18px;letter-spacing:.08em;color:#f4d694;text-shadow:0 2px 12px #000;opacity:0;transform:translateX(-12px);transition:opacity .12s,transform .12s;pointer-events:none}#combo.show{opacity:1;transform:translateX(0)}

html,body,#app{touch-action:manipulation;overscroll-behavior:none}#app.combat-active,#app.combat-active #scene,#app.combat-active #touch-controls{touch-action:none}#touch-controls,#scene{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vignette,#banner,#combo,#roster{touch-action:none}.options select{font-size:16px}.modal,.menu{touch-action:pan-y}.menu button,.modal button,.menu a{touch-action:manipulation}

.online-entry{width:100%;padding:12px 15px;margin-top:9px;background:#142d2c;border-color:#8ba79899;display:flex;justify-content:space-between;font-size:12px}.online-entry span{font-size:9px;color:#c9c49e}.online-modal{width:min(530px,94%);z-index:10}.online-modal h2{font-family:inherit;font-size:28px}.online-field{display:grid;text-align:left;gap:7px;font-size:11px}.online-modal input{min-width:0;width:100%;background:#081815;color:#efe5c9;border:1px solid #b4bc8b66;border-radius:4px;font:inherit;font-size:16px;padding:11px;touch-action:manipulation}.join-line,.invite-line{display:flex;gap:7px;margin-top:12px}.join-line button,.invite-line button{margin:0;white-space:nowrap;font-size:11px;padding:9px}.invite-line input{font-size:12px}#room-players{display:grid;gap:7px;margin-top:18px;text-align:left}.room-player{padding:10px;background:#19302b;border-left:3px solid #c4aa6a;font-size:12px;display:flex;justify-content:space-between;gap:8px}.room-player span{font-size:10px;color:#cbb97f}#online-status{min-height:1.5em;color:#efd79f}#network-status{position:absolute;top:72px;left:50%;transform:translateX(-50%);background:#132822e8;border:1px solid #c7b48170;padding:8px 13px;max-width:85%;font-size:11px;z-index:11;pointer-events:none}.menu-body{overflow-y:auto}.online-entry:disabled{opacity:.4}@media(max-height:560px){.online-entry{padding:8px 12px;margin-top:6px}.fighter-card{height:clamp(130px,36vh,190px)}}

.online-field{margin-top:12px}.online-field select{background:#081815;color:#efe5c9;border:1px solid #b4bc8b66;border-radius:4px;padding:10px;font-size:16px;width:100%}

.japanese-title{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:800;font-size:clamp(48px,6.7vw,90px);line-height:1.15;letter-spacing:.06em}.japanese-title i{font-size:10px;letter-spacing:.12em}@media(max-height:560px){.japanese-title{font-size:48px;margin:12px 0}}@media(max-width:600px) and (orientation:portrait){.japanese-title{font-size:32px}.japanese-title span{margin-left:4px}.japanese-title i{font-size:8px}}

.fighters{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(155px,46%);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:5px 2px 7px;scrollbar-color:#b8a776 #15251f;scrollbar-width:thin}.fighter-card{scroll-snap-align:center;min-width:0}.fighter-card strong{font-size:clamp(17px,2vw,28px)}.fighter-hint{font-size:9px;text-align:center;color:#c2cdb8;margin:4px 0}.fighter-card.newcomer.selected{border-color:#9ad9c2}.fighter-card img{object-position:50% 18%}@media(max-height:560px){.fighter-hint{font-size:8px;margin:1px 0}.fighters{grid-auto-columns:minmax(145px,46%)}}

.menu,.menu-body{touch-action:pan-x pan-y}.fighters,.fighters .fighter-card{touch-action:pan-x}

#practice-open{position:absolute;top:58px;left:20px;padding:8px 12px;background:#122e25e8;font-size:11px}#practice-readout{position:absolute;top:60px;left:50%;transform:translateX(-50%);max-width:58%;text-align:center;font-size:10px;color:#e4e8c1;background:#132e24cc;padding:6px 10px;border-radius:5px;pointer-events:none}.practice-settings{width:min(620px,94%);z-index:11}.practice-settings h2{font-family:inherit;font-size:25px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.practice-grid label{font-size:11px;display:grid;gap:6px}.practice-grid select{width:100%;min-width:0;padding:9px;background:#10241d;color:#f6efd8;border:1px solid #a0b38b77;font-size:16px}@media(max-width:600px) and (orientation:portrait){#practice-readout{top:98px;max-width:90%;width:90%}.practice-grid{grid-template-columns:1fr}}