:root{--bg:#101014;--panel:#161a24;--line:#3a4560;--text:#e8ecf5;--muted:#9aa3b5;--accent:#4a6fa5;--danger:#a5463f}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:monospace}[hidden]{display:none!important}#app{flex-direction:column;height:100%;display:flex}#game{flex:auto;min-height:0;position:relative}canvas{image-rendering:pixelated}.tabbar{background:var(--panel);border-top:1px solid var(--line);flex:none;gap:4px;padding:6px;display:flex}.tabbar button{min-height:36px;font:inherit;color:var(--text);image-rendering:pixelated;cursor:pointer;background:#2a3550 padding-box padding-box;border:10px solid #0000;border-width:10px 12px;border-image:url(/assets/ui/botao-v1.png) 10 12/10px 12px round;flex:1 1 0}.tabbar button[aria-pressed=true]{background:var(--accent)}.panel{box-sizing:border-box;width:min(100% - 16px,760px);max-height:calc(100% - 16px);padding:calc(4px * var(--px,1));--frame:calc(28px * var(--px,1));border:var(--frame) solid transparent;border-image:url(/assets/ui/janela-menu-v1.png) 28 / var(--frame) / 0 round;image-rendering:pixelated;background:#101218fa padding-box padding-box;margin:0 auto;font-size:13px;line-height:1.45;position:absolute;inset:8px 0 auto;overflow:auto}.panel[hidden]{display:none}.panel h2{margin:0 0 8px;font-size:14px}.muted{color:var(--muted)}.member{border-top:1px solid var(--line);padding:6px 0}.member.locked{opacity:.55}.member b{color:#bfe3ff}.row-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn{min-height:36px;font:inherit;color:var(--text);image-rendering:pixelated;cursor:pointer;background:#2a3550 padding-box padding-box;border:10px solid #0000;border-width:10px 12px;border-image:url(/assets/ui/botao-v1.png) 10 12/10px 12px round;padding:0 4px}.btn:disabled{opacity:.5;cursor:default}.btn.danger{background:var(--danger)}.btn.primary{background:var(--accent)}.item-card{--rarity:#9aa3b5;image-rendering:pixelated;box-shadow:0 0 0 1px var(--rarity);background:#161a24fa padding-box padding-box;border:8px solid #0000;border-image:url(/assets/ui/card-item-v1.png) 14/8px round;align-items:center;gap:8px;padding:2px 4px;display:flex}.item-card.rarity-common{--rarity:#9aa3b5}.item-card.rarity-rare{--rarity:#4aa3ff}.item-card.rarity-epic{--rarity:#b66cff}.item-card .item-slot{border:1px solid var(--rarity);background:#0d1018;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-icon{width:32px;height:32px;image-rendering:pixelated}.item-card .item-info b{color:var(--rarity)}.title-screen{z-index:10;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.title-screen[hidden]{display:none}.title-screen h1{letter-spacing:8px;margin:0;font-size:40px}.title-screen .btn{width:220px}.title-screen .note{text-align:center;max-width:260px;color:var(--muted);font-size:12px}