:root{--paper: #f7f1e4;--paper-2: #fffdf8;--ink: #2c2418;--ink-soft: #8a6e3d;--gold: #b88e44;--gold-dark: #8c6a28;--gold-light: #e4d2a0;--charcoal: #2a2724;--line: #c4a15a;--warn: #9a3b2a;--ok: #3d7a52;--fill: #efe3c4;color-scheme:light}*{box-sizing:border-box}html{font-size:14px}html,body,#root{margin:0;height:100%;overflow-y:auto}body{font-family:Cormorant Garamond,Palatino Linotype,serif;color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 12% 0%,rgba(184,142,68,.12),transparent 40%),radial-gradient(circle at 90% 100%,rgba(184,142,68,.1),transparent 45%)}.app,.standalone{padding:10px 12px 28px}.loading{padding:24px;text-align:center;color:var(--ink-soft);font-family:Cinzel,serif}.wordmark{margin:0 0 8px;text-align:center;color:var(--gold);font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em;text-transform:lowercase}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--gold);padding-bottom:8px;margin-bottom:10px}.header h1{margin:0;font-family:Cinzel,serif;font-size:1.45rem;letter-spacing:.12em;color:var(--gold-dark)}.header__actions{display:flex;flex-wrap:wrap;gap:6px}.muted{color:var(--ink-soft);margin:4px 0 0}.hint,.warn{font-size:.9rem;color:var(--ink-soft)}.warn,.web-sheet__error{color:var(--warn)}.tabs,.picker,.roller__row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}button,select,input,textarea{font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--gold);border-radius:0;padding:5px 8px}button{cursor:pointer;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-dark);background:transparent}button:hover:not(:disabled){background:var(--fill)}button.is-active,.btn-primary{background:var(--charcoal);color:#f7f1e4;border-color:var(--gold)}.btn-primary{font-weight:700;padding:8px 16px}.btn-danger{border-color:var(--warn);color:var(--warn)}button:disabled{opacity:.45;cursor:not-allowed}.panel{background:var(--paper-2);border:1px solid var(--gold);padding:10px 12px;margin-bottom:10px;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;border:1.5px solid var(--gold)}.panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.panel h3,.section-title{margin:0 0 8px;font-family:Cinzel,serif;font-size:.95rem;letter-spacing:.14em;color:var(--gold-dark);text-transform:uppercase}.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel__head h3,.panel__head .section-title{margin:0}.grid-2,.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;letter-spacing:.04em;color:var(--ink-soft);font-family:Cinzel,serif}label input,label select,label textarea{font-family:Cormorant Garamond,serif;letter-spacing:normal;font-size:1rem;background:transparent;border:0;border-bottom:2px solid var(--gold);border-image:linear-gradient(#e8d5a3,#b88e44 45%,#7a5a22 70%,#d4b46a) 1;border-radius:0;padding:2px 4px 3px}.check{flex-direction:row;align-items:center;gap:8px;text-transform:none;margin:8px 0;font-family:Cormorant Garamond,serif}.sheet{background:var(--paper-2);border:1px solid var(--gold-light);box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 7px var(--gold-light);padding:14px 16px 12px}.field-center{text-align:center;align-items:center;margin-bottom:10px}.field-center input{width:min(100%,420px);text-align:center;font-size:1.25rem}.field-full{margin-bottom:10px}.field-full input{width:100%}.id-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}.attr-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--charcoal);padding:12px 12px 16px;margin:4px 0 14px;border:1px solid var(--gold-dark)}.stat-block{display:flex;flex-direction:column;align-items:stretch;gap:0}.stat-tab{background:linear-gradient(#d4b05a,#b88e44);color:#fffdf8;text-align:center;font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.08em;padding:6px 4px 4px;border-radius:3px 3px 0 0}.stat-tab strong{display:block;font-weight:700}.stat-tab input{width:100%;border:0;background:transparent;color:#fffdf8;text-align:center;font-family:Cinzel,serif;font-size:1.05rem;padding:0}.dado-banner{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);background:linear-gradient(#f4ead0,#ddc48a);border:1px solid var(--gold);border-top:0;text-align:center;padding:3px 8px 5px;color:var(--gold-dark);font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.04em}.dado-banner select,.dado-banner input{width:100%;border:0;background:transparent;text-align:center;font-family:Cinzel,serif;font-size:.85rem;color:var(--ink);padding:0}.resource-board{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:10px;margin-bottom:12px}.resource-board--secondary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.resource-box{border:1.5px solid var(--gold);padding:6px 8px 8px;min-height:64px}.resource-box h4{margin:0 0 6px;font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.12em;color:var(--gold-dark)}.resource{display:flex;align-items:center;gap:6px}.resource input{width:100%;text-align:center}.resource span{color:var(--gold)}.talentos{margin-top:4px}.talento{display:grid;grid-template-columns:160px 1fr auto;gap:8px;align-items:end;margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid var(--gold);position:relative}.talento--pair{grid-template-columns:160px 1fr}.talento:after{content:"";position:absolute;right:0;bottom:-5px;width:2px;height:10px;background:var(--gold)}.talento input,.talento textarea{border:0;background:transparent;padding:2px 0;min-height:0}.talento textarea{resize:vertical;min-height:28px}.notes{width:100%;min-height:70px;resize:vertical;background:transparent}.field-row{display:flex;gap:10px;flex-wrap:wrap}.field-row label{flex:1;min-width:120px}.roller{margin:0 0 12px}.result{margin-top:10px;padding:8px;border:1px solid var(--gold)}.result--extra,.result--exito{border-color:var(--ok)}.result--limitado{border-color:var(--gold-dark)}.result--fracaso{border-color:var(--warn)}.result__faces{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.result__faces span{background:var(--fill);padding:2px 6px;border:1px solid var(--gold-light)}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.log li{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--gold-light);padding-bottom:6px}.log .is-crit{color:var(--ok)}.log .is-fail{color:var(--warn)}.log__who{font-weight:700;font-family:Cinzel,serif;font-size:.8rem}.sync-bar{font-size:.95rem;margin:0 0 10px}.sheet-footer{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:14px;color:var(--ink-soft);font-size:.78rem}.sheet-footer strong{font-family:Cinzel,serif;color:var(--gold-dark);letter-spacing:.08em}code{font-size:.85em}.page2-mid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px}.tag-grid input,.line-input{width:100%;background:transparent;border:0;border-bottom:2px solid var(--gold);border-image:linear-gradient(#e8d5a3,#b88e44 45%,#7a5a22 70%,#d4b46a) 1;font-family:Cormorant Garamond,serif;margin-bottom:4px}.sheet+.sheet{margin-top:16px}@media (max-width: 720px){.attr-bar,.resource-board,.talento,.page2-mid,.tag-grid{grid-template-columns:1fr}}