:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203344;--paper:#fff8e9;--paper-deep:#f5e6cd;--red:#d94b65;--red-dark:#9d2f4b;--blue:#326a99;--cyan:#54c2d9;--gold:#f1bc45}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#eadbc6;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Microsoft YaHei,system-ui,sans-serif}button,kbd{font:inherit}button{color:inherit}.game-page{background:radial-gradient(circle at 13% 10%,#fffffff2 0 2%,#ffffff47 2% 13%,#0000 25%),linear-gradient(145deg,#f9ecd9 0%,#efceb1 47%,#c4ded9 100%);align-content:center;place-items:center;gap:12px;min-height:100vh;padding:18px;display:grid;position:relative;overflow:hidden}.game-page:before{content:"";opacity:.09;background-image:repeating-linear-gradient(105deg, var(--ink) 0 1px, transparent 1px 12px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.game-page:after{content:"";aspect-ratio:1;border:2px solid #ffffff61;border-radius:50%;width:52vw;position:absolute;bottom:-26vw;left:-10vw;box-shadow:0 0 0 34px #ffffff0d,0 0 0 68px #ffffff0a}.page-sun{aspect-ratio:1;border:2px solid #ffffff7a;border-radius:50%;width:min(52vw,720px);position:absolute;top:-34vw;right:-18vw;box-shadow:0 0 0 38px #ffffff0f}.game-shell{z-index:1;border:3px solid var(--ink);background:var(--paper);border-radius:17px;width:min(1500px,96vw,177.78vh - 316.448px);min-width:780px;position:relative;overflow:hidden;box-shadow:13px 15px #20334433,0 26px 70px #2f2b2833}.game-titlebar{border-bottom:3px solid var(--ink);background:#fff8e9f7;justify-content:space-between;align-items:center;height:64px;padding:0 20px 0 24px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-slash{background:linear-gradient(to bottom, var(--red), var(--gold));border:2px solid var(--ink);width:8px;height:36px;transform:skew(-13deg)}.brand-lockup p{color:var(--red);letter-spacing:.28em;margin:0;font-size:8px;font-weight:1000}.brand-lockup h1{letter-spacing:.1em;margin:-1px 0 0;font-size:23px;line-height:1.1}.title-actions{align-items:center;gap:8px;display:flex}.stage-chip,.icon-button{border:2px solid var(--ink);background:#fff;border-radius:999px;min-height:31px;padding:6px 11px;font-size:10px;font-weight:900}.icon-button{cursor:pointer;box-shadow:0 2px 0 var(--ink)}.icon-button:hover:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(1px)}.icon-button:disabled{opacity:.4;cursor:default}.battlefield{aspect-ratio:16/9;background:#7fd1fa;position:relative;overflow:hidden}.battlefield canvas{width:100%;height:100%;display:block}.hud{z-index:4;pointer-events:none;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:12px;width:calc(100% - 54px);display:grid;position:absolute;top:13px;left:50%;transform:translate(-50%)}.fighter-name-row{text-shadow:0 2px #fff,1px 0 #fff,-1px 0 #fff;justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.fighter-name-row>div{align-items:baseline;gap:8px;display:flex}.fighter-name-row strong{letter-spacing:.08em;font-size:clamp(14px,1.45vw,20px)}.fighter-name-row span{letter-spacing:.13em;opacity:.72;font-size:clamp(7px,.62vw,9px);font-weight:1000}.enemy-card .fighter-name-row>div{justify-content:flex-end}.round-dots{gap:5px;display:flex}.round-dots i{border:2px solid var(--ink);background:#fffc;width:11px;height:11px;transform:rotate(45deg)}.player-card .round-dots i.won{background:var(--cyan)}.enemy-card .round-dots i.won{background:var(--red)}.health-track{border:3px solid var(--ink);background:#ffffffb8;height:clamp(15px,1.4vw,20px);overflow:hidden;transform:skew(-9deg);box-shadow:3px 3px #2033442e}.health-track span{background:linear-gradient(90deg,#f2c44d 0%,#e45968 78%);height:100%;transition:width .28s cubic-bezier(.2,.7,.2,1);display:block}.enemy-card .health-track span{background:linear-gradient(90deg,#e45968 22%,#f2c44d 100%);margin-left:auto}.meter-row{border:2px solid var(--ink);background:#ffffffc2;height:10px;margin-top:5px;position:relative;overflow:visible;transform:skew(-9deg)}.meter-row>span{background:linear-gradient(90deg, var(--blue), var(--cyan));max-width:100%;height:100%;transition:width .2s;display:block;overflow:hidden}.meter-row b{z-index:1;letter-spacing:.08em;text-shadow:0 1px #fff;font-size:8px;position:absolute;top:11px;left:0;transform:skew(9deg)}.enemy-meter>span{background:linear-gradient(90deg, #f19b61, var(--red));margin-left:auto}.enemy-meter b{left:auto;right:0}.round-counter{text-align:center;color:var(--ink);text-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff;padding-top:2px}.round-counter b{font-variant-numeric:tabular-nums;font-size:clamp(30px,3.45vw,46px);line-height:.86;display:block}.round-counter span{letter-spacing:.13em;font-size:clamp(7px,.68vw,9px);font-weight:1000}.game-overlay{z-index:8;text-align:center;border:3px solid var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaeff2;width:min(430px,58%);padding:clamp(21px,2.3vw,34px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:9px 10px #2033444a}.game-overlay:before,.game-overlay:after{content:"";background:var(--red);height:4px;position:absolute;transform:skew(-18deg)}.game-overlay:before{width:70px;top:16px;left:-24px}.game-overlay:after{background:var(--gold);width:45px;bottom:17px;right:-18px}.overlay-kicker{color:var(--red);letter-spacing:.23em;margin:0 0 6px;font-size:10px;font-weight:1000}.game-overlay h2{letter-spacing:.06em;margin:0;font-size:clamp(31px,4vw,54px)}.game-overlay>p:not(.overlay-kicker){max-width:340px;margin:9px auto 18px;font-size:clamp(11px,1vw,13px);line-height:1.65}.game-overlay button{cursor:pointer;border:3px solid var(--ink);color:#fff;background:var(--red);min-width:175px;box-shadow:4px 5px 0 var(--ink);border-radius:7px;padding:10px 17px;font-size:13px;font-weight:1000;transition:transform .14s,box-shadow .14s}.game-overlay button:hover{box-shadow:2px 3px 0 var(--ink);transform:translate(2px,2px)}.game-overlay button span{border:1px solid #ffffffb3;border-radius:3px;margin-left:8px;padding:2px 5px;font-size:8px}.game-overlay small{letter-spacing:.05em;opacity:.66;margin-top:13px;font-size:9px;font-weight:800;display:block}.compact-overlay{width:min(330px,50%);padding:24px}.compact-overlay h2{margin-bottom:17px;font-size:clamp(26px,3.2vw,42px)}.result-overlay{border-color:var(--red-dark)}.control-strip{border-top:3px solid var(--ink);background:var(--paper);white-space:nowrap;align-items:center;gap:clamp(7px,1.15vw,18px);min-height:54px;padding:0 17px;font-size:clamp(8px,.72vw,11px);font-weight:900;display:flex;overflow:hidden}kbd{border:2px solid var(--ink);min-width:22px;height:22px;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:4px;place-items:center;margin-right:3px;padding:0 4px;font-size:8px;line-height:1;display:inline-grid}.guard-tip{color:var(--red-dark);margin-left:auto}.desktop-note{z-index:1;letter-spacing:.15em;opacity:.62;margin:0;font-size:9px;font-weight:800;position:relative}@media (max-height:690px){.game-page{gap:5px;padding:8px}.game-shell{width:min(1300px,96vw,177.78vh - 252.448px)}.game-titlebar{height:54px}.control-strip{min-height:44px}.desktop-note{display:none}}@media (max-width:900px){html,body{overflow:auto}.game-page{place-items:start center;min-width:780px}.game-shell{width:760px;min-width:760px}.title-actions .stage-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}