:root{--bg:#15171d;--surface:#181d26ed;--ink:#f5eddb;--muted:#d0c7b6;--border:#9c835b77;--gold:#e8bd67;--green:#d2a447;--dark:#151922;--red:#f4a392;--radius:10px}body{background:#141821;color:var(--ink);font-family:system-ui,sans-serif}button,input,select,textarea{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff0c2;outline-offset:3px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(30px,4vw,46px)}.shell{position:relative;isolation:isolate;background:linear-gradient(#1419224d,#14192280)}.shell:before{content:'';position:fixed;inset:0;z-index:-1;background-image:var(--scene);background-size:var(--scene-size);background-position:var(--scene-position);filter:brightness(.62);pointer-events:none}.sidebar{background:#11151ced;border-right:1px solid var(--border);padding:28px 15px 20px;overflow-y:auto}.brand{color:#f6d88e;font:32px/1.1 Georgia,serif;text-align:center;letter-spacing:2px}.brand span{color:inherit}.brand-sub{text-align:center;color:#ccbe9c}.nav-group{color:#cbbb98}.nav{gap:2px}.nav button{font:17px Georgia,serif;color:#e8dfc9;border:1px solid transparent;border-radius:5px;padding:10px 12px}.nav button.active{background:linear-gradient(120deg,#f0cb77,#b8812d);color:#251b0b;border-color:#f2d899}.nav button:hover{background:#51432d}.nav button.active:hover{background:#e7bb61}.side-footer{color:#d1c7b3;border-color:var(--border)}.topbar{background:#151922b3;border-color:var(--border);padding:0 32px}.top-actions{flex-wrap:wrap}.wallet-pill{color:#f3d68c;background:#27271d;border-color:var(--border)}.demo-pill{color:#f1d6a0;background:#342b1c}.page{padding:30px 32px 50px;min-width:0}.page-heading{flex-wrap:wrap;align-items:center}.page-heading p{color:var(--muted)}.btn{border-color:#b4965b99;color:#f2e6cb;background:linear-gradient(#292d36,#171c25);border-radius:5px;min-height:44px;max-width:100%}.btn.primary,.btn.gold{color:#251b0c;background:linear-gradient(130deg,#f5d17e,#c38f35);border-color:#f5d58d;box-shadow:0 3px 12px #0003}.btn.danger{color:#ffc2b0;background:#462a25;border-color:#c8816f}.btn.ghost{color:#f0d68e}.btn.small{min-height:44px;font-size:13px}.card{background:var(--surface);border-color:var(--border);box-shadow:0 8px 28px #0003;min-width:0}.card.stat .detail,.stat .detail{color:#e8c990}.note{background:#25251fee;border-color:var(--border);color:#ece1c7;border-left:3px solid var(--gold)}.badge{color:#eadbbd;background:#3e3b2c}.badge.gold{color:#ffe1a0;background:#5a4421}.badge.red{color:#ffd3c4;background:#542a22}.badge.blue{color:#d6e4ff;background:#29374c}.field input,select,textarea{background:#101620;color:#fff3d9;border-color:#89764f}input{color-scheme:dark}input:focus,select:focus,textarea:focus{outline:2px solid #efd18a}.wardrobe-group{border-color:var(--border)!important;background:#181e28}.appearance-preview{background:radial-gradient(circle,#59503a,#212630);border:1px solid var(--border)}.appearance-preview canvas{max-width:100%;object-fit:contain}.dialog-backdrop{background:#060a14bd;backdrop-filter:blur(5px)}.dialog{background:#171d28;border:1px solid #bfa062;color:#f5ebd4;overscroll-behavior:contain}.dialog-close{min-width:44px;min-height:44px;background:#343741;color:#f3e4c4}.dialog-header{align-items:center}.dialog-header h2{overflow-wrap:anywhere}.dialog .card{background:#202734}.list-row{border-color:var(--border)}.list-row p{color:var(--muted)}th,td{border-color:var(--border)}.table-wrap{min-width:0}.table-wrap table{color:#f2e8d0}.table-wrap tbody td{overflow-wrap:anywhere}.champ-art{background:radial-gradient(circle,#66563b44,#202731);height:220px}.champ-art canvas{height:205px!important;width:auto!important;z-index:1;max-width:100%;object-fit:contain}.champ-art:after{background:#090c1666}.level-badge{color:#f2ddb5;background:#2a271fee;border-color:#d3b877}.champ-strip canvas{max-width:90px;object-fit:contain;flex-shrink:0}.champ-info .meta,.xp-label,.champ-stats{color:#e0d3b5}.block-choice,.upgrade,.probability-block{color:var(--ink);background:#1b2230;border-color:var(--border)}.block-choice.active{background:#493a24;border-color:#e8bd67}.block-choice small,.upgrade p{color:var(--muted)}.lottery-reveal{background:radial-gradient(circle,#4c3c27,#1d2430);border-color:#bf9d59}.lottery-reveal h2{color:#f4d18a}.bracket-match{background:#29313e}.combat-log{background:#202836;color:#eadfc6}.combat-top,.result-banner{color:#efd28e}.healthbar{background:#414735}.review-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:28px;min-height:610px}.review-hero-copy{padding:20px 0;min-width:0}.review-hero h1{font-size:clamp(38px,4.6vw,68px);line-height:1.1;text-shadow:0 3px 20px #000}.review-hero h1 span{color:#f6cb73}.review-main-actions{display:grid;gap:14px;max-width:430px}.review-main-actions .btn.gold{font:30px Georgia;min-height:78px}.review-main-actions .btn{min-height:58px}.review-available{background:#151a24de;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;margin-top:20px;border:1px solid var(--border);max-width:430px;border-radius:5px}.review-available b{font:32px Georgia;color:#f0ce85}.review-champion{min-width:0}.review-carousel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center}.review-arrow{padding:0!important;font-size:24px;min-width:44px}.review-figure{display:flex;justify-content:center;align-items:center;min-width:0}.review-figure canvas{width:100%!important;height:auto!important;max-height:540px;object-fit:contain;filter:drop-shadow(0 10px 15px #0005)}.review-champion-name{text-align:center;margin:8px 0 0;font-size:26px;overflow-wrap:anywhere}.review-counter{font:48px Georgia;color:#f1cd82}.review-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0 12px}.review-levels .btn{padding:12px 4px;white-space:nowrap;font-size:14px}.review-levels .active{background:#edc779;color:#2b200d;border-color:#ffe3ad}.review-rival{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:10px 14px;padding:18px}.review-rival-text{min-width:0}.review-rival h3{margin:0 0 8px;font-size:20px;overflow-wrap:anywhere}.review-rival p{font-size:13px;margin:0 0 8px}.review-rival-thumbnail{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center}.review-rival-thumbnail canvas{max-width:100%;height:auto!important;object-fit:contain}.review-rival>.btn{grid-column:1/-1}.purchase-combat{background:#342c20;border:2px dashed #e7bb67;display:flex;flex-direction:column;color:#f8d390}.purchase-combat small{color:inherit}.review-login{min-height:100vh;padding:42px 20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0e142066,#12182466),url('/arena/assets/inicio.png') center/cover fixed}.review-login-card{background:#151b25ed;border:1px solid #c4a064;box-shadow:0 20px 80px #0005;border-radius:10px;width:510px;max-width:100%;padding:32px 38px}.review-login-card .brand{margin:0 0 24px}.review-login-card h1{font-size:30px;text-align:center}.review-login-card h2{font-size:24px;text-align:center;margin-bottom:10px}.review-login-card>p{text-align:center}.review-login-card>.btn,.review-login-card form>.btn{width:100%;margin-top:12px}.review-login-note{font-size:12px;color:#d8cdb5;margin-top:24px}.rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rgb-fields input{min-width:0}details summary{min-height:44px;display:flex;align-items:center}.review-build{background:#281e11;color:#efd7a9;padding:9px 16px;text-align:center;font-size:13px}[hidden]{display:none!important}
@media(max-width:1100px){.review-hero{min-height:530px;gap:18px}.review-main-actions .btn.gold{font-size:25px}.review-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.review-figure canvas{max-height:460px}.page{padding:26px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.main{grid-column:1}.sidebar{transform:translateX(-100%);max-width:85vw}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #060a1499}.mobile-menu{display:inline-flex}.topbar{padding:0 16px}.breadcrumbs{display:none}.review-hero{min-height:450px}.review-hero h1{font-size:43px}.review-main-actions .btn.gold{font-size:23px}.review-figure canvas{max-height:400px}.page-heading>.btn{max-width:none}.grid.two,.grid.three{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.appearance-preview{position:static}.dialog{max-height:94dvh}.sidebar .nav{margin-bottom:16px}}
@media(max-width:540px){.page{padding:20px 16px 40px}.topbar{height:auto;min-height:65px;padding:10px 12px;gap:8px}.top-actions{gap:6px}.top-actions>.btn{font-size:12px;min-width:44px}.topbar .demo-pill{font-size:9px;letter-spacing:.2px}.wallet-pill{font-size:12px}.review-hero{grid-template-columns:1fr;gap:14px;min-height:0}.review-champion{grid-row:1}.review-hero-copy{padding:6px 0}.review-hero h1{font-size:38px;margin:12px 0}.review-figure canvas{max-height:315px}.review-champion-name{font-size:24px}.review-main-actions{max-width:none}.review-main-actions .btn.gold{min-height:60px;font-size:26px}.review-available{max-width:none}.review-levels{gap:5px}.review-levels .btn{padding:12px 2px;font-size:12px}.review-rival{grid-template-columns:minmax(0,1fr) 68px;gap:8px}.review-rival h3{font-size:18px}.review-rival-thumbnail canvas{width:68px!important}.review-login{padding:20px 14px;background-attachment:scroll}.review-login-card{padding:26px 20px}.review-login-card .brand{font-size:31px}.review-login-card h1{font-size:27px}.grid.four{grid-template-columns:1fr 1fr}.card.stat{padding:16px}.card.stat .value{font-size:23px}.dialog{padding:20px 16px}.dialog-header{gap:10px}.dialog .grid.four{grid-template-columns:1fr 1fr}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{display:none}.table-wrap tr{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.table-wrap td{display:flex;justify-content:space-between;gap:12px;border:0;padding:7px 0;flex-wrap:wrap}.table-wrap td:before{content:attr(data-label);color:#ddc595;font-size:11px;flex:0 0 90px}.table-wrap td[colspan]{display:block}.table-wrap td[colspan]:before{display:none}.block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{flex-direction:column;align-items:flex-start}.buttons .btn{min-width:0}.champ-strip{align-items:flex-start}.champ-strip>div{min-width:0}.champ-strip h3{overflow-wrap:anywhere}.appearance-preview{height:auto;min-height:280px}.dialog .form-grid{min-width:0}.review-build{font-size:12px}.combat-stage{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.sidebar{transition:none}
.review-levels{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)}
.page-heading{background:#151b23d9;padding:18px 20px;border-radius:8px}.review-rival-text .badge{margin-top:4px}