:root{--ink:#100e0c;--paper:#e8dcc5;--blood:#ad342a;--jade:#6ea88c;--gold:#d0a85d;--muted:#9e9588}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--paper);background:#100e0c;overflow-x:hidden;font-family:Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(115deg,transparent 30%,#fff1 50%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.shell{width:min(1440px,100%);margin:auto;padding:28px 42px}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0a85d55;padding-bottom:18px}.eyebrow,.chapter{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700}.masthead h1{font:700 22px Georgia,serif;letter-spacing:.12em;margin:2px 0}.masthead h1 span{font-size:.55em;color:var(--muted)}button{font:700 11px Arial,sans-serif;color:var(--paper);letter-spacing:.1em;background:none;border:1px solid #9e958866;padding:12px 17px;cursor:pointer}.icon-button{border:0}.intro{text-align:center;margin:42px 0 28px}.intro h2{font:500 clamp(34px,5vw,62px) Georgia,serif;margin:8px}.intro p:last-child{color:var(--muted)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{position:relative;height:380px;overflow:hidden;border:1px solid #a9957450;background:#181411;cursor:pointer;isolation:isolate;transition:.25s}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#100e0cf2 88%);z-index:1}.card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);transition:.35s}.card .copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.card h3{font:700 25px Georgia,serif;margin:3px 0}.card small{color:var(--gold);letter-spacing:.15em}.card p{font-size:12px;color:#c8beae}.card.selected{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 16px 40px #000}.card.selected img{filter:saturate(1) contrast(1.04);transform:scale(1.035)}.selection-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.selection-footer p,.controls{color:var(--muted);font-size:12px}kbd{border:1px solid #796f60;border-radius:2px;padding:4px 7px;color:#ddd;background:#221d18}.primary{border-color:var(--gold);background:#8b241e;padding:15px 24px}.primary span{padding-left:24px}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:20px 0}.hero-id{display:flex;gap:12px;align-items:center}.hero-id small,.objective small{display:block;color:var(--gold);font-size:9px;letter-spacing:.15em;margin-top:4px}.hero-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);font-family:serif;font-size:25px}.meters{max-width:360px;margin:auto;width:100%}.meters label{font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between;margin:4px}.bar{height:5px;background:#443832;margin-bottom:8px}.bar i{display:block;width:100%;height:100%;background:var(--blood);transition:.2s}.bar.flow i{width:0;background:var(--gold)}.objective{text-align:right}.objective span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.arena-wrap{position:relative;border:1px solid #8f795c88;background:#17130f;box-shadow:inset 0 0 80px #000}canvas{width:100%;height:auto;display:block;touch-action:none}.message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#100e0cbb;pointer-events:none;transition:.5s}.message.hide{opacity:0}.message small{color:var(--gold);letter-spacing:.3em}.message strong{font:500 38px Georgia,serif;margin-top:8px}.controls{display:flex;gap:24px;align-items:center;padding:15px 0}.controls button{margin-left:auto;padding:7px 10px}.touch{display:none}.game-over{position:absolute;inset:0;z-index:5;display:grid;place-content:center;text-align:center;background:#100e0cdd}.game-over h2{font:48px Georgia,serif;margin:8px}.game-over button{margin-top:20px;background:#8b241e;border-color:var(--gold)}
@media(max-width:800px){.shell{padding:16px}.roster{grid-template-columns:1fr 1fr}.card{height:270px}.hud{grid-template-columns:1fr 1fr}.objective{display:none}.controls{display:none}.touch{display:flex;justify-content:space-between;margin-top:12px}.dpad{display:grid;grid-template-columns:repeat(3,46px);gap:3px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.actions{display:flex;align-items:end;gap:5px}.actions button{border-radius:50%;height:58px;width:58px;padding:0}.selection-footer p{display:none}}@media(max-width:520px){.roster{grid-template-columns:1fr 1fr}.card{height:220px}.card .copy{left:12px;bottom:8px}.card h3{font-size:18px}.card p{display:none}.masthead .eyebrow{display:none}.intro{margin:24px 0}.intro h2{font-size:32px}}