:root{color:#252321;font-synthesis:none;-webkit-font-smoothing:antialiased;--paper:#f6f5f1;--ink:#252321;--red:#b84b45;--muted:#8c877e;--line:#e1ded5;background:#e9e6de;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}button:focus-visible{outline-offset:4px;outline:3px solid #bd715e}button,h1,h2,p{margin:0}button{color:inherit}#app{background:var(--paper);max-width:480px;min-height:100svh;margin:0 auto}.game-screen{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 26px max(26px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.menu-screen{height:100svh;min-height:620px;padding-top:max(42px, env(safe-area-inset-top));align-items:center}.menu-tag{letter-spacing:3px;color:var(--muted);z-index:2;font-size:12px}.game-title{letter-spacing:-5px;text-align:center;z-index:2;margin-top:20px;font-size:clamp(60px,17vw,78px);font-weight:850;line-height:1.05;transform:rotate(-4deg)}.game-title>span{color:var(--red);display:block}.game-title i{margin-left:4px;font-size:.95em;font-style:normal;display:inline-block;transform:rotate(9deg)}.menu-cast{flex:1;width:calc(100% + 52px);min-height:190px;max-height:400px;margin-top:8px;position:relative;overflow:hidden}.menu-cast:after{content:"";background:linear-gradient(transparent, var(--paper));height:45px;position:absolute;bottom:0;left:0;right:0}.menu-cast img{object-fit:contain;width:290px;height:290px;position:absolute;bottom:-7px}.menu-cast img:first-child{left:-40px;transform:rotate(-7deg)}.menu-cast img:last-child{right:-42px;transform:rotate(6deg)}.menu-actions{z-index:2;gap:12px;width:100%;padding-top:12px;display:grid}.primary-button,.secondary-button{letter-spacing:2px;border-radius:16px;justify-content:center;align-items:center;gap:20px;width:100%;min-height:60px;padding:16px 20px;font-size:18px;font-weight:650;display:flex}.primary-button{background:var(--red);border:1px solid var(--red);color:#fffaf1;box-shadow:0 4px #8d3935}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #8d3935}.secondary-button{color:var(--ink);box-shadow:none;background:0 0;border:1px solid #d6d1c6}.screen-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.screen-header h1{letter-spacing:2px;font-size:18px;font-weight:650}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:44px;height:44px;padding:11px}.icon-button svg{width:100%;height:100%}.header-space{width:44px}.screen-intro{margin:34px 0 26px}.eyebrow{color:var(--red);letter-spacing:3px;margin-bottom:12px;font-size:12px;font-weight:550}.screen-intro h2{letter-spacing:-1px;font-size:30px;font-weight:650}.quiet-note{color:var(--muted);font-size:12px;line-height:1.7}.screen-intro .quiet-note{margin-top:12px}.screen-bottom{gap:12px;margin-top:auto;padding-top:26px;display:grid}.screen-bottom>.quiet-note{text-align:center;margin-bottom:2px}.fighter-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fighter-option{border:1px solid var(--line);background:#eeece5;border-radius:20px;min-height:260px;padding:0 0 20px;position:relative;overflow:hidden}.fighter-option[aria-pressed=true]{border:2px solid var(--red);background:#f1e8dd}.fighter-option img{object-fit:cover;object-position:center 0;width:230%;max-width:none;height:245px;margin-left:-65%;display:block}.fighter-name{font-size:21px;font-weight:650}.selection-tick{background:var(--red);color:#fff;border-radius:50%;width:24px;height:24px;line-height:24px;display:none;position:absolute;top:12px;right:12px}.fighter-option[aria-pressed=true] .selection-tick{display:block}.board-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.board-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.rank{color:var(--red);width:24px;font-size:13px;font-weight:650}.avatar{background:#e9e4d9;border-radius:12px;flex-shrink:0;width:64px;height:70px;position:relative;overflow:hidden}.avatar img{width:180px;max-width:none;height:180px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.board-list strong{font-size:17px;font-weight:600}.defeat-count{color:var(--red);font-variant-numeric:tabular-nums;margin-left:auto;font-size:21px;font-weight:650}.board-status{color:var(--muted);text-align:center;padding:24px 0;font-size:12px;line-height:1.7}.fight-screen{height:100svh;min-height:540px;padding:max(16px, env(safe-area-inset-top)) 18px max(12px, env(safe-area-inset-bottom))}.sound-button{color:var(--muted);background:0 0;border:0;width:44px;padding:12px 0;font-size:11px}.fight-progress{text-align:center;padding:16px 18px 8px}.fight-progress progress{width:100%;height:5px;accent-color:var(--red);border:0;border-radius:5px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--red);border-radius:5px;transition:width .15s}.fight-progress p{color:var(--muted);margin-top:12px;font-size:12px}.fight-stage{touch-action:none;flex:1;width:calc(100% + 36px);min-height:360px;margin-left:-18px;position:relative}.fight-stage canvas{display:block}.loading-stage{color:var(--muted);z-index:5;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.fight-note{color:var(--muted);text-align:center;padding-top:6px;font-size:10px}.pause-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f5f1d9;place-items:center;padding:32px;display:grid;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-overlay>div{text-align:center;width:100%}.pause-overlay h2{margin-bottom:40px;font-size:36px}.result-screen{text-align:center;align-items:center}.result-screen>.eyebrow{margin-top:20px}.result-title{letter-spacing:-5px;font-size:72px;font-weight:850;transform:rotate(-5deg)}.result-title span{color:var(--red)}.result-portrait{background:#eee8dd;border-radius:100px;width:220px;height:200px;margin:22px 0 18px;position:relative;overflow:hidden}.result-portrait img{width:500px;height:500px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(5deg)}.result-portrait img.result-snapshot{width:480px;height:740px;top:-145px;transform:translate(-50%)}.result-screen h2{font-size:19px;font-weight:600}.result-sync{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.result-screen .screen-bottom{width:100%}.text-button{color:var(--muted);background:0 0;border:0;min-height:42px;font-size:13px}@media (height<=680px){.menu-screen{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));min-height:540px}.menu-tag{font-size:10px;line-height:12px}.game-title{margin-top:8px;font-size:50px}.menu-cast{min-height:165px;margin-top:6px}.menu-cast img{width:210px;height:210px}.menu-cast img:first-child{left:-18px}.menu-cast img:last-child{right:-18px}.menu-actions{gap:10px;padding-top:10px}.menu-actions button{min-height:56px;padding:12px 20px}.screen-intro{margin-top:18px;margin-bottom:20px}.screen-bottom{padding-top:16px}.fighter-option img{height:200px}.fighter-option{min-height:230px}.result-screen{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}.result-screen>.eyebrow{display:none}.result-title{font-size:56px;line-height:1.05}.result-portrait{width:160px;height:110px;margin:10px 0}.result-portrait img.result-snapshot{width:360px;height:555px;top:-109px}.result-screen h2{font-size:16px}.result-sync{margin-top:6px;font-size:10px}.result-screen .screen-bottom{gap:8px;padding-top:14px}.result-screen .screen-bottom .primary-button,.result-screen .screen-bottom .secondary-button{min-height:52px;padding:10px 16px}.result-screen .text-button{min-height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}