:root{--brush:"Shinjuku Brush","Kaiti SC",KaiTi,STKaiti,serif;--paper:#f1efe7;--ink:#111;--panel:#171717;--line:#76736b;font-family:Noto Sans SC,system-ui,sans-serif;color:var(--paper);background:#101010;font-synthesis:none;color-scheme:dark;--cyan:#83d7ea;--red:#ed9181;--muted:#aaa69e }*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}button{touch-action:none;user-select:none;-webkit-user-select:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.app{max-width:1192px;padding:0 40px;margin:auto}.app-header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:800;letter-spacing:3px}.brand-mark{width:39px;height:39px;border:1px solid #506370;color:var(--cyan);font-family:serif;font-size:32px;display:grid;place-items:center;letter-spacing:0;line-height:1}.brand small{display:block;font-family:monospace;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}.header-right{display:flex;gap:9px;align-items:center}.version{font:10px monospace;letter-spacing:2px;color:#9da9b1;margin-right:16px}.version b{padding:4px 6px;background:#263138;color:#ccdae2;margin-left:5px}.icon-button{width:31px;height:31px;border:1px solid #2d3942;background:transparent;color:#a9b8c0;font-size:16px}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--paper);border-color:var(--paper)}.battle-heading{display:flex;justify-content:space-between;font-family:var(--brush);font-size:16px;color:var(--muted);letter-spacing:2px;margin-bottom:13px}.battle-heading>span:first-child{color:var(--paper)}.battle-heading i{display:inline-block;width:5px;height:5px;background:var(--paper);margin:0 7px 2px 0}.battle-heading em{font:9px monospace;color:var(--muted);margin:0 10px}.arena-shell{border:1px solid var(--line);background:var(--ink);box-shadow:6px 6px #ffffff12}.stage{position:relative;overflow:hidden;aspect-ratio:16/9;background:#202d33}.stage>canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated;object-fit:fill}.practice-entry{display:block;margin:12px auto 0}.practice-tools{position:absolute;z-index:8;top:calc(4% + 94px);left:50%;transform:translate(-50%);display:flex;gap:8px;white-space:nowrap}.practice-reset,.practice-exit{padding:6px 11px;color:var(--paper);font-family:var(--brush);font-size:17px;border:1px solid var(--line);background:#111e;box-shadow:3px 3px #0005}.practice-reset span,.practice-exit span{margin-left:6px;color:var(--muted);font-family:system-ui,sans-serif}.hud{position:absolute;left:2.5%;right:2.5%;top:4%;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}.fighter-hud{display:flex;gap:9px;width:43%;padding:8px;border:1px solid var(--line);background:#111d;box-shadow:3px 3px #0005}.fighter-hud canvas{width:48px;height:52px;image-rendering:pixelated;background:var(--panel);border:1px solid var(--line)}.fighter-meters{flex:1;min-width:0}.fighter-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fighter-name strong{font-family:var(--brush);font-size:24px;font-weight:400;line-height:1;letter-spacing:2px}.fighter-name>span{font:8px monospace;color:var(--muted);letter-spacing:1px}.health-track{height:11px;background:#3b302c;border:1px solid #f1efe74d;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#c8cfac,var(--paper));transform-origin:left;transition:transform .12s linear}.mana-track{height:5px;background:#243d4a;margin-top:4px;overflow:hidden}.mana-fill{height:100%;background:#70cae4;transform-origin:left;transition:transform .08s linear}.fighter-detail{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;letter-spacing:.5px;color:#d9d5cb;font-variant-numeric:tabular-nums}.sukuna-hud{flex-direction:row-reverse}.sukuna-hud .health-fill{background:linear-gradient(90deg,#bc6e5b,#e1a084);transform-origin:right}.sukuna-hud .mana-fill{background:#b0b1e1;transform-origin:right}.sukuna-hud .fighter-detail,.sukuna-hud .fighter-name{flex-direction:row-reverse}.versus{padding-top:3px;text-align:center;flex-shrink:0}.versus b{font:400 28px var(--brush);color:var(--paper);text-shadow:2px 2px #111,0 0 8px #111}.versus span{display:block;font-size:7px;letter-spacing:1px;margin-top:4px;color:var(--paper);text-shadow:0 1px 3px #111}.stage-caption{position:absolute;bottom:12px;left:28%;right:30%;display:flex;justify-content:space-between;color:#c3d0cd99;font:7px monospace;letter-spacing:2px;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:5;background:#0a0a0acc;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.intro-card{text-align:center;width:min(580px,calc(100% - 32px));max-height:100%;overflow:auto;margin:0;padding:24px;border:1px solid var(--line);background:#111e;box-shadow:7px 7px #0007}.eyebrow{font:8px monospace;letter-spacing:3px;color:var(--muted)}.intro-card h1{font-family:var(--brush);font-size:clamp(40px,6vw,68px);letter-spacing:10px;line-height:1.1;margin:15px 0 10px;font-weight:400;text-shadow:none}.intro-card h1 span{color:var(--paper)}.intro-subtitle{color:#c5c0b6;font-size:12px;letter-spacing:3px;margin:14px 0 22px}.intro-rules{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:9px}.intro-rules i{width:2px;height:2px;background:var(--line)}.difficulty-heading{margin:16px 0 6px;color:var(--muted);font-size:9px;letter-spacing:2px}.difficulty-picker{display:flex;justify-content:center;gap:6px}.difficulty-picker button{min-width:64px;padding:7px 14px;border:1px solid var(--line);background:var(--panel);color:#c5c0b6;font-family:var(--brush);font-size:22px}.difficulty-picker button small{display:none}.difficulty-picker button[aria-pressed=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}.difficulty-picker button:focus-visible{outline:2px solid #fff;outline-offset:2px}.difficulty-summary{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.difficulty-summary+.primary-button{margin-top:12px}.result-card .difficulty-heading{margin-top:8px}.primary-button{width:212px;padding:13px 18px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);box-shadow:4px 4px #ffffff2b;font-family:var(--brush);font-size:24px;font-weight:400;letter-spacing:3px;margin-top:24px;display:inline-flex;justify-content:space-between}.primary-button:hover{background:#fff}.primary-button span{font-family:system-ui,sans-serif;font-size:17px;line-height:1}.intro-tip{font-size:9px;color:var(--muted);margin-top:17px;letter-spacing:1px}.controls{--action-size:clamp(48px,6vw,64px);position:absolute;inset:0;z-index:4;pointer-events:none}.movement{position:absolute;left:max(4%,env(safe-area-inset-left));bottom:max(6%,env(safe-area-inset-bottom));text-align:center}.control-label{display:block;margin-top:10px;font-family:var(--brush);font-size:17px;letter-spacing:2px;color:var(--paper);text-shadow:0 1px 3px #000}.control-label small{font:8px monospace;margin-left:5px;color:#c5c0b6}.joystick{position:relative;width:clamp(100px,14vw,150px);aspect-ratio:1;border-radius:50%;border:1px solid #f1efe780;background:#111b;box-shadow:inset 0 0 0 6px #f1efe714,3px 3px #0005;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;cursor:grab}.joystick-ring{position:absolute;inset:20%;border:1px solid #f1efe740;border-radius:50%;pointer-events:none}.joystick-arrow{position:absolute;top:50%;transform:translateY(-54%);color:#f1efe799;font:28px Georgia;pointer-events:none}.joystick-arrow.left{left:8%}.joystick-arrow.right{right:8%}.joystick-thumb{position:absolute;width:43%;height:43%;left:28.5%;top:28.5%;border-radius:50%;border:1px solid var(--paper);background:#e1ddd2dd;box-shadow:3px 3px #0006,inset 0 0 0 4px #1112;display:grid;place-items:center;color:var(--ink);font-size:24px;transition:transform .12s ease-out;pointer-events:none}.joystick.pressed{cursor:grabbing;border-color:var(--paper)}.joystick.pressed .joystick-thumb{transition:none;box-shadow:0 0 16px #f1efe744,inset 0 0 0 4px #1112}.action-buttons{position:absolute;right:max(3%,env(safe-area-inset-right));bottom:max(4%,env(safe-area-inset-bottom));width:calc(var(--action-size) * 4.05);height:calc(var(--action-size) * 4.45)}.action-buttons button{--action-color:var(--paper);position:absolute;width:var(--action-size);height:var(--action-size);border-radius:50%;border:2px solid var(--action-color);background:#111e;box-shadow:0 0 0 3px #1119,inset 0 0 0 3px #f1efe71a,3px 3px #0006;color:var(--paper);padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto}.action-buttons .action-icon{display:block;width:68%;height:68%;flex-shrink:0;object-fit:contain;image-rendering:pixelated;transform:translateY(-6px);pointer-events:none}.action-buttons kbd{position:absolute;top:7px;right:9px;font:8px monospace;line-height:1;opacity:.75;pointer-events:none}.action-name{position:absolute;bottom:6px;font-family:var(--brush);font-size:clamp(12px,1.4vw,17px);line-height:1;letter-spacing:1px;pointer-events:none}.action-buttons button.attack .action-name{font-size:clamp(17px,1.8vw,23px)}.action-buttons button.jump{right:calc(var(--action-size) * 1.8);bottom:0}.action-buttons button.dash{right:calc(var(--action-size) * 2.94);bottom:0}.action-buttons button.blue{--action-color:#83cbe7;right:0;top:0;color:var(--paper)}.action-buttons button.red{--action-color:#de9587;right:calc(var(--action-size) * 1.3);top:calc(var(--action-size) * .35);color:var(--paper)}.action-buttons button.purple{--action-color:#bca2d9;right:0;top:calc(var(--action-size) * 1.2);width:calc(var(--action-size) * 1.2);height:calc(var(--action-size) * 1.2);color:var(--paper)}.action-buttons button.heal{--action-color:#91bba4;right:calc(var(--action-size) * 2.77);top:calc(var(--action-size) * 1.65);color:var(--paper)}.action-buttons button.domain{--action-color:#c5bc9e;right:calc(var(--action-size) * 1.48);top:calc(var(--action-size) * 1.65);color:var(--paper)}.action-buttons button.attack{right:0;bottom:0;width:calc(var(--action-size) * 1.6);height:calc(var(--action-size) * 1.6);background:var(--paper);color:var(--ink)}.action-buttons button.attack .cooldown{font-size:14px;color:#fff;margin:0}.controls button:active,.controls button.pressed{filter:brightness(1.25);transform:scale(.94)}.action-buttons button.unavailable{filter:saturate(.35);opacity:.72}.action-buttons button.healing{box-shadow:inset 0 0 0 1px #8ee9b7,0 0 12px #6bc59733;opacity:1}.action-buttons .cooldown:empty{display:none}.action-buttons .cooldown{position:absolute;inset:0;display:grid;place-items:center;background:#111d;font-family:var(--brush);font-size:17px;color:var(--paper);pointer-events:none}.action-buttons .cooldown-timer{font-family:monospace;font-size:14px}.below-stage{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:13px 0 26px;color:var(--muted);font-size:10px}.below-stage p{margin:0}.hint-dot{display:inline-block;width:4px;height:4px;background:var(--paper);margin-right:7px;vertical-align:middle}.platform-note{font:8px monospace;letter-spacing:1px;color:var(--muted);white-space:nowrap}.mechanic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mechanic-cards article{position:relative;display:flex;gap:14px;padding:20px 17px;border:1px solid #55514a;background:var(--panel);overflow:hidden}.card-number{font:10px monospace;color:var(--muted);padding-top:3px}.mechanic-cards h2{font-size:21px;letter-spacing:1px;margin:0 0 9px;font-weight:600}.mechanic-cards p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.card-symbol{position:absolute;right:15px;top:18px;font:45px Georgia;color:#7c989a25}.blue-symbol{color:#80d4e925}.red-symbol{color:#cf8c8125}footer{display:flex;justify-content:space-between;padding:27px 0 24px;font-size:8px;color:var(--muted);letter-spacing:1px}footer>span:first-child{font-family:monospace;letter-spacing:2px}.pause-button{position:absolute;left:calc(50% - 13px);top:calc(4% + 50px);width:26px;height:24px;border:1px solid var(--line);color:var(--paper);background:#111d;z-index:2;font-size:11px}.domain-banner{position:absolute;left:15%;right:15%;top:calc(4% + 142px);padding:9px;text-align:center;font-family:var(--brush);font-size:28px;font-weight:400;letter-spacing:3px;color:var(--paper);background:linear-gradient(90deg,transparent,#111e 20% 80%,transparent);text-shadow:1px 2px #111;pointer-events:none;z-index:3}.domain-banner.enemy{color:#ffc8b4;background:linear-gradient(90deg,transparent,#211714ee 20% 80%,transparent)}.domain-banner.clashing{color:var(--paper);background:linear-gradient(90deg,transparent,#111e 20% 80%,transparent)}.domain-banner small{display:block;font-family:Noto Sans SC,system-ui,sans-serif;font-size:9px;font-weight:400;letter-spacing:1px;margin-top:3px}.toast{position:absolute;top:70%;left:50%;transform:translate(-50%);background:#111e;padding:7px 13px;border:1px solid var(--line);color:var(--paper);font-size:10px;pointer-events:none;white-space:nowrap;z-index:4}.rotate-hint{display:none}.hidden{display:none!important}dialog{width:min(560px,90vw);border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:30px;box-shadow:0 15px 70px #0008}dialog::backdrop{background:#0a0a0ae0}dialog h2{font-size:32px;margin:12px 0 24px;letter-spacing:2px}.dialog-close{position:absolute;right:14px;top:12px;font-size:24px;background:none;border:none;color:var(--muted)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.help-grid p{font-size:11px;color:#c5c0b6;margin:4px 0;line-height:1.8}kbd{font-family:monospace}.help-grid kbd{background:#2b2a27;padding:2px 5px;color:var(--paper);font-size:10px}.help-note{font-size:11px;line-height:2;color:var(--muted);border-top:1px solid #55514a;padding-top:18px;margin-bottom:0}.result-card h1{font-size:42px;letter-spacing:5px}.result-card .intro-subtitle{font-size:11px}.secondary-button{border:1px solid var(--line);background:none;color:#ded9ce;font-family:var(--brush);padding:8px 24px;margin-top:14px;font-size:20px}.secondary-button:hover,.practice-reset:hover,.practice-exit:hover{background:#ffffff14}@media(max-width:950px){.app{padding:0 22px}.mechanic-cards article{padding:17px 12px;gap:10px}.card-symbol{right:8px}.fighter-name strong{font-size:20px}.fighter-hud canvas{width:38px;height:42px}}@media(max-width:600px)and (orientation:portrait){.app{padding:0 12px}.app-header{height:75px}.brand{font-size:16px}.version{display:none}.battle-heading{font-size:13px;letter-spacing:1px}.stage{aspect-ratio:auto;height:calc((100vw - 24px)*.5625 + 244px)}.stage>canvas{height:auto!important;aspect-ratio:16/9}.hud{gap:8px;top:10px}.fighter-hud{gap:4px;width:44%;padding:5px}.fighter-hud canvas{display:none}.fighter-name strong{font-size:15px;letter-spacing:0}.fighter-name>span{font-size:6px}.fighter-name{margin-bottom:3px}.health-track{height:6px}.mana-track{height:3px;margin-top:2px}.fighter-detail{flex-direction:column;gap:2px;font-size:8px;margin-top:3px;letter-spacing:0}.sukuna-hud .fighter-detail{flex-direction:column;align-items:flex-end}.versus b{font-size:15px}.versus span{display:none}.intro-card h1{font-size:30px;margin:8px 0}.eyebrow{font-size:5px;letter-spacing:2px}.intro-subtitle,.intro-rules{display:none}.intro-card .primary-button{margin-top:7px;padding:9px 12px;width:160px;font-size:20px}.intro-tip{font-size:6px;margin:10px 0}.stage-caption{display:none}.rotate-hint{display:block;position:absolute;bottom:6px;left:14px;color:var(--muted);font-size:7px;z-index:4;pointer-events:none}.controls{--action-size:44px;inset:auto 0 0;height:244px;background:linear-gradient(#1110,var(--ink) 18%)}.movement{left:12px;bottom:47px}.control-label{font-size:15px}.joystick{width:96px}.action-buttons{right:12px;bottom:24px}.action-buttons kbd{display:none}.action-buttons .action-icon{width:68%;height:68%;transform:translateY(-5px)}.mechanic-cards{grid-template-columns:1fr;gap:8px}.mechanic-cards article{padding:14px}.mechanic-cards p br{display:none}.below-stage{font-size:9px;line-height:1.8;margin-bottom:20px}.platform-note{display:none}.domain-banner{font-size:19px;letter-spacing:1px;top:120px;padding:3px}.domain-banner small{font-size:8px;margin-top:1px}.toast{top:calc((100vw - 24px)*.5625 - 32px);font-size:9px;padding:4px 8px}.pause-button{width:21px;height:19px;left:calc(50% - 10px);top:45px;font-size:9px}.help-grid{grid-template-columns:1fr}.result-card h1{font-size:26px}.result-card .intro-subtitle{display:block;font-size:8px;margin:8px 0}}@media(max-height:600px)and (orientation:landscape){html,body{overflow:hidden;width:100%;height:100%;overscroll-behavior:none}.app{padding:0;max-width:none;height:100svh}.app-header,.battle-heading,.below-stage,.mechanic-cards,footer{display:none}main{height:100%}.arena-shell{border:0;width:100%;height:100%;position:relative}.stage{height:100%;aspect-ratio:auto}.stage>canvas{object-fit:fill;height:100%!important}.hud{top:max(10px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:35px}.fighter-hud{width:41%;padding:6px}.fighter-hud canvas{width:36px;height:40px}.fighter-name strong{font-size:19px}.fighter-name>span{font-size:7px}.fighter-name{margin-bottom:4px}.health-track{height:7px}.mana-track{height:4px}.fighter-detail{font-size:7px;margin-top:3px}.versus b{font-size:17px}.versus span{font-size:6px}.controls{--action-size:clamp(44px,14svh,60px) }.movement{left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom))}.control-label{margin-top:6px;font-size:15px}.control-label small{display:none}.joystick{width:clamp(96px,30svh,140px)}.action-buttons{right:max(22px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.action-buttons kbd{display:none}.action-buttons .action-icon{width:68%;height:68%;transform:translateY(-5px)}.stage-caption{bottom:10px;left:43%;right:auto;font-size:6px}.stage-caption>span:last-child{display:none}.intro-card h1{font-size:45px;margin:12px 0}.intro-subtitle{margin:10px 0 12px;font-size:10px}.primary-button{margin-top:15px;padding:10px 16px}.intro-tip{margin-top:12px;font-size:8px}.domain-banner{left:20%;right:35%;top:calc(17% + 76px);font-size:clamp(18px,2.9vw,24px)}.pause-button{top:17%;width:23px;height:21px}.toast{top:62%}.overlay{z-index:5}.help-grid{grid-template-columns:1fr 1fr}dialog{max-height:90svh;overflow:auto;padding:20px}.result-card h1{font-size:32px}.result-card{max-height:100%;overflow:auto;margin-top:0;padding:16px 20px}}@media(max-height:450px)and (orientation:landscape){.intro-card{margin-top:0}.intro-card h1{font-size:clamp(28px,8svh,40px);margin:6px 0}.intro-subtitle{margin:6px 0;font-size:9px}.difficulty-heading,.result-card .difficulty-heading{margin:6px 0 4px;font-size:8px}.difficulty-picker button{min-width:60px;padding:5px 12px;font-size:20px}.difficulty-summary{margin-top:4px;font-size:8px;line-height:1.4}.result-card .secondary-button{padding:5px 14px;margin-top:7px;font-size:17px}}@media(max-width:600px)and (orientation:portrait){.result-card .eyebrow{display:none}.result-card h1{font-size:22px;margin:6px 0}.result-card .intro-subtitle{font-size:8px;margin:6px 0}.result-card .secondary-button{font-size:16px;padding:5px 12px;margin-top:7px}.result-card{max-height:100%;overflow:auto;margin-top:0;padding:16px 12px}.result-card .primary-button{margin-top:6px}}button.recast-ready{box-shadow:0 0 14px #57ccff99;border-color:#8ce4ff}@font-face{font-family:Shinjuku Brush;src:url(./shinjuku-brush-Cx87Vom2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.app-header{height:76px}.brand{font-family:var(--brush);font-size:25px;font-weight:400;letter-spacing:2px}.brand-mark{color:#e7e5df;border-color:#777;transform:rotate(-5deg)}.brand small,.version,.version b{color:#888}.icon-button{border-color:var(--line);background:var(--panel);color:var(--paper)}body:is([data-screen=title],[data-screen=select]) .app{max-width:1440px;padding:0 24px}body:is([data-screen=title],[data-screen=select]) .battle-heading,body:is([data-screen=title],[data-screen=select]) .below-stage,body:is([data-screen=title],[data-screen=select]) .mechanic-cards,body:is([data-screen=title],[data-screen=select]) .hud,body:is([data-screen=title],[data-screen=select]) .controls,body:is([data-screen=title],[data-screen=select]) .stage-caption,body:is([data-screen=title],[data-screen=select]) .rotate-hint{display:none}body:is([data-screen=title],[data-screen=select]) .arena-shell{border:1px solid var(--line);box-shadow:none}body:is([data-screen=title],[data-screen=select]) .stage{height:calc(100svh - 122px);min-height:540px;max-height:940px;aspect-ratio:auto}body:is([data-screen=title],[data-screen=select]) footer{padding:16px 0;color:#777}.manga-menu{isolation:isolate;display:block;overflow:auto;background:#101010;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--paper)}.manga-menu:before,.manga-menu:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.manga-menu:before{background-image:url(./domain-clash-Dk0WGBkD.png);background-size:cover;background-position:center 35%}.manga-menu:after{background:linear-gradient(180deg,#0000 25%,#0003 46%,#0a0a0ac4 70%,#0a0a0af5)}.manga-frame{position:absolute;inset:14px;border:1px solid #ffffff45;pointer-events:none}.title-card{position:absolute;bottom:38px;left:24px;right:24px;text-align:center}.title-kicker{font-family:var(--brush);font-size:22px;letter-spacing:4px;margin:0 0 12px;text-shadow:0 2px 6px #000}.title-kicker span{color:#b5b4b0;font-size:16px;margin:0 20px}.title-card h1{margin:0;font-family:var(--brush);font-size:clamp(78px,10vw,146px);font-weight:400;letter-spacing:9px;line-height:1.06;transform:rotate(-3deg);text-shadow:3px 5px 0 #101010,0 0 32px #0009}.title-english{font:10px monospace;letter-spacing:8px;margin:14px 0 28px;color:#c7c5c0}.duel-button{display:flex;align-items:center;justify-content:space-between;width:240px;min-height:58px;margin:0 auto;padding:9px 25px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font-family:var(--brush);font-size:31px;letter-spacing:8px;box-shadow:5px 5px #ffffff2b;transition:background .15s,transform .15s}.duel-button>span:last-child{font-family:system-ui,sans-serif;font-size:25px;letter-spacing:0}.duel-button:hover{background:#fff;transform:translateY(-2px)}.duel-button:active{transform:translateY(1px)}.manga-menu button:focus-visible{outline:2px solid #fff;outline-offset:5px}.title-note{font-family:var(--brush);font-size:16px;letter-spacing:3px;color:#b6b4af;margin:22px 0 0}.menu-edition{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;pointer-events:none;color:#b5b3ac;font:9px monospace;letter-spacing:2px}.menu-edition>span:first-child{font-family:var(--brush);font-size:17px;letter-spacing:4px}body[data-screen=select] .manga-menu:after{background:linear-gradient(90deg,#0a0a0a38,#0a0a0abf 45%,#0a0a0aeb)}.selection-card{position:relative;width:min(470px,calc(100% - 80px));margin:clamp(28px,5svh,70px) 7% 64px auto;padding:24px 28px 28px;background:#111e;border:1px solid var(--line);box-shadow:7px 7px #0007}.menu-back{padding:3px 0;border:0;background:none;color:#aaa8a2;font-size:12px}.menu-back:hover{color:#fff}.selection-kicker{margin:26px 0 12px;font-family:var(--brush);font-size:21px;letter-spacing:3px;color:#b9b5ad}.selection-kicker span{color:#6d6a64;margin:0 6px}.selection-card h1{font-family:var(--brush);font-size:58px;font-weight:400;letter-spacing:5px;line-height:1.1;margin:0 0 12px}.selection-subtitle{font-family:var(--brush);font-size:17px;letter-spacing:2px;color:#aaa69e;margin:0 0 30px}.selection-card .difficulty-heading{color:#aaa69e;margin:0 0 10px;font-size:11px}.selection-card .difficulty-picker{gap:10px}.selection-card .difficulty-picker button{flex:1;min-width:0;padding:14px 7px 12px;border-color:var(--line);background:var(--panel);color:#c5c0b6;font-family:var(--brush);font-size:28px;letter-spacing:2px;transition:background .15s,color .15s}.selection-card .difficulty-picker button small{display:block;margin-bottom:7px;font:9px monospace;letter-spacing:2px;opacity:.55}.selection-card .difficulty-picker button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.selection-card .difficulty-summary{min-height:40px;margin:14px 0 20px;color:#96928a;font-size:11px;line-height:1.9}.selection-card .duel-button{width:100%;font-size:28px;letter-spacing:4px}.training-choice{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:25px;padding-top:24px;border-top:1px solid #55514a}.training-choice strong{font-family:var(--brush);font-size:26px;font-weight:400;letter-spacing:2px}.training-choice p{color:#8d8980;font-size:10px;line-height:1.6;margin:6px 0 0}.training-button{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:#ded9ce;font-family:var(--brush);font-size:21px}.training-button:hover{background:#ffffff14}.training-button span{font-family:system-ui,sans-serif;margin-left:8px;font-size:16px}.result-card h1,dialog h2,.mechanic-cards h2{font-family:var(--brush);font-weight:400}.result-card h1{text-shadow:none}@media(max-width:600px)and (orientation:portrait){body:is([data-screen=title],[data-screen=select]) .app{padding:0 10px}body:is([data-screen=title],[data-screen=select]) .app-header{height:64px}body:is([data-screen=title],[data-screen=select]) .stage{height:calc(100svh - 108px);min-height:590px}.manga-menu:before{background-size:100% auto;background-position:center top;background-repeat:no-repeat}.manga-menu:after{background:linear-gradient(180deg,#0000 5% 19%,#101010b3 34%,#101010 54%)}.manga-frame{inset:9px}.title-card{bottom:75px;left:14px;right:14px}.title-card h1{font-size:clamp(64px,20vw,104px);letter-spacing:2px}.title-kicker{font-size:20px;letter-spacing:2px;margin-bottom:20px}.title-kicker span{margin:0 12px}.title-english{font-size:8px;letter-spacing:4px;margin:20px 0 32px}.title-note{font-size:15px;margin-top:24px}.menu-edition{bottom:24px;left:22px;right:22px;font-size:8px}.selection-card{width:calc(100% - 30px);margin:90px auto 60px;padding:22px 20px}body[data-screen=select] .manga-menu:after{background:linear-gradient(180deg,#0003,#101010b3 25%,#101010 50%)}.selection-kicker{margin-top:20px}.selection-card h1{font-size:49px}.selection-subtitle{margin-bottom:25px}.selection-card .difficulty-picker button{font-size:26px;padding:11px 5px}.training-choice{gap:8px}.training-choice strong{font-size:23px}.training-choice p{max-width:160px}.training-button{font-size:18px;padding:8px}.practice-tools{top:82px;gap:6px}.practice-reset,.practice-exit{font-size:14px;min-height:30px;padding:4px 8px}}@media(max-height:600px)and (orientation:landscape){body:is([data-screen=title],[data-screen=select]) .app{padding:0;height:100svh}body:is([data-screen=title],[data-screen=select]) .stage{height:100svh;min-height:0;max-height:none}body:is([data-screen=title],[data-screen=select]) .arena-shell{border:0}.title-card{bottom:22px}.title-card h1{font-size:clamp(58px,19svh,108px);letter-spacing:5px}.title-kicker{font-size:16px;margin-bottom:8px}.title-english{font-size:8px;margin:12px 0 16px}.duel-button{width:210px;min-height:44px;font-size:25px;padding:5px 20px}.title-note{display:none}.menu-edition{bottom:22px;left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right))}.selection-card{width:min(500px,calc(100% - 70px));margin:16px 5% 32px auto;padding:14px 22px}.selection-kicker,.selection-subtitle{display:none}.selection-card h1{font-size:36px;margin:10px 0}.selection-card .difficulty-heading{display:none}.selection-card .difficulty-picker button{font-size:25px;padding:7px}.selection-card .difficulty-picker button small{display:none}.selection-card .difficulty-summary{min-height:0;margin:8px 0 12px;font-size:9px;line-height:1.5}.selection-card .duel-button{min-height:40px;font-size:23px}.training-choice{margin-top:14px;padding-top:12px}.training-choice strong{font-size:23px}.training-choice p{font-size:9px;margin-top:4px}.training-button{min-height:38px;font-size:20px}body[data-screen=select] .menu-edition{display:none}.practice-tools{top:calc(17% + 30px);left:50%}.practice-reset,.practice-exit{min-height:30px}}@media(prefers-reduced-motion:reduce){.duel-button,.selection-card .difficulty-picker button{transition:none}}