:root{--bg:#0b0a0d;--panel:#161318;--panel-alt:#1d191f;--line: rgba(217,210,193,.14);--ink-red:#8a1620;--ink-red-bright:#b3222c;--ink-red-dim:#4a0d13;--paper:#d9d2c1;--paper-dim:#a89f8c;--amber:#c9862c;--ok:#5f7a4a;--danger:#b32222;--radius:4px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse at 50% -10%,rgba(138,22,32,.1),transparent 60%),var(--bg);color:var(--paper);font-family:Special Elite,Courier New,monospace;min-height:100vh;padding-bottom:60px}h1,h2,h3,.display{font-family:Cinzel,serif;letter-spacing:.04em}.app{max-width:520px;margin:0 auto;padding:0 12px}.header{position:relative;padding:22px 16px 16px;text-align:center;border-bottom:1px solid var(--ink-red-dim);overflow:hidden}.header:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:repeating-linear-gradient(115deg,rgba(217,210,193,.02) 0 2px,transparent 2px 5px);pointer-events:none}.stamp{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:2px solid var(--ink-red-bright);box-shadow:0 0 0 3px #8a162026,0 0 14px #8a162059;color:var(--ink-red-bright);font-family:Cinzel,serif;font-weight:900;font-size:20px;margin-bottom:8px;transform:rotate(-6deg)}.header h1{margin:2px 0;font-size:19px;color:var(--paper);font-weight:700}.header .sub{font-size:10.5px;color:var(--ink-red-bright);letter-spacing:.22em;text-transform:uppercase}.tabs{display:flex;gap:6px;margin:14px 0 16px;position:sticky;top:0;z-index:20;background:var(--bg);padding-top:8px}.tab{flex:1;text-align:center;padding:10px 4px 9px;background:var(--panel-alt);color:var(--paper-dim);border:1px solid var(--line);border-bottom:none;font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(6% 0,94% 0,100% 100%,0% 100%);transition:.15s}.tab.active{background:var(--ink-red-dim);color:var(--paper);border-color:var(--ink-red-bright)}.view{display:none}.view.active{display:block;animation:fadein .18s ease}@keyframes fadein{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:14px;position:relative}.panel:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--ink-red-dim)}.section-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-red-bright);margin:0 0 10px;font-family:Cinzel,serif;font-weight:600}label{display:block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:3px}input,select,textarea{width:100%;background:#0e0d10;border:1px solid var(--line);color:var(--paper);font-family:Special Elite,Courier New,monospace;font-size:14px;padding:9px 8px;border-radius:2px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ink-red-bright)}textarea{resize:none;overflow:hidden;min-height:38px;line-height:1.4}.field{margin-bottom:10px}.row{display:flex;gap:8px}.row>.field{flex:1;margin-bottom:10px;min-width:0}.row5>.field label{font-size:9px;text-align:center}.row5 input{text-align:center;padding:8px 4px}.grid2x2{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{font-family:Cinzel,serif;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid var(--ink-red-bright);background:var(--ink-red-dim);color:var(--paper);padding:11px 10px;border-radius:2px;font-weight:600;transition:.12s}button:active{transform:translateY(1px)}button.secondary{background:var(--panel-alt);color:var(--paper-dim);border-color:var(--line)}button.ghost{background:transparent;border-color:var(--line);color:var(--paper-dim);font-size:11px;padding:7px 8px}button.danger{border-color:var(--danger);background:#b322221f;color:#e2a3a3}button.small{padding:6px 8px;font-size:11px}button.full{width:100%}.btnrow{display:flex;gap:8px;margin-bottom:14px}.btnrow>button{flex:1}.block{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--line)}.block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.block .block-head{display:flex;gap:8px;margin-bottom:8px}.block .block-head .dano{flex:0 0 34%}.block .block-head .nome{flex:1}.block-title{font-size:10px;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.rollrow{display:flex;gap:6px;align-items:flex-end;margin-bottom:9px}.rollrow .field{margin-bottom:0}.rollrow .formula{flex:1.3}.rollrow .result{flex:.8}.rollrow .result input{text-align:center;color:var(--amber);font-weight:700}.rollrow button{padding:9px 10px;flex:0 0 auto}.grupo-titulo{font-size:11px;color:var(--ink-red-bright);letter-spacing:.14em;text-transform:uppercase;margin:16px 0 8px;font-family:Cinzel,serif}.monstros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.monstro-card{position:relative;aspect-ratio:1/1;background:var(--panel-alt);border:1px solid var(--line);border-radius:2px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 6px;cursor:pointer;font-size:11.5px;color:var(--paper)}.monstro-card:active{border-color:var(--ink-red-bright)}.monstro-card .del{position:absolute;top:2px;right:2px;width:18px;height:18px;line-height:16px;text-align:center;background:#b3222240;color:#e2a3a3;border-radius:50%;font-size:11px;border:1px solid var(--danger)}.empty-msg{color:var(--paper-dim);font-size:12px;text-align:center;padding:20px 8px}.tracker-card{background:var(--panel-alt);border:1px solid var(--line);border-radius:2px;padding:10px;margin-bottom:8px}.tracker-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tracker-name{font-size:13px;color:var(--paper)}.tracker-hpbar{height:6px;background:#0e0d10;border-radius:3px;overflow:hidden;margin-bottom:8px}.tracker-hpbar>div{height:100%;background:var(--ok);transition:.2s}.tracker-hp-row{display:flex;gap:8px;align-items:center}.tracker-hp-row input{text-align:center}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(20px);background:var(--ink-red-dim);border:1px solid var(--ink-red-bright);color:var(--paper);padding:10px 16px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-family:Cinzel,serif;letter-spacing:.04em}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hint{font-size:10px;color:var(--paper-dim);margin-top:-4px;margin-bottom:10px}