:root{color:#f4e6d4;font-synthesis:none;text-rendering:optimizelegibility;background:#140e0c;font-family:Songti TC,PMingLiU,Noto Serif CJK TC,serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%;margin:0}body{background:#140e0c;min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.screen{min-height:100dvh;position:relative}.title-screen{overflow:hidden}.title-bg{background:#1a120e;position:absolute;inset:0;overflow:hidden}.title-bg-art{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:calc(100% + 2px);max-width:none;height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.title-stage{pointer-events:none;position:absolute;inset:0}.title-stage canvas{width:100%;height:100%;display:block}.title-copy{z-index:2;background:linear-gradient(90deg,#0c0806b8,#0c08060d 70%);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.6rem;min-height:100dvh;padding:8vh 7vw 10vh;display:flex;position:relative}.title-word{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.title-logo{image-rendering:auto;filter:drop-shadow(0 8px 18px #00000073);width:min(78vw,640px);height:auto}.subtitle{letter-spacing:.4em;color:#e7d3b0;margin:0}.title-actions,.sheet-foot,.title-links{flex-wrap:wrap;gap:.7rem;display:flex}.seal-btn,.text-btn,.choice,.touch-btn,.bind-row{color:#f6e7d4;background:#3a1d16;border:1px solid #a15a3a;border-radius:999px;padding:.7rem 1.2rem}.seal-btn.ghost,.text-btn{background:0 0}.seal-btn:disabled{opacity:.45;cursor:not-allowed}.choice.is-on,.school-card.is-on,.stage-card.is-on,.bind-row.is-on{outline:2px solid #e7c27a}.sheet,.select-screen{max-width:1100px;margin:0 auto;padding:1.2rem 4vw 3rem}.sheet-head,.choice-row,.card-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.sheet h1,.sheet h2,.select-screen h1,.select-screen h2{font-weight:500}.hint,.intro-line,.purse{color:#e4d0b4;line-height:1.6}.field,.slider{background:#241612;border:1px solid #6d4636;border-radius:8px;padding:.45rem .6rem}.stack{flex-direction:column;gap:.35rem;margin:.8rem 0;display:flex}.check-row{flex-direction:row;align-items:center}.is-hidden{display:none}.school-card,.stage-card,.sku,.district{text-align:left;background:#241410;border:1px solid #5c382c;border-radius:12px;flex-direction:column;gap:.2rem;width:min(100%,240px);padding:.5rem;display:flex}.portrait{width:96px;height:96px;image-rendering:pixelated}.thumb{object-fit:cover;width:100%;height:88px;image-rendering:pixelated;border-radius:8px}.card-row{align-items:stretch}.fight-screen{background:#000;height:100dvh;overflow:hidden}.fight-stage{position:absolute;inset:0}.fight-stage canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:.6rem;display:flex;position:absolute;inset:0}.bars{grid-template-columns:1fr auto 1fr;align-items:start;gap:.6rem;display:grid}.fighter-hud{pointer-events:none;background:#0c08068c;border-radius:10px;padding:.4rem .6rem}.fighter-hud.p2{text-align:right}.meter{background:#2a1a16;border-radius:99px;height:8px;margin:.2rem 0;overflow:hidden}.meter i{width:0;height:100%;display:block}.meter.hp i{background:#c4473a}.meter.rage i{background:#e0a04a}.meter-label,.timer{font-size:.85rem}.timer{letter-spacing:.08em;align-self:center;font-size:1.3rem}.skill-row{flex-wrap:wrap;gap:.25rem;display:flex}.fighter-hud.p2 .skill-row{justify-content:flex-end}.pip{opacity:.8;border:1px solid #6a4034;border-radius:6px;padding:.05rem .3rem;font-size:.68rem}.pip.is-cd{opacity:.35}.pip.is-ready{color:#ffd27a;border-color:#e0a04a}.stun{color:#f0c36a;font-size:.8rem}.subtitle{pointer-events:none;text-shadow:0 2px #000;flex-direction:column;align-items:center;gap:.25rem;display:flex}.line{margin:0;font-size:1.15rem}.line-finisher{letter-spacing:.12em;font-size:1.35rem}.hud-leave{pointer-events:auto;align-self:flex-start}.rage-banner{pointer-events:none;place-items:center;height:22vh;display:grid;position:absolute;top:18%;left:0;right:0;transform:translate(-110%)}.rage-banner.is-on{animation:.4s linear forwards banner-sweep}.rage-banner-img{width:auto;max-height:22vh;image-rendering:pixelated}.rage-banner-text{letter-spacing:.2em;text-shadow:0 0 12px #fff,0 2px #000;margin:0;font-size:clamp(1.6rem,4vw,3rem);position:absolute}@keyframes banner-sweep{to{transform:translate(0)}}.floats{pointer-events:none;position:absolute;inset:0}.float{text-shadow:0 2px #000;font-weight:700;position:absolute}.tone-block{color:#f0d7a0}.tone-break{color:#9fd0ff}.tone-crit{color:#ffd27a}.result,.pause{text-align:center;background:#0a0605b8;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1rem;display:flex;position:absolute;inset:0}.fight-status{position:absolute;bottom:1rem;left:1rem}.touch-pad{display:none}@media (pointer:coarse),(width<=860px){.touch-pad{z-index:4;pointer-events:auto;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100dvw;height:100dvh;display:grid;position:fixed;inset:0}.touch-btn{opacity:.16;color:#1a100c;background:#fff;border-radius:12px;margin:.4rem}.bars{grid-template-columns:1fr}.timer{order:-1}.title-copy{background:linear-gradient(#140e0c,#0000 40%);justify-content:flex-start;padding-top:8vh}}.bind-list{flex-direction:column;gap:.4rem;display:flex}.bind-row{border-radius:10px;justify-content:space-between;width:min(100%,520px);display:flex}.district-list,.shop-list{flex-wrap:wrap;gap:.6rem;display:flex}.inn-log p{margin:.2rem 0}.sku em,.district em{color:#e0b15a;font-style:normal}