@font-face{font-family:ui;src:local("Segoe UI")}*{box-sizing:border-box}html{background:#10171c}body{margin:0;color:#e7e5df;font-family:ui,system-ui,sans-serif;font-size:15px;line-height:1.45;background:radial-gradient(ellipse at 20% 0,#24323b80,transparent 60%),#10171c}button,summary{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid #d0ad66;outline-offset:4px}button:disabled{cursor:default}.shell{max-width:820px;margin:auto;padding:20px 24px max(30px,env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top))}.masthead{display:flex;align-items:center;gap:12px;margin-bottom:25px}.masthead img{object-fit:cover;border:1px solid #a58c54;border-radius:8px;image-rendering:pixelated}.eyebrow{font-size:10px;letter-spacing:2px;color:#b6a47d;font-weight:700}h1{margin:0;font-family:Georgia,serif;font-size:27px;letter-spacing:.6px}.mode{margin-left:auto;padding:5px 10px;background:#283944;color:#c9d9dd;border:1px solid #455762;border-radius:5px;font-size:12px}.arena{background:linear-gradient(145deg,#26343d,#18232b 70%);border:2px solid #5b6568;box-shadow:0 0 0 3px #0c1217,0 0 0 4px #3b474d;position:relative}.arena:before,.arena:after{content:"";position:absolute;width:9px;height:9px;background:#ae854a;border:2px solid #dbc495;transform:rotate(45deg);top:-5px}.arena:before{left:12px}.arena:after{right:12px}.arena-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid #46535d;font-size:12px;color:#c5c9c7}.seal{color:#9dbaac}.fighters{display:grid;grid-template-columns:1fr 42px 1fr;padding:24px 24px 18px;gap:12px}.fighter{min-width:0}.crest{width:62px;height:68px;margin:0 0 12px;display:grid;place-content:center;clip-path:polygon(0 0,100% 0,95% 72%,50% 100%,5% 72%);background:linear-gradient(135deg,#417f73,#243f3f);font-size:30px;border-top:3px solid #ad9a6b;color:#d4e9df}.opponent .crest{background:linear-gradient(135deg,#76536c,#392d40);color:#e9d4dd}.fighter h2{font-family:Georgia,serif;font-size:20px;margin:0 0 2px;overflow-wrap:anywhere}.role{color:#a6b4ba;font-size:12px;margin:0 0 19px}.healthline,.energyline{display:flex;justify-content:space-between;font-size:12px;gap:7px}.healthline span,.energyline span{color:#b5c0c2}.healthline strong{color:#d5ede4}.health{height:9px;border:1px solid #1b292d;background:#0c151a;margin-top:6px;overflow:hidden}.health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#387d67,#7aa886);transition:width .4s}.opponent .health i{background:linear-gradient(90deg,#814c68,#b87c90)}.energyline{margin-top:14px}.energyline strong{color:#b5cce3}.pips{display:flex;gap:4px;margin-top:6px}.pips i{flex:1;height:6px;background:#31414b;border:1px solid #435662}.pips i.filled{background:#7ca7be;border-color:#a3c0cc}.versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a69571;font:italic 16px Georgia}.versus i{display:block;width:1px;height:60px;background:linear-gradient(#947a4860,transparent)}.clock-row{display:flex;align-items:center;gap:16px;border-top:1px solid #3b4a53;padding:15px 24px;background:#121d2470}.clock{--progress:100%;position:relative;flex:0 0 53px;width:53px;height:53px;background:conic-gradient(#c6a363 var(--progress),#33424c 0);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#17222a}.clock strong,.clock small{z-index:1}.clock strong{font-size:20px;line-height:1}.clock small{font-size:8px;color:#a7b4b8;margin-top:3px;letter-spacing:1px}.clock-row p{font-size:13px;color:#b9c6c9;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 12px}.section-heading h2{font:20px Georgia;margin:0}.section-heading>span{font-size:11px;color:#96a9b1}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{background:#202d35;color:#e7e5df;border:1px solid #465761;padding:15px;text-align:left;position:relative;border-radius:4px;min-height:115px;transition:background .15s,border-color .15s}.action:hover:not(:disabled){background:#2c3c45;border-color:#a69770}.action:active:not(:disabled){transform:translateY(1px)}.action .action-title{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:16px;font-weight:600}.action .icon{font-size:21px;color:#c8b98e}.action .cost{font-size:11px;color:#b2c9db;margin-left:auto;white-space:nowrap}.action .description{display:block;color:#afbec5;font-size:12px;line-height:1.45}.action[data-action=heavy]{border-top:2px solid #a56c71}.action[data-action=hit]{border-top:2px solid #b39a67}.action[data-action=guard]{border-top:2px solid #7395b1}.action[data-action=rest]{border-top:2px solid #739e86}.action:disabled{opacity:.42}.controls{display:flex;align-items:center;gap:15px;margin-top:16px}.primary{border:1px solid #b6a178;border-top:2px solid #e0c69a;color:#171d20;background:linear-gradient(#d5bf91,#ad9569);border-radius:3px;font-weight:700;min-height:46px;padding:10px 25px}.primary:disabled{opacity:.65}.quiet{color:#a6b5bb;border:0;background:none;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.result{margin-top:22px;padding:19px 22px;background:#293b33;border:1px solid #668875;border-left:4px solid #a6ba87}.result h2{margin:5px 0;font:27px Georgia;color:#e4d5aa}.result p{margin:0;color:#b9cbc1;font-size:13px}.result.loss{background:#35282e;border-color:#8c5e6b}.error{padding:13px;margin-top:18px;border-left:3px solid #c79381;background:#4b3030;color:#f5d4c6}.history-section ol{list-style:none;padding:0;margin:0}.round-entry{border-top:1px solid #37454e;padding:13px 0}.round-label{font-size:10px;color:#a99b7e;letter-spacing:1px;margin-bottom:8px}.round-moves{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}.round-moves b{font-weight:500;color:#d3ddd9}.damage{display:block;color:#9fadb5;font-size:11px;margin-top:2px}.rules{border-top:1px solid #394750;margin-top:25px;padding-top:16px;color:#a9b8be;font-size:13px}.rules summary{cursor:pointer;color:#c5cec9}.rules p{max-width:600px}footer{color:#82959e;font-size:11px;padding:20px 0 0}[hidden]{display:none!important}@media(min-width:650px){.fighters{padding:25px 35px;gap:25px;grid-template-columns:1fr 65px 1fr}.crest{width:74px;height:80px}.fighter h2{font-size:23px}.choices{grid-template-columns:repeat(4,1fr)}.action{min-height:155px;padding:14px}.action .action-title{flex-wrap:wrap}.action .cost{margin-left:0}.clock-row{padding-left:35px}}@media(max-width:380px){.shell{padding-left:14px;padding-right:14px}.fighters{padding:20px 14px 16px;gap:7px;grid-template-columns:1fr 25px 1fr}.fighter h2{font-size:17px}.mode{font-size:10px;padding:5px}.masthead{gap:9px}.eyebrow{letter-spacing:1px;font-size:9px}.action{padding:11px}.action .action-title{font-size:14px}.action .cost{font-size:10px}.clock-row{padding:13px 14px}.section-heading>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact Telegram windows retain whole names and aligned resource rows. */
.fighters{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}
.fighter h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;line-height:1.3}
.fighter .role{white-space:pre-line;min-height:3.2em;line-height:1.5}
@media(max-width:480px){
 .shell{padding-left:14px;padding-right:14px}
 .fighters{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);padding:20px 12px 16px;gap:8px}
 .fighter h2{font-size:17px}
 .fighter .role{font-size:11px;min-height:3.2em}
 .healthline,.energyline{flex-wrap:wrap;gap:3px 6px}
 .masthead{flex-wrap:wrap}
 .masthead .mode{margin-left:auto}
}
@media(max-width:320px){
 .fighters{grid-template-columns:minmax(0,1fr)}
 .versus{padding:0;min-height:22px}
 .fighter .role{min-height:0}
}