.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);touch-action:none;cursor:crosshair;box-sizing:border-box;border-radius:0;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);width:100%;height:26px;position:relative}.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;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);touch-action:none;cursor:pointer;border-radius:0;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);cursor:pointer;border-radius:0;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%;display:flex}.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:10px 16px}.back{border:1px solid var(--line);color:var(--muted);font:11px var(--mono);letter-spacing:.04em;background:0 0;margin-right:10px;padding:3px 8px}.back:hover{color:var(--ink);border-color:var(--muted)}.btn{border:1px solid var(--red);color:var(--ink);letter-spacing:.04em;background:#24130f;padding:8px 16px}.btn:hover:not(:disabled){border-color:var(--red2);background:#3a1612}.btn:disabled,.seg:disabled,.opt:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--paper2);border-color:var(--line)}.btn.ghost:hover:not(:disabled){border-color:var(--muted);background:#202227}.btn.gold{border-color:var(--amber);background:#2a2010}.btn.danger{border-color:var(--red2)}.btn.small{padding:4px 10px;font-size:12px}.btn.big{padding:12px 20px;font-size:15px}input[type=text],input:not([type]){border:1px solid var(--line);color:var(--ink);font:inherit;background:#0b0c0e;flex:1;min-width:0;padding:6px 8px}.small{font-size:11px}.timer{color:var(--muted);font-variant-numeric:tabular-nums}.timer.hot{color:var(--red2)}.tbar{background:#0b0c0e;height:2px}.tbar i{background:var(--red);height:100%;transition:width .1s linear;display:block}.hint{color:var(--muted);text-align:center;margin:14px 16px 4px;font-size:12px}.menu{justify-content:center;align-items:center;gap:26px;padding:24px 16px}.title{text-align:center}.title .mark{color:var(--red);font-size:28px}.title h1{font:400 44px var(--serif);letter-spacing:.32em;margin:4px 0 6px;padding-left:.32em}.title p{color:var(--muted);letter-spacing:.06em;margin:0}.menu-list{flex-direction:column;gap:8px;width:min(320px,100%);display:flex}.sound{color:var(--muted);flex-direction:column;gap:6px;margin-top:10px;font-size:12px;display:flex}.sound label{justify-content:space-between;align-items:center;gap:10px;display:flex}.setup{width:min(560px,100%)}.setup label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:11px}.pass{justify-content:center;align-items:center}.pass-card{text-align:center;border:1px solid var(--line);background:var(--paper);padding:30px}.pass-card h1{font:400 32px var(--serif);letter-spacing:.1em;margin:6px 0 12px}.offer{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:16px;padding:16px;display:grid}.card{text-align:left;background:linear-gradient(#17181c,#121316);border:none;flex-direction:column;gap:8px;min-height:250px;padding:14px 14px 12px;transition:transform .12s,filter .12s;display:flex}.card:hover{filter:brightness(1.12);transform:translateY(-3px)}.card .ck{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.card .cn{font:600 17px var(--serif);letter-spacing:.02em}.card .cd{color:#b8b2a6;font-size:12px}.card .cl{border-top:1px dashed var(--line);color:var(--ink);flex-direction:column;gap:3px;margin:auto 0 0;padding:8px 0 0;font-size:11px;list-style:none;display:flex}.card.compact{min-height:0;padding:10px}.card.compact .cn{font-size:14px}.card.sel{outline:1px solid var(--ink)}.card.dim{opacity:.5}.r-divino .cn{text-shadow:0 0 8px #fffadc59}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:12px 16px;display:grid}.draft-side{flex-wrap:wrap;justify-content:center;gap:20px;padding:6px 16px 20px;display:flex}.draft-side h3,.panel h3{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:6px 0 2px}.mini{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.mini .cons{color:var(--amber)}.fight .stage{border-bottom:1px solid var(--line);background:#0e0f11;position:relative}.arena-host{aspect-ratio:640/262;width:100%;max-height:46vh}.arena-host canvas{display:block}.overlay{z-index:5;background:#08090a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.over{pointer-events:none;background:#08090a59}.verdict{text-align:center;border:1px solid var(--line);background:#0e0f11e6;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;display:flex}.verdict b{font:400 26px var(--serif);letter-spacing:.08em}.verdict span{color:var(--muted)}.verdict.big{margin:18px auto 4px}.aimtip,.toast{border:1px solid var(--line);z-index:4;background:#0e0f11eb;padding:3px 10px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.aimtip{top:6px}.toast{border-color:var(--red);bottom:8px}.fight-grid{grid-template-columns:minmax(230px,1fr) minmax(320px,1.5fr) minmax(230px,1fr);align-items:start;gap:10px;padding:10px 12px 14px;display:grid}.fighter.cur{border-color:#5a4a3a}.fighter.p0 h2{color:#9bb3c9}.fighter.p1 h2{color:#d39a8a}.state{float:right;color:var(--ok);font-size:10px}.state.inconsciente{color:var(--amber)}.state.morto{color:var(--red2)}.fighter .kv{color:var(--muted);flex-wrap:wrap;justify-content:flex-start;gap:4px 10px;font-size:11px}.fighter .kv b{color:var(--ink)}.chip{border:1px solid var(--line);background:var(--paper2);padding:1px 5px;font-size:10px}.chip.ok{border-color:var(--ok)}.chip.bad,.chip.st-grave,.chip.st-fatal{border-color:var(--red);color:#e6b0b0}.chip.st-aviso{border-color:#6a5528}.wl{flex-direction:column;gap:3px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.wl li{border-left:2px solid #3a1214;flex-wrap:wrap;gap:0 6px;padding-left:5px;display:flex}.wl em{color:var(--muted);font-style:normal}.wl b{color:var(--red2);margin-left:auto;font-weight:400}.wl small{width:100%;color:var(--muted)}.pl{columns:2;column-gap:10px;margin:0;padding:0;font-size:11px;list-style:none}.actions h3{margin-top:8px}.pa-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pa-row .btn{margin-left:auto}.pips{gap:3px;display:flex}.pips i{background:var(--red);width:10px;height:10px;display:block;transform:rotate(45deg)}.aimbar{border:1px dashed var(--amber);padding:6px 8px;font-size:12px}.opts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;display:grid}.opt{text-align:left;background:var(--paper2);border:1px solid var(--line);flex-direction:column;gap:1px;padding:5px 7px;display:flex}.opt:hover:not(:disabled){border-color:var(--red)}.opt b{font-size:12px;font-weight:600}.opt span{color:var(--muted);font-size:10px}.opt em{color:#b07070;font-size:10px;font-style:normal}.flog{max-height:240px;margin-top:8px;overflow:auto}.flog .who{opacity:.8;margin-right:6px;font-size:10px}.flog .w0 .who{color:#9bb3c9}.flog .w1 .who{color:#d39a8a}.flog .acao{color:#c9c3b6}.autopsy-grid{grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px 20px;display:grid}.prize{color:var(--amber)}.wr-grid{grid-template-columns:224px minmax(0,1.5fr) minmax(220px,1fr);align-items:start;gap:12px;padding:12px 16px;display:grid}.wr-grid input{box-sizing:border-box;width:100%}.preview{image-rendering:pixelated;border:1px solid var(--line);background:#0e0f11;align-self:center}.swatches{flex-wrap:wrap;gap:4px;display:flex}.sw{background:var(--paper2);border:1px solid var(--line);align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:flex}.sw i{border:1px solid #000;width:12px;height:12px;display:block}.sw.on{border-color:var(--ink)}.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}.title h1{font-size:32px}.pl{columns:1}}.online-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;padding:12px 16px;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{margin:10px 0;font-size:40px}.bad-text{color:#e6a0a0;font-size:12px}.friends{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:12px;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)}@media (width<=900px){.online-grid{grid-template-columns:1fr}}.exhaust{color:var(--red2)}:root{--bg:#0c0d0f;--paper:#141518;--paper2:#191b1f;--line:#2a2d32;--ink:#d9d3c7;--muted:#7d7a73;--red:#b3262e;--red2:#e0444c;--amber:#d39a3a;--ok:#6f9a6a;--mono:"IBM Plex Mono", ui-monospace, monospace;--serif:"IBM Plex Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font:13px/1.45 var(--mono);margin:0}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;min-height:100%;display:flex}.top{border-bottom:1px solid var(--line);background:linear-gradient(#121316,#0e0f11);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.brand{font-family:var(--serif);letter-spacing:.18em;font-size:18px}.brand .mark{color:var(--red)}.brand .sub{font:11px var(--mono);letter-spacing:.05em;color:var(--muted);margin-left:8px}.turn{color:var(--muted)}.turn b{color:var(--ink)}.grid{flex:1;grid-template-columns:minmax(340px,1.3fr) minmax(260px,.8fr) minmax(280px,1fr);gap:12px;min-height:0;padding:12px 16px 16px;display:grid}.stage{flex-direction:column;gap:10px;min-width:0;display:flex}.arena{aspect-ratio:240/210;border:1px solid var(--line);cursor:none;background:#0e0f11;width:100%;max-height:72vh}.arena canvas{display:block}.controls{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:8px;padding:10px;display:flex}.row{grid-template-columns:70px 1fr;align-items:center;gap:8px;display:grid}.rl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.rb{flex-wrap:wrap;gap:4px;display:flex}.seg{background:var(--paper2);border:1px solid var(--line);padding:4px 8px;font-size:12px}.seg:hover{border-color:#4a4e55}.seg.on{border-color:var(--ink);background:#2a2c31}.seg.danger.on{border-color:var(--red2);color:#ffd9d9;background:#3a1215}.sliders{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.sliders label{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.sliders label b{color:var(--ink)}.sliders .check{flex-direction:row;grid-column:1/-1;align-items:center;gap:6px}input[type=range]{accent-color:var(--red)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.act{background:var(--red);border:1px solid var(--red2);padding:6px 14px;font-weight:600}.act:hover{background:#c8323a}.act.ghost{border-color:var(--line);background:0 0;font-weight:400}.hint{color:var(--muted);font-size:11px}.chart{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.panel{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 10px 10px;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 dashed var(--line);margin:0 0 2px;padding-bottom:4px}.muted{color:var(--muted)}.bad{color:var(--red2)}.kv,.meter .ml{justify-content:space-between;font-size:12px;display:flex}.meter .mb{border:1px solid var(--line);background:#0b0c0e;height:6px}.meter.small .mb{height:4px}.meter i{height:100%;transition:width .3s;display:block}.meter i.ok{background:var(--ok)}.meter i.mid{background:var(--amber)}.meter i.low{background:var(--red2)}.meter i.blood{background:linear-gradient(90deg,#5d070c,#a5121a)}.meter i.pain{background:linear-gradient(90deg,#6b4a17,#d39a3a)}.state{text-align:center;border:1px solid var(--line);letter-spacing:.15em;margin-top:4px;padding:4px;font-weight:600}.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:4px;display:flex}.chip{border:1px solid var(--line);padding:2px 6px;font-size:11px}.chip.info{color:#9fb8d0}.chip.aviso{color:var(--amber);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:4px;display:grid}.mod{background:var(--paper2);border:1px solid var(--line);justify-content:space-between;padding:3px 6px;display:flex}.mod.neg b{color:var(--red2)}.wounds,.log{flex-direction:column;gap:3px;max-height:34vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.wounds li{border-left:3px solid var(--line);background:var(--paper2);cursor:default;padding:3px 6px}.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:13px}.wd{color:var(--muted);font-size:11px}.wd .bleed{color:var(--red2)}.insp{font-size:12px}.log li{padding:1px 0;font-size:12px}.log .lt{color:#4f4d48;font-size:10px}.log .drama{font-family:var(--serif);color:#efe6d6;font-style:italic}.log .clin{color:#b9b2a5}.log .roll{color:#9fb8d0}.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}.top{flex-direction:column;gap:2px}.sliders{grid-template-columns:1fr}.arena{max-height:60vh}}