*{box-sizing:border-box}body{margin:0;background:#070a13;color:#edf3ff;font:16px system-ui,sans-serif;overflow:hidden}canvas{position:absolute;width:100vw;height:100vh;object-fit:contain}main{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#080c19ed,#080c1966)}.screen{width:min(1120px,94vw);max-height:96vh;overflow:auto}small{color:#5de9dd;letter-spacing:.25em;font-size:12px}h1{font-size:clamp(54px,8vw,112px);line-height:.86;letter-spacing:-.07em;margin:24px 0}h1 em{font-style:normal;color:#ff665c}h2{font-size:34px;margin:16px 0}p{color:#a9b6d0;max-width:590px;line-height:1.6}.menu{display:grid;gap:10px;width:310px;margin-top:32px}button,select{font:inherit;color:inherit;background:#141e34;border:1px solid #344563;border-radius:6px;padding:14px 20px;cursor:pointer;text-align:left}button:hover,button:focus-visible{border-color:#5de9dd;background:#20374a;outline:2px solid #5de9dd}button.primary{background:#df4e46;border-color:#ff8075;font-weight:800}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0}.fighter{padding:12px;background:linear-gradient(150deg,#243149,#101725);min-height:118px}.fighter b{display:block;font-size:19px;margin-top:6px}.fighter span{display:block;font-size:11px;color:#b9c5d7}.fighter.selected{outline:2px solid #5de9dd}.fighter .badge{font-size:32px;color:var(--accent)}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0}.tag{font-size:12px;padding:6px 9px;border:1px solid #52627f;color:#c6d4e9}#hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:12px;color:#bac8df;text-align:center;background:#080e1bc9;padding:8px 16px;border-radius:20px;white-space:pre-line}.hidden{display:none!important}label{display:flex;gap:12px;align-items:center;margin:20px 0}input{accent-color:#5de9dd}@media(max-width:800px){.grid{grid-template-columns:repeat(3,1fr)}h1{font-size:64px}.fighter{min-height:80px}.screen{padding:15px}#hint{width:95%;font-size:10px}}

.portrait{height:140px;width:100%;object-fit:contain;object-position:center top}.fighter:has(.portrait){grid-row:span 2}.fighter span{line-height:1.4}

[hidden]{display:none!important}.fighter .portrait{height:160px}.fighter:has(.portrait){grid-row:auto}

[hidden]{display:none!important}.fighter .portrait{height:160px}.fighter:has(.portrait){grid-row:auto}

.screen:has(.grid) h2{font-size:28px;margin:10px 0}.screen:has(.grid) p{margin:8px 0;font-size:14px}.screen:has(.grid) .portrait{height:120px}.screen:has(.grid) .fighter{padding:8px;min-height:160px}.screen:has(.grid) .fighter b{font-size:16px}.screen:has(.grid) .grid{margin:12px 0}.screen:has(.grid) label{margin:5px 0;font-size:13px}.screen:has(.grid) select{padding:8px}.screen:has(.grid) .row{margin:8px 0}

.fighter:hover{outline:1px solid #8292a9}.fighter.selected{outline:3px solid #5de9dd;background:linear-gradient(150deg,#234653,#111d30)}

.arena-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}.arena-card{padding:0;overflow:hidden;text-align:left;border:2px solid #33445b;background:#101a2c}.arena-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.arena-card b,.arena-card span{display:block;margin:12px 16px}.arena-card span{font-size:10px;letter-spacing:1px;color:#9cbbc5}.arena-card.selected{border-color:#60e7de;box-shadow:0 0 0 2px #60e7de44}.arena-card:focus-visible{outline:3px solid #ffca8b;outline-offset:4px}

/* V8 presentation layer; arenas and combat dimensions remain unchanged. */
.screen{width:min(1160px,94vw);padding:20px 8px}.menu{width:min(410px,100%)}button,select{border-radius:11px;transition:background .12s,border-color .12s,transform .12s}button:hover{transform:translateY(-1px)}button.primary{background:linear-gradient(120deg,#e7564d,#bb3c48);box-shadow:0 8px 26px #0004}.grid{grid-template-columns:repeat(5,1fr)}.screen:has(.grid) .portrait{height:150px}.fighter{position:relative;overflow:hidden}.fighter.selected{box-shadow:0 0 0 1px #69e7dc,0 8px 24px #0004}.fighter.selected:after{content:'SELECIONADO';position:absolute;right:6px;top:6px;font-size:8px;letter-spacing:1px;padding:4px;background:#0d2431e8;color:#7affde;border-radius:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.settings-grid label{margin:16px 0}.settings-grid p{font-size:13px}.settings-grid output{min-width:40px;color:#7de5dc}input[type=range]{width:180px;max-width:40vw}.versus{display:flex;gap:40px;align-items:center;justify-content:center;max-width:850px}.versus figure{margin:0;flex:1;text-align:center;background:linear-gradient(180deg,#26364777,#15223744);border:1px solid #45607b;border-radius:18px;padding:16px}.versus img{height:250px;max-width:100%;object-fit:contain}.versus strong{font-size:48px;color:#ff8270}.versus figcaption{font-size:21px;font-weight:800}.progress-strip{display:flex;gap:8px;margin:24px 0}.progress-strip span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4c637c;border-radius:50%;color:#8296ac}.progress-strip .done{background:#23554c;color:#a5ffee}.progress-strip .active{border-color:#ffbd82;color:#ffcd9e;box-shadow:0 0 18px #ff964526}.result-hero{display:flex;align-items:center;gap:36px}.result-hero img{height:240px;max-width:35vw;object-fit:contain}.result-hero h3{font-size:42px;margin:0}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,200px));gap:16px;margin:20px 0}.score-grid div{border:1px solid #415a70;padding:16px;border-radius:12px}.score-grid b{display:block;font-size:32px;color:#8debd9}.score-grid span{font-size:11px;letter-spacing:2px}.champion{color:#ffd298}h2{letter-spacing:-.025em}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr}.versus{gap:12px}.versus img{height:180px}.versus figcaption{font-size:15px}.versus strong{font-size:30px}.screen:has(.grid) .portrait{height:120px}}