.mg{width:100%;max-width:320px;font-family:var(--mono,"IBM Plex Mono", monospace);color:var(--ink,#d9d3c7);-webkit-user-select:none;user-select:none;margin:0 auto}.mg-head{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.mg-label{letter-spacing:.12em;text-transform:uppercase;color:var(--red2,#e0444c);font-size:11px}.mg-hint{color:var(--muted,#7d7a73);font-size:11px;line-height:1.3}.mg-time{background:var(--line,#2a2d32);height:3px;margin-bottom:6px}.mg-time-bar{background:var(--amber,#d39a3a);width:100%;height:100%}.mg-time-bar.mg-low{background:var(--red2,#e0444c)}.mg-foot{color:var(--muted,#7d7a73);text-align:right;min-height:1.2em;margin-top:6px;font-size:11px}.mg-stage{transition:filter .15s}.mg-field{background:var(--paper,#141518);border:1px solid var(--line,#2a2d32);border-radius:var(--r-s,7px);touch-action:none;cursor:crosshair;box-sizing:border-box;width:100%;height:140px;position:relative;overflow:hidden}.mg-field.mg-bad{border-color:var(--red,#b3262e)}.mg-barra{align-items:center;padding:0 12px;display:flex}.mg-track{background:var(--paper2,#191b1f);border:1px solid var(--line,#2a2d32);border-radius:6px;width:100%;height:26px;position:relative;overflow:hidden}.mg-zone{background:var(--red,#b3262e);opacity:.85;position:absolute;top:0;bottom:0}.mg-cursor{background:var(--ink,#d9d3c7);width:3px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.mg-target{border:2px solid var(--red,#b3262e);box-sizing:border-box;background:#b3262e2e;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.mg-reticle{border:1px solid var(--ink,#d9d3c7);pointer-events:none;border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.mg-reticle:before,.mg-reticle:after{content:"";background:var(--ink,#d9d3c7);position:absolute}.mg-reticle:before{width:1px;top:-5px;bottom:-5px;left:50%}.mg-reticle:after{height:1px;top:50%;left:-5px;right:-5px}.mg-seq{cursor:default;justify-content:center;align-items:center;gap:10px;display:flex}.mg-key{background:var(--paper2,#191b1f);border:1px solid var(--line,#2a2d32);width:54px;height:54px;color:var(--muted,#7d7a73);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;font-size:26px;display:flex}.mg-key.mg-now{border-color:var(--amber,#d39a3a);color:var(--ink,#d9d3c7)}.mg-key.mg-ok{border-color:var(--ok,#6f9a6a);color:var(--ok,#6f9a6a)}.mg-pad{gap:6px;margin-top:6px;display:flex}.mg-btn{height:40px;font:inherit;color:var(--ink,#d9d3c7);background:var(--paper2,#191b1f);border:1px solid var(--line,#2a2d32);border-radius:var(--r-s,7px);touch-action:none;cursor:pointer;flex:1;font-size:18px}.mg-btn:active{border-color:var(--amber,#d39a3a)}.mg-count{color:var(--muted,#7d7a73);font-size:11px;position:absolute;top:6px;right:8px}.mg-dot{border:2px solid var(--red2,#e0444c);cursor:crosshair;touch-action:none;box-sizing:border-box;background:#b3262e59;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.mg-dot:after{content:"";background:var(--red2,#e0444c);border-radius:50%;position:absolute;inset:35%}.mg-segurar{cursor:pointer;justify-content:center;align-items:center;display:flex}.mg-meter{background:var(--paper2,#191b1f);border:1px solid var(--line,#2a2d32);width:34px;height:120px;position:relative}.mg-band{border:1px solid var(--ok,#6f9a6a);box-sizing:border-box;background:#6f9a6a59;position:absolute;left:-5px;right:-5px}.mg-fill{background:var(--red,#b3262e);height:0;position:absolute;bottom:0;left:0;right:0}.mg-topline{background:var(--ink,#d9d3c7);height:2px;position:absolute;top:0;left:-5px;right:-5px}.mg-ritmo{cursor:pointer}.mg-hitline{background:var(--amber,#d39a3a);height:2px;margin-top:-1px;position:absolute;left:0;right:0}.mg-note{border:2px solid var(--ink,#d9d3c7);background:var(--paper2,#191b1f);box-sizing:border-box;width:22px;height:22px;position:absolute;top:0;left:50%}.mg-note.mg-ok{border-color:var(--ok,#6f9a6a);background:#6f9a6a66}.mg-note.mg-mid{border-color:var(--amber,#d39a3a);background:#d39a3a59}.mg-note.mg-miss{border-color:var(--red,#b3262e);background:#b3262e59}.mg-demo{max-width:360px;font-family:var(--mono,"IBM Plex Mono", monospace);color:var(--ink,#d9d3c7);margin:0 auto;padding:12px}.mg-demo h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#7d7a73);margin:0 0 8px;font-size:12px;font-weight:400}.mg-demo-list{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.mg-demo button{font:inherit;color:var(--ink,#d9d3c7);background:var(--paper2,#191b1f);border:1px solid var(--line,#2a2d32);border-radius:var(--r-s,7px);cursor:pointer;padding:8px 6px;font-size:12px}.mg-demo button:hover:not(:disabled){border-color:var(--red2,#e0444c)}.mg-demo button:disabled{opacity:.5;cursor:default}.mg-demo label{align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.mg-demo label span{width:64px;color:var(--muted,#7d7a73)}.mg-demo input[type=range]{accent-color:var(--red,#b3262e);flex:1}.mg-demo-last{color:var(--muted,#7d7a73);margin:10px 0;font-size:12px}@media (width<=340px){.mg-key{width:46px;height:46px}}.screen{flex-direction:column;min-height:100%;animation:.28s ease-out screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.screen .row{align-items:center;gap:8px;display:flex}.screen .row.wrap{flex-wrap:wrap}.screen .row.center,.center{text-align:center;justify-content:center}.screen .row.center{padding:12px 16px}.back{background:var(--paper2);border:1px solid var(--line);color:var(--muted);font:500 11.5px var(--sans);border-radius:99px;margin-right:6px;padding:4px 10px}.back:hover{color:var(--ink);border-color:var(--line2);background:var(--paper3)}.btn{color:#fff;letter-spacing:.01em;box-shadow:0 1px 0 #fff3 inset, 0 8px 22px -10px var(--red-glow);background:linear-gradient(#cf323b,#a3202a);border:1px solid #e2525a;padding:9px 18px;font-weight:600}.btn:hover:not(:disabled){box-shadow:0 1px 0 #ffffff3d inset, 0 10px 28px -8px var(--red-glow);background:linear-gradient(#e13d47,#b52630)}.btn:disabled,.seg:disabled,.opt:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.5)}.btn.ghost{background:var(--paper2);border-color:var(--line);color:var(--ink);box-shadow:none;font-weight:500}.btn.ghost:hover:not(:disabled){background:var(--paper3);border-color:var(--line2);box-shadow:none}.btn.gold{color:#1a1206;background:linear-gradient(#d9a13f,#a8741f);border-color:#f0c26a;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -10px #e2a94b80}.btn.gold:hover:not(:disabled){background:linear-gradient(#e8b352,#b98228)}.btn.danger{border-color:var(--red2)}.btn.small{padding:5px 12px;font-size:12.5px;font-weight:500}.btn.big{border-radius:var(--r);padding:14px 22px;font-size:16px}input[type=text],input:not([type]){border:1px solid var(--line);border-radius:var(--r-s);color:var(--ink);font:inherit;background:#07080a;flex:1;min-width:0;padding:8px 11px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input:not([type]):focus{border-color:var(--red2);outline:none;box-shadow:0 0 0 3px #f0525b2e}.small{font-size:11.5px}.timer{color:var(--ink2);font:500 12px var(--mono);font-variant-numeric:tabular-nums;background:var(--paper2);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:4px 12px}.timer.hot{color:#fff;border-color:var(--red2);background:#3a1216;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px #f0525b29}}.tbar{background:#07080a;height:3px}.tbar i{background:linear-gradient(90deg, var(--red), var(--red2));height:100%;box-shadow:0 0 10px var(--red-glow);transition:width .1s linear;display:block}.hint{color:var(--muted);text-align:center;margin:18px 16px 6px;font-size:13px}.menu{justify-content:center;align-items:center;gap:30px;padding:28px 16px;position:relative;overflow:hidden}.menu:before{content:"";pointer-events:none;background:radial-gradient(520px 320px at 50% 30%,#d2283233,#0000 70%),radial-gradient(900px 600px at 50% 120%,#780c1438,#0000 70%);position:absolute;inset:0}.menu:after{content:"";pointer-events:none;background:radial-gradient(#0000 45%,#0009);position:absolute;inset:0}.menu>*{z-index:1;position:relative}.title{text-align:center}.title .mark{color:var(--red2);text-shadow:0 0 24px var(--red-glow);font-size:30px;animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,28%,to{transform:scale(1)}8%{transform:scale(1.22)}18%{transform:scale(1.1)}}.title h1{font:600 clamp(38px, 8vw, 68px) / 1 var(--serif);letter-spacing:.26em;background:linear-gradient(#fff 10%,#e9d9cf 45%,#b0444c 120%);color:#0000;filter:drop-shadow(0 6px 30px #c22a3359);-webkit-background-clip:text;background-clip:text;margin:8px 0 6px;padding-left:.26em}.title p{color:var(--muted);letter-spacing:.04em;margin:0;font-size:13px}.ecg{width:min(420px,80vw);height:36px;margin:10px auto 8px;display:block;overflow:visible}.ecg path{fill:none;stroke:var(--red2);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150 850;filter:drop-shadow(0 0 5px var(--red2));animation:2.4s linear infinite ecg}.ecg path.base{stroke:#f0525b29;stroke-dasharray:none;filter:none;animation:none}@keyframes ecg{0%{stroke-dashoffset:150px}to{stroke-dashoffset:-850px}}.menu-list{flex-direction:column;gap:8px;width:min(340px,100%);display:flex}.menu-list .btn.ghost{text-align:left;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.menu-list .btn.ghost:after{content:"→";color:var(--muted);transition:transform .15s,color .15s}.menu-list .btn.ghost:hover:after{color:var(--red2);transform:translate(3px)}.sound{color:var(--muted);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111317b3;flex-direction:column;gap:8px;margin-top:12px;padding:12px 14px;font-size:12.5px;display:flex}.sound label{justify-content:space-between;align-items:center;gap:10px;display:flex}.setup{gap:10px;width:min(580px,100%);padding:20px 22px 22px}.setup h2{font:600 20px var(--serif);letter-spacing:.04em;text-transform:none;color:var(--ink);border:none;padding:0}.setup label{color:var(--muted);font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.setup .row:last-child{justify-content:flex-end;margin-top:8px}.pass{justify-content:center;align-items:center}.pass-card{text-align:center;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;padding:36px 44px}.pass-card h1{font:600 34px var(--serif);letter-spacing:.06em;margin:6px 0 12px}.offer{perspective:1200px;grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;gap:18px;padding:18px 16px;display:grid}.card{text-align:left;background:linear-gradient(165deg,#1d2027,#121418 60%);border:none;border-radius:14px;flex-direction:column;gap:10px;min-height:270px;padding:18px 18px 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s;animation:.4s cubic-bezier(.2,.8,.2,1) backwards card-in;display:flex;position:relative;overflow:hidden}.offer .card:nth-child(2){animation-delay:70ms}.offer .card:nth-child(3){animation-delay:.14s}@keyframes card-in{0%{opacity:0;transform:translateY(18px)rotateX(12deg)}}.card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff0f 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.card:hover:before{transform:translate(100%)}.card:hover{filter:brightness(1.12);transform:translateY(-6px)}.card:active{transform:translateY(-2px)scale(.985)}.card .ck{font:500 10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;display:flex}.card .ck span:last-child{background:#ffffff0d;border-radius:99px;padding:1px 8px}.card .cn{font:600 19px/1.2 var(--serif);letter-spacing:.01em}.card .cd{color:var(--ink2);font-size:13px}.card .cl{border-top:1px solid var(--line);font:11.5px var(--mono);color:var(--ink);flex-direction:column;gap:4px;margin:auto 0 0;padding:10px 0 0;list-style:none;display:flex}.card.compact{border-radius:var(--r);min-height:0;padding:12px 14px}.card.compact .cn{font-size:15px}.card.sel{outline:2px solid var(--ink);outline-offset:1px}.card.dim{opacity:.45}.r-divino .cn{text-shadow:0 0 10px #fffadc66}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:14px 18px;display:grid}.draft-side{flex-wrap:wrap;justify-content:center;gap:24px;padding:8px 16px 24px;display:flex}.draft-side section{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);min-width:240px;padding:10px 16px 12px}.draft-side h3,.panel h3{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:8px 0 3px}.mini{flex-direction:column;gap:3px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.mini .cons{color:var(--amber)}.fight .stage{border-bottom:1px solid var(--line);background:#07080a;position:relative;overflow:hidden}.arena-host{aspect-ratio:640/262;width:100%;max-height:50vh}.arena-host canvas{display:block}.hud{z-index:3;pointer-events:none;background:linear-gradient(#050608d1,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;padding:10px 16px 26px;display:grid;position:absolute;inset:0 0 auto}.hud-side{opacity:.72;flex-direction:column;gap:4px;min-width:0;transition:opacity .25s;display:flex}.hud-side.cur{opacity:1}.hud-side.r{align-items:flex-end}.hud-name{font:600 15px var(--serif);letter-spacing:.04em;text-shadow:0 1px 6px #000;align-items:baseline;gap:8px;display:flex}.hud-side.r .hud-name{flex-direction:row-reverse}.hud-side.p0 .hud-name b{color:#b6d0e8}.hud-side.p1 .hud-name b{color:#f0b3a4}.hud-side.cur .hud-name b:before{content:"▸ ";color:var(--red2)}.hud-name small{font:500 10.5px var(--mono);color:var(--ink2)}.hud-bar{background:#000000a6;border-radius:3px;width:min(100%,420px);height:11px;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:0 0 0 1px #ffffff24,0 2px 10px #0009}.hud-side.r .hud-bar{transform:skew(14deg)}.hud-bar i,.hud-bar u{display:block;position:absolute;inset:0 auto 0 0}.hud-side.r .hud-bar i,.hud-side.r .hud-bar u{inset:0 0 0 auto}.hud-bar u{background:#f4e9d8;transition:width .9s ease-out .35s}.hud-bar i{box-shadow:0 0 12px var(--red-glow);background:linear-gradient(#ff5a62,#c2181f 55%,#7d0a10);transition:width .25s ease-out}.hud-bar.thin{width:min(76%,320px);height:4px}.hud-bar.thin i{box-shadow:none;background:linear-gradient(90deg,#5d93b8,#a8d4f0)}.hud-mid{min-width:64px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-shadow:0 1px 6px #000;flex-direction:column;align-items:center;display:flex}.hud-mid b{font:600 26px/1.1 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.hud-mid b.hot{color:var(--red2);animation:1s ease-in-out infinite tick}@keyframes tick{50%{transform:scale(1.14)}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#05060899;justify-content:center;align-items:center;animation:.15s ease-out fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.overlay .mg{border:1px solid var(--line2);background:#111317f0;border-radius:14px;padding:14px 16px;box-shadow:0 24px 60px -10px #000}.overlay.over{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:radial-gradient(#5a080c59,#05060899)}.verdict{text-align:center;border:1px solid var(--line2);background:#0c0d10e6;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;animation:.5s cubic-bezier(.2,.9,.2,1.2) verdict;display:flex;box-shadow:0 24px 60px -10px #000}@keyframes verdict{0%{opacity:0;transform:scale(1.3)}}.verdict b{font:600 30px var(--serif);letter-spacing:.08em}.verdict span{color:var(--ink2)}.verdict.big{margin:22px auto 6px}.aimtip,.toast{border:1px solid var(--line2);z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0c0d10e6;border-radius:99px;padding:4px 14px;font-size:12.5px;animation:.15s ease-out fade;position:absolute;left:50%;transform:translate(-50%)}.aimtip{border-color:#f0525b99;bottom:10px}.aimtip b{color:var(--red2)}.toast{border-color:var(--red2);background:#3a1216f0;bottom:42px}.fight-grid{grid-template-columns:minmax(240px,1fr) minmax(340px,1.5fr) minmax(240px,1fr);align-items:start;gap:12px;padding:12px 14px 16px;display:grid}.fight .actions{flex-wrap:nowrap;align-items:stretch}.fighter{transition:border-color .25s,box-shadow .25s}.fighter.cur{box-shadow:var(--shadow), 0 0 0 1px #f0525b1f, 0 0 30px -12px var(--red-glow);border-color:#f0525b73}.fighter h2{font:600 15px var(--serif);letter-spacing:.04em;text-transform:none;justify-content:space-between;align-items:center;display:flex}.fighter.p0 h2{color:#b6d0e8}.fighter.p1 h2{color:#f0b3a4}.fighter .state{float:none;font:600 9.5px var(--mono);letter-spacing:.1em;color:var(--ok);background:#72b38914;border-color:#72b38966;border-radius:99px;margin:0;padding:2px 9px}.fighter .state.inconsciente{color:var(--amber);border-color:var(--amber);background:#e2a94b1a}.fighter .state.morto{color:#fff;border-color:var(--red2);background:#5d0e13}.fighter .kv{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px;font-size:11.5px;display:grid}.fighter .kv span{background:var(--paper2);border-radius:6px;justify-content:space-between;padding:3px 8px;display:flex}.fighter .kv b{color:var(--ink);font:500 11.5px var(--mono)}.chip.ok{color:#a8dcb8;border-color:#72b38999}.chip.bad,.chip.st-grave,.chip.st-fatal{color:#f0b4b4;background:#24100f;border-color:#7a2228}.chip.st-fatal{color:#fff;border-color:var(--red2);background:#5d0e13}.chip.st-aviso{color:var(--amber);border-color:#6a5528}.wl{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.wl li{background:linear-gradient(90deg,#7a1a2024,#0000 70%);border-left:2px solid #7a1a20;border-radius:0 6px 6px 0;flex-wrap:wrap;gap:0 6px;padding:3px 8px;display:flex}.wl li.muted{border-left-color:var(--line2);background:0 0}.wl em{color:var(--muted);font-style:normal}.wl b{color:var(--red2);font:500 11px var(--mono);margin-left:auto}.wl small{width:100%;color:var(--muted)}.pl{columns:2;column-gap:12px;margin:0;padding:0;font-size:12px;list-style:none}.pl li{break-inside:avoid;padding:1px 0}.pl .muted{font-size:10.5px}.actions h3{margin-top:10px}.pa-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:10px;font-size:12.5px;display:flex}.pa-row .btn{margin-left:auto}.pips{gap:6px;padding:0 4px;display:flex}.pips i{width:12px;height:12px;box-shadow:0 0 10px var(--red-glow);background:linear-gradient(135deg,#ff6a72,#b3161e);border-radius:2px;display:block;transform:rotate(45deg)}.aimbar{border-radius:var(--r-s);background:#e2a94b14;border:1px solid #e2a94b80;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.opts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.opt{text-align:left;background:var(--paper2);border:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 11px;display:flex}.opt:hover:not(:disabled){border-color:var(--red2);background:linear-gradient(180deg, #f0525b1a, transparent), var(--paper2);box-shadow:0 8px 18px -10px var(--red-glow);transform:translateY(-1px)}.opt b{font-size:13px;font-weight:600}.opt span{font:10.5px var(--mono);color:var(--muted)}.opt em{color:#d08a8a;font-size:10.5px;font-style:normal}.flog{border:1px solid var(--line);border-radius:var(--r-s);background:#0b0c0f;max-height:240px;margin-top:10px;padding:10px 12px;overflow:auto}.flog .who{font:500 10px var(--mono);opacity:.9;margin-right:6px}.flog .w0 .who{color:#b6d0e8}.flog .w1 .who{color:#f0b3a4}.flog .acao{color:var(--ink2)}.autopsy-grid{grid-template-columns:1fr 1fr;gap:14px;padding:14px 18px 22px;display:grid}.prize{color:var(--amber)}.wr-grid{grid-template-columns:224px minmax(0,1.5fr) minmax(220px,1fr);align-items:start;gap:14px;padding:14px 18px;display:grid}.wr-grid input{box-sizing:border-box;width:100%}.preview{image-rendering:pixelated;border:1px solid var(--line);border-radius:var(--r-s);background:radial-gradient(at 50% 30%,#1c2027,#0a0b0d 75%);align-self:center}.swatches{flex-wrap:wrap;gap:5px;display:flex}.sw{background:var(--paper2);border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:11.5px;display:flex}.sw i{border-radius:50%;width:14px;height:14px;display:block;box-shadow:inset 0 0 0 1px #0009}.sw:hover:not(:disabled){border-color:var(--line2);background:var(--paper3)}.sw.on{border-color:var(--ink);background:var(--paper3)}.sw.locked{opacity:.35}@media (width<=900px){.fight-grid{grid-template-columns:1fr 1fr}.fight-grid .actions{order:-1;grid-column:1/-1}.wr-grid{grid-template-columns:1fr}}@media (width<=640px){.offer{grid-template-columns:1fr}.card{min-height:0}.fight-grid,.autopsy-grid{grid-template-columns:1fr}.pl{columns:1}.hud{gap:8px;padding:6px 8px 18px}.hud-name{font-size:12px}.hud-name small{display:none}.hud-bar{height:8px}.hud-mid b{font-size:18px}.top{flex-wrap:wrap}}.online-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:14px 18px;display:grid}.online-box{width:min(520px,100% - 32px);margin:24px auto}.online .panel h3{margin-top:14px}.online .row{margin:6px 0}.tag,.code{font-family:var(--mono);letter-spacing:.18em;color:var(--amber)}.code{text-shadow:0 0 24px #e2a94b59;margin:10px 0;font-size:40px}.bad-text{color:#f0a8a8;font-size:12.5px}.friends{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.friends li{align-items:center;gap:8px;display:flex}.friends em{color:var(--muted);margin-left:auto;font-style:normal}.dot{background:#444;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}@media (width<=900px){.online-grid{grid-template-columns:1fr}}.exhaust{color:var(--red2)}:root{--bg:#090a0c;--paper:#111317;--paper2:#181b20;--paper3:#20242b;--line:#262a31;--line2:#363b44;--ink:#ebe7df;--ink2:#bdb8ad;--muted:#858379;--red:#c22a33;--red2:#f0525b;--red-glow:#e2343e59;--amber:#e2a94b;--ok:#72b389;--blue:#8fb4d6;--r:10px;--r-s:7px;--shadow:0 1px 0 #ffffff09 inset, 0 10px 30px -12px #000000b3;--sans:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", "IBM Plex Mono", ui-monospace, monospace;--serif:"IBM Plex Serif", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(1200px 500px at 50% -10%, #c22a331a, transparent 70%), var(--bg);background-attachment:fixed}::selection{background:#e2343e66}*{scrollbar-width:thin;scrollbar-color:var(--line2) transparent}button{font:inherit;color:inherit;cursor:pointer;border-radius:var(--r-s);transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)scale(.985)}:focus-visible{outline:2px solid var(--red2);outline-offset:2px}.app{flex-direction:column;min-height:100%;display:flex}.top{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#0c0d10c7;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:.12em;align-items:center;gap:8px;font-size:17px;display:flex}.brand .mark{color:var(--red2);text-shadow:0 0 12px var(--red-glow)}.brand .sub{font:11.5px var(--mono);letter-spacing:.02em;color:var(--muted);margin-left:6px}.turn{color:var(--muted);font:12px var(--mono)}.turn b{color:var(--ink)}.grid{flex:1;grid-template-columns:minmax(340px,1.3fr) minmax(260px,.8fr) minmax(280px,1fr);gap:14px;min-height:0;padding:14px 18px 18px;display:grid}.stage{flex-direction:column;gap:12px;min-width:0;display:flex}.arena{aspect-ratio:240/210;border:1px solid var(--line);border-radius:var(--r);cursor:none;width:100%;max-height:72vh;box-shadow:var(--shadow);background:#0b0c0f;overflow:hidden}.arena canvas{display:block}.controls{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px;display:flex}.row{grid-template-columns:70px 1fr;align-items:center;gap:8px;display:grid}.rl{color:var(--muted);font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.1em}.rb{flex-wrap:wrap;gap:5px;display:flex}.seg{background:var(--paper2);border:1px solid var(--line);color:var(--ink2);padding:5px 11px;font-size:12.5px}.seg:hover:not(:disabled){border-color:var(--line2);background:var(--paper3);color:var(--ink)}.seg.on{color:var(--ink);background:#2a2e36;border-color:#5b616c;box-shadow:inset 0 0 0 1px #ffffff0a}.seg.danger.on{border-color:var(--red2);color:#ffd9d9;box-shadow:0 0 14px -4px var(--red-glow);background:#3a1216}.sliders{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.sliders label{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.sliders label b{color:var(--ink);font-family:var(--mono)}.sliders .check{flex-direction:row;grid-column:1/-1;align-items:center;gap:6px}input[type=range]{accent-color:var(--red2)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.act{box-shadow:0 1px 0 #ffffff2e inset, 0 6px 18px -8px var(--red-glow);background:linear-gradient(#d2333c,#a8212a);border:1px solid #e2525a;padding:7px 16px;font-weight:600}.act:hover{background:linear-gradient(#e03c46,#b82731)}.act.ghost{border-color:var(--line);box-shadow:none;background:0 0;font-weight:400}.act.ghost:hover{background:var(--paper2);border-color:var(--line2)}.hint{color:var(--muted);font-size:12px}.chart{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.panel{background:linear-gradient(180deg, #ffffff05, transparent 120px), var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex}.panel.grow{flex:1;min-height:160px}.panel h2{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 2px;padding-bottom:7px}.muted{color:var(--muted)}.bad{color:var(--red2)}.kv{justify-content:space-between;font-size:12.5px;display:flex}.meter .ml{color:var(--ink2);justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.meter .ml b{font:500 11.5px var(--mono);color:var(--ink)}.meter .mb{height:7px;box-shadow:0 0 0 1px var(--line);background:#07080a;border-radius:99px;overflow:hidden}.meter.small .mb{height:5px}.meter i{border-radius:99px;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.meter i.ok{background:linear-gradient(90deg, #3f7a58, var(--ok))}.meter i.mid{background:linear-gradient(90deg, #8e6420, var(--amber))}.meter i.low{background:linear-gradient(90deg, #8f1d25, var(--red2))}.meter i.blood{box-shadow:0 0 10px var(--red-glow);background:linear-gradient(90deg,#6a070d,#d21f2a)}.meter i.pain{background:linear-gradient(90deg, #6b4a17, var(--amber))}.state{text-align:center;border:1px solid var(--line);border-radius:var(--r-s);font:600 11.5px var(--mono);letter-spacing:.15em;text-transform:uppercase;margin-top:4px;padding:5px}.state.consciente{color:var(--ok)}.state.inconsciente{color:var(--amber);border-color:var(--amber)}.state.morto{color:#fff;border-color:var(--red2);background:#3a0d10}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line);background:var(--paper2);color:var(--ink2);border-radius:99px;padding:2px 9px;font-size:11px}.chip.info{color:var(--blue)}.chip.aviso{color:var(--amber);background:#1f1a10;border-color:#5a4320}.chip.grave{color:#ffb1b1;background:#24100f;border-color:#6d1d22}.chip.fatal{color:#fff;border-color:var(--red2);background:#5d0e13}.mods{grid-template-columns:1fr 1fr;gap:5px;display:grid}.mod{background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-s);justify-content:space-between;padding:4px 9px;font-size:12.5px;display:flex}.mod b{font-family:var(--mono)}.mod.neg b{color:var(--red2)}.wounds,.log{flex-direction:column;gap:4px;max-height:34vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.wounds li{border-left:3px solid var(--line2);background:var(--paper2);border-radius:0 var(--r-s) var(--r-s) 0;cursor:default;padding:5px 9px;transition:background .15s}.wounds li:hover{background:var(--paper3)}.wounds li.sev2{border-left-color:var(--amber)}.wounds li.sev3{border-left-color:var(--red2)}.wounds li.on{outline:1px solid #ffd65a}.wt{font-family:var(--serif);font-size:13.5px}.wd{color:var(--muted);font-size:11.5px}.wd .bleed{color:var(--red2)}.insp{font-size:12.5px}.log li{padding:1px 0;font-size:12.5px}.log .lt{color:#55534d;font:10px var(--mono)}.log .drama{font-family:var(--serif);color:#f3ead9;font-style:italic}.log .clin{color:var(--ink2)}.log .roll{color:var(--blue);font-family:var(--mono);font-size:11.5px}.log .alerta{color:var(--red2);font-weight:600}.log .sys{color:var(--muted)}@media (width<=1100px){.grid{grid-template-columns:1fr 1fr}.stage{grid-column:1/-1}}@media (width<=680px){.grid{grid-template-columns:1fr;padding:8px}.sliders{grid-template-columns:1fr}.arena{max-height:60vh}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
