:root{color:#16110a;background:#9eddf4;font-family:Arial Rounded MT Bold,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 8%,rgba(255,224,83,.5),transparent 15rem),radial-gradient(circle at 82% 16%,rgba(255,255,255,.62),transparent 11rem),linear-gradient(145deg,#4dbbea,#fff1b5 58%,#ffdf6f)}button,select{min-width:0;border:3px solid #111;border-radius:12px;background:linear-gradient(180deg,#fffdf6,#fff0cd);box-shadow:0 4px #111;color:#111;cursor:pointer;font:inherit;font-weight:1000;white-space:nowrap}button:active{transform:translateY(3px);box-shadow:0 1px #111}.app-stage{display:grid;place-items:start center;min-height:100vh;padding:14px}.phone-shell{width:min(430px,100%);min-height:min(940px,calc(100vh - 28px));overflow:hidden;border:7px solid #101010;border-radius:20px;background:linear-gradient(180deg,#67cdf4 0 17%,#fff2cc 17% 100%);box-shadow:0 20px 50px #21232a5c}.mobile-header{position:relative;padding:10px 10px 0;background:radial-gradient(ellipse at 12% 74%,rgba(255,255,255,.78) 0 2.4rem,transparent 2.5rem),radial-gradient(ellipse at 84% 22%,rgba(255,255,255,.8) 0 2rem,transparent 2.1rem),linear-gradient(180deg,#20b8f0,#aeeeff 86%,transparent 86%)}.brand-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.brand-copy{min-width:0}.kicker{margin:0 0 -5px 54px;color:#fffbe3;font-size:12px;font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 #111}.brand-row h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.title-logo{display:block;width:min(310px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 4px 0 #111)}.music-toggle{display:grid;justify-items:center;align-content:center;width:72px;min-height:48px;padding:3px 6px;border-radius:14px;font-size:12px;line-height:1.05}.music-toggle span{color:#111;font-size:17px;line-height:1}.music-toggle.active{background:linear-gradient(180deg,#ffe875,#ffc72e)}.disclaimer{margin:8px 0 7px;padding:5px 8px;border:2px solid #111;border-radius:999px;background:#fffadef0;color:#271c0b;font-size:13px;font-weight:1000;line-height:1.25;text-align:center}.screen-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:4px;padding:7px 6px 8px;border:5px solid #101010;border-bottom:0;border-radius:17px 17px 0 0;background:#fff9e4f0}.screen-tabs:before{content:"";position:absolute;left:15%;right:15%;top:23px;height:5px;border-radius:999px;background:#111}.screen-tabs span{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;color:#66583a;font-size:13px;font-weight:1000}.screen-tabs b{display:grid;place-items:center;width:32px;height:32px;border:3px solid #111;border-radius:50%;background:#fffdf5;color:#111;font-size:15px}.screen-tabs .active{color:#111}.screen-tabs .active b{width:38px;height:38px;background:linear-gradient(180deg,#ffe875,#ffc72e);box-shadow:0 3px #111}.screen-tabs .done b{background:#dff5c9}.portrait-panel,.battle-screen{margin:0 8px 9px;border:5px solid #101010;border-radius:0 0 17px 17px;background:#fff6dc}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 6px;color:#111;font-size:21px;font-weight:1000}.panel-title span{display:flex;align-items:center;gap:6px}.panel-title img{width:25px;height:25px;object-fit:contain}.panel-actions{display:flex;align-items:center;gap:7px}.panel-actions .reset-button{margin-left:9px}.panel-title button{min-height:34px;padding:3px 12px;font-size:15px}.roster-actions button{padding-inline:10px}.roster-screen{display:grid;gap:8px;padding-bottom:10px}.roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 10px}.roster-card{position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:end;min-height:94px;padding:7px 3px 4px;overflow:hidden;border-radius:11px;background:#fffdf6}.roster-card.selected{background:linear-gradient(180deg,#ecffd7,#ffe994)}.roster-card b,.queue-card b{position:absolute;left:3px;top:3px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #111;border-radius:50%;background:#ffcf22;font-size:13px}.roster-card .cat-asset{width:118%;height:60px}.roster-card span{width:100%;overflow:hidden;font-size:12px;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cat-asset{display:block;width:100%;height:100%;object-fit:contain}.selected-card{display:grid;grid-template-columns:104px 1fr;gap:7px;margin:0 10px;padding:7px;border:4px solid #111;border-radius:13px;background:linear-gradient(180deg,#fffdf7,#ffeaa5)}.selected-portrait{grid-row:span 3;display:grid;place-items:center;min-height:128px;border:3px solid #111;border-radius:10px;background:#eaf9d8}.selected-copy{display:grid;align-content:start;gap:4px}.selected-heading{display:flex;align-items:center;gap:6px}.selected-heading span{flex:none;padding:2px 7px;border:2px solid #111;border-radius:999px;background:#fff;font-size:11px;font-weight:1000}.selected-heading h2{margin:0;overflow:hidden;font-size:23px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.selected-copy p{margin:0;font-size:12px;font-weight:900;line-height:1.25}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stat-strip.compact{grid-column:2}.stat{min-width:0;padding:5px 4px;border:2px solid #111;border-radius:8px;background:#fff}.stat span{display:block;color:#655635;font-size:10px;font-weight:1000}.stat strong{display:block;margin-top:1px;overflow-wrap:anywhere;font-size:15px}.relay-note{grid-column:2;display:grid;gap:2px;padding:5px 7px;border:2px solid #111;border-radius:9px;background:#fff;font-size:12px;font-weight:900;line-height:1.22}.relay-note strong{color:#e5485d}.order-controls,.mode-switcher,.control-grid{display:flex;gap:7px}.order-controls{grid-column:1 / -1}.order-controls button,.mode-switcher button,.mode-panel button{min-height:36px;padding:4px 11px;font-size:15px}.mode-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:1000}.mode-switcher{display:grid;grid-template-columns:repeat(3,1fr)}.mode-switcher .active,.primary-button{background:linear-gradient(180deg,#ffe875,#ffc72e)}.primary-button{font-weight:1000}.start-button{min-height:46px;margin:0 10px;font-size:20px}.battle-screen{display:grid;gap:7px;padding-bottom:9px}.battle-arena{position:relative;min-height:326px;overflow:hidden;border-bottom:5px solid #111;background-position:center bottom;background-size:cover}.house-hud{position:absolute;z-index:5;bottom:15px;width:116px;display:grid;justify-items:center;gap:2px;color:#fff;text-shadow:0 2px 0 #111;font-size:13px;font-weight:1000}.house-hud.player{left:2px}.house-hud.cpu{right:2px}.house-hud div{width:100%;height:19px;overflow:hidden;border:3px solid #111;border-radius:8px;background:#fff}.house-hud div span{display:block;height:100%;background:linear-gradient(180deg,#83ef74,#41c63c)}.house-hud small{margin-top:-21px;color:#fff;text-shadow:0 2px 0 #111;font-size:11px}.relay-status{position:absolute;z-index:6;top:48px;left:50%;display:flex;align-items:center;justify-content:center;gap:5px;min-width:104px;padding:5px 8px;border:3px solid #ffcf22;border-radius:999px;background:#111;color:#ffdf48;font-size:13px;font-weight:1000;transform:translate(-50%)}.relay-status img{width:20px;height:20px;object-fit:contain}.relay-status b{color:#ffcf22}.house-art{position:absolute;z-index:2;bottom:36px;width:92px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(17,17,17,.55))}.player-house{left:5px}.cpu-house{right:5px}.vs-badge{position:absolute;z-index:4;left:50%;top:49%;display:grid;place-items:center;width:58px;height:54px;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 3px 0 rgba(17,17,17,.65))}.vs-badge img{width:82px;height:82px;object-fit:contain}.battle-fighter{position:absolute;z-index:3;display:grid;justify-items:center;width:104px}.battle-fighter.player{left:52px;bottom:100px}.battle-fighter.cpu{right:52px;bottom:100px}.battle-fighter.cpu .cat-asset{transform:scaleX(-1)}.battle-fighter .cat-asset{height:94px;filter:drop-shadow(0 3px 0 rgba(17,17,17,.5))}.fighter-hud{display:grid;justify-items:center;gap:2px;width:102px;margin-bottom:-1px;color:#fff;font-size:13px;font-weight:1000;text-shadow:0 2px 0 #111}.fighter-hp{width:82px;height:10px;overflow:hidden;border:2px solid #111;border-radius:999px;background:#fff}.fighter-hp span{display:block;height:100%;background:#6ddb54}.spawn-wait{display:grid;place-items:center;width:82px;min-height:58px;border:3px dashed #111;border-radius:12px;background:#ffffffbf;font-size:12px;font-weight:1000}.combat-fx{position:absolute;z-index:7;pointer-events:none}.combat-fx.player{left:168px;top:154px}.combat-fx.cpu{right:168px;top:154px}.combat-fx b{display:grid;place-items:center;min-width:42px;min-height:30px;border:3px solid #111;border-radius:50%;background:#fff8d8;color:#111;font-size:13px;font-weight:1000;box-shadow:0 3px #111;animation:pop-hit .54s ease-out forwards}.combat-fx.shoot{display:flex;gap:5px;animation:shoot-right .5s ease-out forwards}.combat-fx.shoot.cpu,.combat-fx.star.cpu,.combat-fx.stick.cpu,.combat-fx.heart.cpu,.combat-fx.potion.cpu{animation-name:shoot-left}.combat-fx.star,.combat-fx.stick,.combat-fx.heart,.combat-fx.potion{animation:shoot-right .52s ease-out forwards}.combat-fx.star.cpu,.combat-fx.stick.cpu,.combat-fx.heart.cpu,.combat-fx.potion.cpu{animation-name:shoot-left}.combat-fx.shoot i{width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#55aef8;box-shadow:0 0 0 3px #ffcf228c}.combat-fx.burst b{border-radius:45% 55% 48% 52%;background:linear-gradient(180deg,#fff1a8,#ff775c);animation-name:pop-burst}.combat-fx.down b{background:#dff0ff;animation-name:float-down}.combat-fx .fx-star{min-width:34px;min-height:34px;border-radius:50%;background:#ffcf22;color:#fff7b7;font-size:24px;text-shadow:0 2px 0 #111}.combat-fx .fx-heart{min-width:34px;min-height:30px;border-radius:55% 45%;background:#ffe0ef;color:#ff4b9b;font-size:24px;text-shadow:0 2px 0 #111}.combat-fx .fx-stick{display:block;width:42px;height:10px;border:3px solid #111;border-radius:999px;background:linear-gradient(90deg,#8a5a2b,#d9a15d);box-shadow:0 3px #11111180;transform:rotate(-18deg)}.combat-fx .fx-potion{position:relative;display:block;width:26px;height:34px;border:3px solid #111;border-radius:8px 8px 14px 14px;background:linear-gradient(180deg,#dff4ff 0 36%,#8c8af2 37% 100%);box-shadow:0 3px #11111180;transform:rotate(14deg)}.combat-fx .fx-potion i{position:absolute;left:6px;top:-11px;width:10px;height:12px;border:3px solid #111;border-bottom:0;border-radius:5px 5px 0 0;background:#dff4ff}.combat-fx .fx-potion em{position:absolute;right:-8px;top:7px;width:8px;height:8px;border:2px solid #111;border-radius:50%;background:#78efd6}@keyframes shoot-right{0%{opacity:1;transform:translate(-38px) scale(.85)}to{opacity:0;transform:translate(42px) scale(1.12)}}@keyframes shoot-left{0%{opacity:1;transform:translate(38px) scale(.85)}to{opacity:0;transform:translate(-42px) scale(1.12)}}@keyframes pop-hit{0%{opacity:0;transform:rotate(-8deg) scale(.55)}25%{opacity:1;transform:rotate(5deg) scale(1.12)}to{opacity:0;transform:translateY(-18px) rotate(-6deg) scale(.92)}}@keyframes pop-burst{0%{opacity:0;transform:scale(.35) rotate(-10deg)}32%{opacity:1;transform:scale(1.22) rotate(6deg)}to{opacity:0;transform:scale(1.55) rotate(-5deg)}}@keyframes float-down{0%{opacity:0;transform:translateY(-4px) scale(.8)}30%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(18px) scale(.9)}}.energy-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:-1px 8px 0;padding:6px 8px;border:4px solid #111;border-radius:14px;background:#111;color:#fff;font-size:14px;font-weight:1000}.energy-hud span{display:flex;align-items:center;gap:4px}.energy-hud img{width:22px;height:22px;object-fit:contain}.energy-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.energy-cells i{height:17px;border:2px solid #050505;background:#333;transform:skew(-10deg)}.energy-cells .filled{background:#ffcf22}.queue-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 8px;padding:6px;border:4px solid #111;border-radius:13px;background:#151515}.queue-card{position:relative;display:grid;place-items:center;aspect-ratio:1.04;overflow:hidden;border:2px solid #fff;border-radius:9px;background:#fff8e8}.queue-card .cat-asset{width:122%;height:100%}.queue-card b{left:-1px;top:auto;bottom:-1px;width:23px;height:23px;background:#ef493e;font-size:12px}.queue-card.active{outline:3px solid #ffcf22}.queue-card.spent{filter:grayscale(.95);opacity:.55}.control-grid{display:grid;grid-template-columns:.95fr .78fr 1.35fr .82fr;gap:6px;padding:7px 8px}.control-grid button,.control-grid select{min-height:42px;padding:4px 5px;font-size:15px;line-height:1;text-align:center}.control-grid .primary-button{margin:0;font-size:15px}.battle-log{margin:0 8px;padding:7px;border:4px solid #111;border-radius:14px;background:linear-gradient(180deg,#fffdf6,#fff2d2)}.log-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:17px;font-weight:1000}.log-title button{min-height:28px;padding:2px 9px;border-width:2px;border-radius:9px;box-shadow:none;font-size:12px}.log-lines{display:grid;gap:4px}.log-lines p{margin:0;padding:6px 7px;border:2px solid #d1bea0;border-radius:9px;background:#ffffffb8;font-size:12px;font-weight:900;line-height:1.25}.red-dot,.blue-dot{margin-right:5px}.red-dot{color:#ef493e}.blue-dot{color:#1d91ec}.result-screen{display:grid;gap:10px;min-height:500px;padding:0 12px 14px}.result-card{position:relative;display:grid;justify-items:center;gap:3px;padding:18px 12px 12px;overflow:hidden;border:4px solid #111;border-radius:16px;background:radial-gradient(circle at 24% 20%,#fff 0 2.2rem,transparent 2.3rem),linear-gradient(180deg,#dff6ff,#fff0af);text-align:center}.result-card>.cat-asset{position:relative;z-index:1;width:210px;height:122px;filter:drop-shadow(0 4px 0 rgba(17,17,17,.42))}.result-paw{position:absolute;right:18px;top:14px;width:62px;height:62px;opacity:.28}.result-paw img{width:100%;height:100%;object-fit:contain}.result-card h2{position:relative;z-index:1;margin:0;font-size:38px;line-height:1;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,3px 3px 0 #ffcf22}.result-card p{position:relative;z-index:1;margin:0;font-weight:1000}.result-stats{grid-template-columns:repeat(3,1fr)}@media(min-width:720px){.phone-shell{width:430px}}@media(max-width:420px){.app-stage{padding:0}.phone-shell{width:100%;min-height:100svh;border:0;border-radius:0}.mobile-header{padding-top:8px}.disclaimer{font-size:12px}.battle-arena{min-height:312px}.battle-fighter.player{left:48px;bottom:96px}.battle-fighter.cpu{right:48px;bottom:96px}.control-grid button,.control-grid select{font-size:14px}}@media(max-width:360px){.brand-row h1{font-size:34px}.screen-tabs span{font-size:12px}.roster-card span{font-size:11px}.battle-fighter{width:92px}.battle-fighter.player{left:42px}.battle-fighter.cpu{right:42px}}