:root{--navy:#13233a;--navy-2:#1c3150;--gold:#c9a24a;--teal:#1f6f6b;--teal-2:#2a8a84;--parch:#f1e3c2;--ink:#2a2118;--hero:#3d8bff;--monster:#d0402a;--hit:#2fa64a;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--navy);color:#fff;margin:0}button{font:inherit;cursor:pointer;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:.6em 1em}button:disabled{opacity:.4;cursor:default}button.ghost{border:2px solid var(--teal-2);background:0 0}.row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.home{flex-direction:column;gap:12px;max-width:320px;margin:15vh auto;display:flex}.home a,a.pick{background:var(--teal);color:#fff;text-align:center;border-radius:12px;margin:8px 0;padding:16px;font-size:20px;text-decoration:none;display:block}.toast{z-index:10;background:#000c;border-radius:10px;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.srd{opacity:.5;padding:8px;font-size:10px}.tv,.tv .view{position:fixed;inset:0;overflow:hidden}.tv .labels{pointer-events:none;position:fixed;inset:0}.tv .label{text-align:center;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;font-size:20px;position:absolute;top:0;left:0}.tv .label b{font-size:22px;display:block}.tv .label small{font-size:18px;display:block}.tv .label i{background:#000a;border:2px solid #000c;border-radius:9px;width:120px;height:16px;margin:3px auto;display:block;overflow:hidden}.tv .label i s{background:var(--hit);height:100%;display:block}.tv .label i.monstros s{background:var(--monster)}.tv .label.down{opacity:.4}.tv .label.quiet b,.tv .label.quiet small{display:none}.tv .label.quiet i{border-width:1px;width:84px;height:8px;margin:2px auto}.tv .turnbar{background:var(--navy);border:2px solid var(--gold);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:fixed;top:12px;left:12px;right:12px}.tv .round{text-align:center;padding:0 14px;font-weight:800}.tv .round small{opacity:.8;font-size:14px;display:block}.tv .round b{font-size:40px;line-height:1}.tv .round.win{color:var(--gold);margin-left:auto;font-size:28px}.tv .portrait{text-align:center;width:84px}.tv .portrait span img,.sheet .face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sheet .face{border:3px solid var(--gold);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:28px;font-weight:800;display:grid;overflow:hidden}.tv .portrait span{background:var(--navy-2);border:4px solid var(--hero);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:30px;font-weight:800;display:grid;overflow:hidden}.tv .portrait.monstros span{border-color:var(--monster)}.tv .portrait small{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;display:block;overflow:hidden}.tv .portrait.current span{transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 22px #8cf}.tv .pending{max-width:40vw;font-size:clamp(14px,1.5vw,24px);position:fixed;top:120px;left:12px}.tv .pending div{background:#000a;border-radius:10px;margin-bottom:6px;padding:6px 14px}.tv .card{white-space:nowrap;background:var(--navy);border:3px solid var(--gold);border-radius:16px;justify-content:center;align-items:center;gap:.3em;max-width:96vw;padding:.3em .5em;font-size:clamp(28px,4.2vw,64px);font-weight:900;transition:opacity .3s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.tv .card.hidden{opacity:0}.tv .card>div{text-align:center;line-height:1}.tv .card small{opacity:.85;margin-top:6px;font-size:.25em;font-weight:600;display:block}.tv .card .die{background:var(--hero);border-radius:12px;padding:10px 16px}.tv .card .mod{background:#2b3f8a;border-radius:12px;padding:10px 16px}.tv .card .total{color:#ffd23a}.tv .card .ac{background:#8a2230;border-radius:12px 12px 40px 40px;padding:10px 16px}.tv .card .verdict{background:var(--hit);border-radius:12px;padding:14px 22px}.tv .card .verdict.miss{background:#666}.tv .card .dmg{color:#ff6b4a}.tv .card .init{font-size:.5em}.tv .card .die.off{opacity:.4;transform:scale(.8)}.tv .card .tag{color:#ffd23a;font-size:.3em}.tv .card .save,.tv .card .healed{background:#666;border-radius:10px;padding:.2em .4em;font-size:.45em}.tv .card .save.miss{background:#8a2230}.tv .card .save.hit{background:#555}.tv .card .healed{background:var(--hit)}:is(.tv .card:has(.save),.tv .card:has(.healed)){flex-direction:column}.tv .pending .aim{background:#b8560fdd}.cell.aim{cursor:crosshair}.cell.aimed{outline:3px solid #ff8a1a}button.spell{text-align:left;background:#2f5fb8;width:100%;margin:6px 0;font-size:18px;display:block}button.heal{text-align:left;background:var(--hit);width:100%;margin:6px 0;font-size:18px;display:block}button.spell small,button.heal small{opacity:.85;font-size:14px;display:block}.tv .srd{font-size:9px;position:fixed;bottom:0;left:0;right:0}.phone{max-width:520px;margin:0 auto;padding:12px 12px 40px}.phone h1{margin:0 0 6px}.phone h2{color:var(--gold);margin:18px 0 6px;font-size:18px}.sheet{background:var(--navy-2);border:2px solid var(--gold);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.sheet>div:first-child{flex:1}.hp{background:#0006;border-radius:11px;height:22px;position:relative;overflow:hidden}.hp s{background:#c8302a;height:100%;display:block}.hp span{text-align:center;font-weight:700;line-height:22px;position:absolute;inset:0}.shield{text-align:center;border:2px solid var(--gold);border-radius:10px 10px 30px 30px;width:64px;padding:6px;font-size:13px}.shield b{font-size:28px;display:block}.wait{text-align:center;opacity:.85;margin-top:40px;font-size:22px}.roll{background:var(--parch);color:var(--ink);border-radius:14px;margin-top:12px;padding:14px}.roll .ask{margin:0 0 10px;font-size:20px}.keypad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.keypad button{padding:14px 0;font-size:26px;font-weight:800}.keypad button.sel{background:var(--gold);color:var(--ink)}.slots{gap:8px;margin-bottom:10px;display:flex}.slot{text-align:center;border:2px solid var(--teal);border-radius:10px;flex:1;padding:6px;font-size:26px;font-weight:800}.slot.next{background:#1f6f6b22}.roll .row button{flex:1;padding:14px;font-size:20px}.roll .ghost{color:var(--teal)}.turn .status{opacity:.9;margin:12px 0 8px}.minimap{gap:2px;margin-bottom:10px;display:grid}.cell{aspect-ratio:1;background:#5f8a3a;border-radius:3px;place-items:center;font-size:14px;font-weight:800;display:grid}.cell.h1{background:#7aa64a}.cell.h2{background:#98c25a}.cell.h3{background:#b4da70}.cell.t-pedra{background:#8a8a92}.cell.t-agua{background:#3f8fd8}.cell.t-neve{background:#e6eef6}.cell.t-madeira{background:#a8743f}.cell.reach{cursor:pointer;box-shadow:inset 0 0 0 100px #3d8bff88}.cell.herois{background:var(--hero)}.cell.monstros{background:var(--monster)}button.attack{text-align:left;background:#8a2230;width:100%;margin:6px 0;font-size:18px;display:block}button.attack small{opacity:.85;font-size:14px;display:block}button.end{background:var(--navy-2);border:2px solid var(--gold);width:100%;margin-top:10px;font-size:18px}.hint{opacity:.8}.master .dice label{align-items:center;gap:6px;display:flex}.master select,.master input{font:inherit;border:0;border-radius:6px;padding:4px 6px}.master input{width:64px}.roster{border-collapse:collapse;width:100%}.roster td{border-bottom:1px solid #fff2;padding:6px}.roster tr.monstros td:first-child{color:#ff9a8a}.assets{grid-template-columns:220px 1fr 1fr;height:100vh;display:grid}.assets aside{padding:12px;overflow:auto}.assets .view{position:relative}.assets img{object-fit:contain;background:#000;width:100%;height:100%}.assets li{margin:6px 0;list-style:none}.assets ul{padding:0}.assets .clips button{margin:3px;padding:4px 8px;font-size:13px}@media (width<=800px){.assets{grid-template-rows:auto 50vh 50vh;grid-template-columns:1fr}}.tv .intro{text-align:center;border:3px solid var(--gold);z-index:5;background:#13233af0;border-radius:20px;justify-items:center;gap:4px;padding:16px 32px;display:grid;position:fixed;top:110px;right:24px}.tv .intro[hidden]{display:none}.tv .intro h1{color:var(--gold);margin:0;font-size:40px}.tv .intro h2{margin:0 0 4px;font-size:28px}.tv .intro .qr{background:#fff;border-radius:12px;width:220px;height:220px;padding:10px}.tv .intro .qr svg{width:100%;height:100%;display:block}.tv .intro p{margin:6px 0;font-size:22px}.tv .intro .who{justify-content:center;gap:18px;display:flex}.tv .intro .who div{width:84px}.tv .intro .who span{border:4px solid var(--hero);background:var(--navy-2);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:30px;font-weight:800;display:grid;overflow:hidden}.tv .intro .who img{object-fit:cover;width:100%;height:100%}.tv .intro .who small{margin-top:3px;font-size:16px;display:block}.tv .intro .who .off{opacity:.35;filter:grayscale()}.phone .next{text-align:center;color:var(--gold);margin:-24px 0 12px;font-size:20px}.master{max-width:560px}.mh{align-items:center;gap:12px;margin-bottom:10px;display:flex}.mh .compass{font-size:40px}.master .mh h1{color:var(--gold);margin:0;font-size:24px}.mh small{color:#8fa0b8}.mh .tabs{gap:6px;margin-left:auto;display:flex}.mh .tabs button{background:var(--navy-2);border:1px solid #c9a24a55;padding:.4em .9em}.mh .tabs button.sel{background:var(--gold);color:var(--ink)}.sec{background:#0f1a2a;border:1px solid #c9a24a55;border-radius:14px;margin:10px 0}.sec>summary{cursor:pointer;color:var(--gold);align-items:center;gap:10px;padding:12px 14px;font-size:18px;font-weight:700;list-style:none;display:flex}.sec>summary::-webkit-details-marker{display:none}.sec .badge{color:#9fb0c8;background:#1c2b42;border-radius:10px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:500}.sec .body{padding:0 14px 14px}.master .lbl{color:#9fb0c8;margin:10px 0 4px;font-size:13px}.master .grow{flex:1;min-width:0}.master button.danger{color:#ff9a8a;border-color:#d0402a88}.master .row input.grow{width:auto}.banner{border:1px solid var(--gold);color:var(--gold);background:#c9a24a22;border-radius:10px;padding:8px 12px}.face{background:var(--navy-2);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%}.face.big{border:2px solid #c9a24a88;border-radius:12px;width:96px;height:96px;font-size:40px}.pal{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.pal .mon{background:#13233a;border:2px solid #2a3b55;flex:none;width:84px;padding:6px}.pal .mon .face{width:70px;height:70px;margin-bottom:4px}.pal .mon.sel{border-color:var(--gold);box-shadow:0 0 10px #c9a24a88}.minimap.pick .cell{cursor:pointer}.cell.me{outline:3px solid var(--gold)}.cre{align-items:flex-start;gap:12px;display:flex}.cre h3{margin:0;font-size:22px}.cre small{color:#8fa0b8}.hpctl{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:22px;font-weight:800;display:flex}.master .hpctl input{text-align:center;width:64px;font-size:22px;font-weight:800}button.sq{border:1px solid var(--gold);background:#13233a;border-radius:8px;width:40px;height:40px;padding:0;font-size:20px}.conds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.toggle span{text-overflow:ellipsis;overflow:hidden}.toggle{opacity:.6;background:#13233a;border-radius:10px;justify-content:space-between;align-items:center;gap:4px;padding:8px;font-size:13px;display:flex}ul.init{margin:0;padding:0;list-style:none}.init li{cursor:pointer;border-bottom:1px solid #fff2;border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.init li.cur{outline:1px solid var(--gold);background:#c9a24a22}.init li.dead{opacity:.4;text-decoration:line-through}.init li.sel .nm{color:var(--gold)}.init .nm{flex:1}.init .tot{text-align:center;background:#1c2b42;border-radius:8px;min-width:44px;padding:4px 12px}.init .cur .tot{border:1px solid var(--gold);background:#c9a24a55}.arrows{gap:4px;display:flex}.arrows .sq{width:30px;height:30px;font-size:12px}.over{border-top:1px solid #fff2;margin-top:12px;padding-top:6px}.over input{width:90px}.bar{z-index:5;gap:10px;margin-top:14px;display:flex;position:sticky;bottom:8px}.bar button{border:2px solid var(--gold);color:var(--gold);background:#0f1a2a;flex:1;padding:14px 8px;font-weight:700}.bar button.gold{color:var(--ink);background:#e8b95a;border-color:#e8b95a}.master [hidden]{display:none}.edgrid{touch-action:none;-webkit-user-select:none;user-select:none;background:#0006;gap:1px;margin:10px 0;display:grid}.edgrid .cell{border-radius:2px;font-size:12px;position:relative}.edgrid .ht{color:#000b;font-size:10px;font-style:normal;position:absolute;top:0;left:2px}.edgrid u{font-size:15px;text-decoration:none}.edgrid .sp{background:var(--hero);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;bottom:1px;right:1px}.edgrid .sp.monstros{background:var(--monster)}.tools{flex-wrap:wrap;gap:6px;display:flex}.tool{background:#13233a;border:1px solid #2a3b55;padding:.35em .7em;font-size:14px}.tool.sel{border-color:var(--gold);background:#c9a24a33}.sw{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.sw.t-pedra{background:#8a8a92}.sw.t-agua{background:#3f8fd8}.sw.t-neve{background:#e6eef6}.sw.t-madeira{background:#a8743f}.sw.t-grama{background:#5f8a3a}.ic{vertical-align:middle;object-fit:cover;border-radius:6px;flex:none;width:28px;height:28px}.ic.em{background:var(--navy-2);place-items:center;font-size:20px;line-height:1;display:inline-grid}.cond{display:inline-flex}button.attack,button.spell,button.heal,button.act{align-items:center;gap:10px;min-width:0;display:flex}button.attack>span,button.spell>span,button.heal>span,button.act>span{overflow-wrap:anywhere;min-width:0}.acts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0;display:grid}button.act{text-align:left;background:var(--navy-2);border:2px solid var(--teal);width:100%;padding:8px 10px;font-size:15px}button.act.bonus{border-color:var(--gold)}button.act small{opacity:.8;font-size:12px;display:block}button.ghost{color:#fff}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{background:var(--teal);border-radius:14px;padding:4px 12px;font-size:14px;font-weight:700}.chip.bonus{background:#b8872a}.chip.react{background:#5b3f9e}.chip.move{background:#2f5fb8}.chip.used{opacity:.35;text-decoration:line-through}.cell.dim{opacity:.4}.sheet .status{flex-wrap:wrap;align-items:center;gap:4px;min-height:0;margin-top:6px;display:flex}.death{font-size:14px;font-weight:700}.death b{letter-spacing:2px}.death .ok,.death b.ok{color:#7fe08a}.death b.bad,.death.dead{color:#ff7b6a}.sheet>div:first-child{min-width:0}.tv .label .conds{justify-content:center;gap:3px;margin-bottom:2px;display:flex}.tv .label .conds .ic{border:2px solid #000a;width:30px;height:30px}.tv .label .death{margin-top:2px;font-size:18px;display:block}.tv .card .note{background:var(--navy-2);border-radius:10px;align-items:center;gap:12px;padding:.15em .5em;font-size:.42em;display:flex}.tv .card .note.bad{background:#8a2230}.tv .card .note.good{background:#1f6f3a}.tv .card .note .ic{width:1.2em;height:1.2em}.tv .card .note .tex{object-fit:cover;border-radius:6px;width:1.2em;height:1.2em}.tv .card .note.death{text-align:center;font-size:.5em;display:block}.tv .card .note.death small{font-size:.55em}.tv .card:has(.note){flex-direction:column;gap:6px}.tv .card>.ic{width:1.1em;height:1.1em}.tv .pending .aim{align-items:center;gap:8px;display:flex}.tv .pending .aim .ic{width:26px;height:26px}.master,.master *{min-width:0}.master{overflow-x:hidden}.master .mh{flex-wrap:wrap}.master .mh>div{flex:140px}.master .mh .tabs{flex:none}.master .row,.master .dice,.master .dice label{flex-wrap:wrap}.master select{max-width:100%}.master .conds{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.master .toggle{gap:6px}.master .toggle span{text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.master .toggle.on{opacity:1;border:1px solid var(--gold)}.master .toggle.auto{opacity:1;margin:8px 0;font-size:15px}.master .toggle.auto.on{background:#c9a24a33}.master .toggle .ic{width:22px;height:22px}.master .toggle input{flex:none;width:20px;height:20px}.master button.sq{flex:none}.master .cre{flex-wrap:wrap}.master .cre small{overflow-wrap:anywhere}.master .hpctl,.master .over .row label,.master .bar{flex-wrap:wrap}.master .bar button{min-width:140px}.master .sec .body{overflow-wrap:anywhere}.master .pal{max-width:100%}.master .srd{overflow-wrap:anywhere}.tv .flash{pointer-events:none;z-index:4;justify-items:center;gap:6px;display:grid;position:fixed;top:128px;left:50%;transform:translate(-50%)}.tv .flash:empty{display:none}.tv .flash>div{border:2px solid var(--gold);background:var(--navy);border-radius:14px;align-items:center;gap:10px;padding:8px 20px;font-size:30px;font-weight:800;display:flex}.tv .flash .good{background:#1f6f3a}.tv .flash .bad{background:#8a2230}.tv .flash .ic{width:36px;height:36px}.ficha{background:#0f1a2a;border:1px solid #c9a24a55;border-radius:14px;margin-top:18px;padding:12px 14px}.ficha h3{color:var(--gold);margin:12px 0 4px;font-size:15px}.ficha ul{margin:0;padding:0;list-style:none}.ficha li{border-bottom:1px solid #fff2;padding:5px 0}.ficha li small{opacity:.75;font-size:13px;display:block}.ficha .stats{opacity:.85;margin:0 0 6px;font-size:14px}.ficha .mods{text-align:center;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px;font-size:11px;display:grid}.ficha .mods span{background:var(--navy-2);border-radius:8px;padding:4px 0}.ficha .mods b{font-size:16px;display:block}.ficha .slotsrow{margin-top:6px;font-size:14px}.ficha .chip{margin-left:4px;padding:2px 10px;font-size:13px}.spread{background:var(--navy-2);border-radius:10px;align-items:center;gap:10px;margin:4px 0;padding:6px 10px;display:flex}.spread>span{flex:1;min-width:0}.spread small{opacity:.8;font-size:12px;display:block}.spread b{text-align:center;min-width:24px;font-size:22px}a.pick small{opacity:.7;font-size:13px}button.pick.create{border:2px dashed var(--gold);width:100%;color:var(--gold);background:0 0}.fld{margin:10px 0;font-weight:700;display:block}.fld input{width:100%;font:inherit;border:0;border-radius:10px;margin-top:4px;padding:12px;display:block}.opts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.opt{background:var(--navy-2);border:2px solid #0000;justify-items:center;gap:4px;padding:8px 4px;font-size:13px;display:grid}.opt.sel{border-color:var(--gold);background:#c9a24a33}.opt .face{border-radius:50%;width:56px;height:56px}.opts.lv{grid-template-columns:repeat(5,minmax(0,1fr))}.opts.lv .opt{padding:12px 0;font-size:20px;font-weight:800}.opts.cores{grid-template-columns:repeat(6,minmax(0,1fr))}.opt.swatch{aspect-ratio:1;border:3px solid #fff4;border-radius:50%;padding:0}.opt.swatch.sel{box-shadow:0 0 0 3px var(--gold);border-color:#fff}.attrs{gap:6px;display:grid}.attr{background:var(--navy-2);border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.attr>span{flex:1}.attr small{text-align:right;opacity:.8;min-width:54px}.attr b{text-align:center;min-width:30px;font-size:22px}.phone select{font:inherit;border:0;border-radius:6px;padding:6px}.resumo{background:#0f1a2a;border:1px solid #c9a24a55;border-radius:14px;padding:10px 12px}.sum{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;font-size:12px;display:grid}.sum b{color:var(--gold);font-size:24px;display:block}.resumo .line{margin:6px 0 0;font-size:14px}.resumo .bad{color:#ff9a8a}.phone .row .confirm{background:var(--hit);flex:1;font-weight:800}.tv .fps{color:#7dff9a;z-index:9;background:#000b;border-radius:6px;padding:4px 10px;font:700 16px monospace;position:fixed;bottom:24px;right:8px}