.login-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem;gap:2rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.login-glyph{font-size:2.5rem;color:var(--ember);line-height:1;margin-bottom:.25rem;filter:drop-shadow(0 0 12px rgba(201,150,47,.5))}.login-brand h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3rem);letter-spacing:.18em;color:var(--parchment);margin:0}.login-sub{color:var(--parchment-dim);font-size:.9rem;letter-spacing:.05em;margin:0}.login-card{width:100%;max-width:420px}.login-tabs{display:flex;border-bottom:1px solid var(--ink-700);margin-bottom:1.5rem}.login-tab{flex:1;background:none;border:none;padding:.7rem;color:var(--parchment-dim);font-family:var(--font-body);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.login-tab:hover{color:var(--parchment)}.login-tab.active{color:var(--ember-bright);border-bottom-color:var(--ember)}.login-form{display:flex;flex-direction:column}.role-pills{display:flex;gap:.75rem}.role-pill{flex:1;background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-md);padding:.55rem .5rem;color:var(--parchment-dim);font-family:var(--font-body);font-size:.9rem;transition:border-color .15s,color .15s,box-shadow .15s}.role-pill:hover{border-color:var(--arcane);color:var(--parchment)}.role-pill.active{border-color:var(--arcane);color:var(--arcane-bright);box-shadow:0 0 0 3px #5b4b9e33}.role-hint{font-size:.8rem;color:var(--parchment-dim);margin:.5rem 0 0}.role-pill--mestre:hover{border-color:var(--ember)}.role-pill--mestre.active{border-color:var(--ember);color:var(--ember-bright);box-shadow:0 0 0 3px #c9962f33}.login-error{font-size:.85rem;color:var(--danger-text);background:#8c3b3b1f;border:1px solid var(--seal);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-bottom:.75rem}.login-submit{width:100%;margin-top:.25rem}@media (max-width: 480px){.login-hero{padding:1.5rem 1rem 2rem;justify-content:flex-start}.login-brand h1{letter-spacing:.1em}.login-card{padding:1.25rem 1rem}}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.25rem}.stats-row,.sheet-card-actions{flex-wrap:wrap}.sheet-card{border-left:3px solid var(--arcane);display:flex;flex-direction:column;gap:.6rem}.sheet-card[data-kind=MONSTER],.sheet-card[data-kind=BOSS]{border-left-color:var(--seal)}.sheet-card[data-kind=PLAYER]{border-left-color:var(--ember)}.sheet-card-top{display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--parchment-dim)}.sheet-card h3{font-size:1.2rem;margin:0}.stats-row{display:flex;gap:1rem;font-size:.85rem;color:var(--parchment-dim)}.attrs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;font-family:var(--font-mono);font-size:.75rem;color:var(--parchment-dim);border-top:1px dashed var(--ink-700);padding-top:.6rem}.sheet-card-actions{display:flex;gap:.5rem;margin-top:.5rem}.sheet-card-actions .btn{flex:1;padding:.5em .8em;font-size:.85rem}.page{padding:2rem clamp(1rem,4vw,3rem) 3rem;max-width:820px;margin:0 auto;width:100%}.form{margin-top:1.5rem}.row{display:flex;gap:1rem;flex-wrap:wrap}.row .field{flex:1;min-width:110px}.row .grow{flex:2;min-width:220px}.section-header{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0 1rem}.section-title{font-size:.95rem;color:var(--ember-bright);margin:1.5rem 0 1rem;border-bottom:1px solid var(--ink-700);padding-bottom:.4rem;flex:1}.section-header .section-title{margin:0}.muted-hint{font-size:.78rem;color:var(--ink-400, #888);margin:-.5rem 0 .8rem}.attrs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.9rem;margin-bottom:1rem}.attr-field{position:relative}.attr-field label{text-transform:capitalize}.attr-input-row{display:flex;gap:.35rem;align-items:center}.attr-input-row input{flex:1}.btn-roll-single{background:none;border:1px solid var(--ink-600, #444);border-radius:6px;cursor:pointer;font-size:1rem;padding:.2rem .4rem;line-height:1;transition:background .15s}.btn-roll-single:hover{background:var(--ink-700, #333)}.attr-field .modifier{display:block;margin-top:.2rem;font-family:var(--font-mono);color:var(--ember-bright);font-size:.85rem;text-align:center}.btn-roll{font-size:.8rem;padding:.35rem .8rem;background:var(--ink-700, #2a2a2a);border:1px solid var(--ember, #c84b00);color:var(--ember-bright, #ff7a3d);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-roll:hover{background:var(--ink-600, #333)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.35rem;margin-bottom:1.2rem}.skill-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:6px;cursor:pointer;font-size:.85rem;border:1px solid transparent;transition:background .12s,border-color .12s}.skill-row:hover{background:var(--ink-700, #2a2a2a)}.skill-row.proficient{border-color:var(--ember, #c84b00);background:var(--ink-700, #2a2a2a)}.skill-row input[type=checkbox]{accent-color:var(--ember, #c84b00)}.skill-mod{font-family:var(--font-mono);color:var(--ember-bright, #ff7a3d);font-size:.8rem;min-width:2.5ch;text-align:right}.skill-name{flex:1}.skill-attr{font-size:.72rem;color:var(--ink-400, #888)}.spell-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-bottom:1.2rem}.slot-field label{font-size:.75rem;color:var(--ink-400, #888)}.slot-field input{text-align:center}.spells-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.spell-card{border:1px solid var(--ink-600, #444);border-radius:8px;padding:.6rem .8rem}.spell-card-header{display:flex;align-items:center;gap:.6rem}.spell-name{font-weight:600;flex:1}.spell-level{font-size:.75rem;color:var(--ember-bright, #ff7a3d);background:var(--ink-700, #2a2a2a);padding:.15rem .5rem;border-radius:99px}.spell-desc{font-size:.82rem;color:var(--ink-400, #888);margin:.4rem 0 0;line-height:1.4}.btn-remove{background:none;border:none;color:var(--ink-400, #888);cursor:pointer;font-size:.85rem;padding:.15rem .3rem;border-radius:4px;transition:color .12s}.btn-remove:hover{color:#e05555}.attr-field .saving-throw{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.25rem;font-size:.75rem;text-transform:none;color:var(--ink-400, #888);cursor:pointer}.attr-field .saving-throw.proficient{color:var(--ember-bright, #ff7a3d)}.saving-throw input[type=checkbox]{accent-color:var(--ember, #c84b00)}.attr-field .bonus-input{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.25rem;font-size:.75rem}.attr-field .bonus-input label{text-transform:none}.attr-field .bonus-input input{width:4.5rem}.skill-row .skill-name{cursor:pointer}.skill-row .skill-bonus{width:3.5rem;margin-left:auto;padding:.15rem .3rem}.items-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--ink-600, #444);border-radius:6px;overflow-wrap:anywhere}.add-item{align-items:flex-end}.add-spell{border:1px dashed var(--ink-600, #444);border-radius:10px;padding:1rem;margin-bottom:.5rem}.add-spell h4{font-size:.85rem;color:var(--ink-400, #888);margin-bottom:.75rem}.actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;border-top:1px solid var(--ink-700);padding-top:1.25rem}.save-error{margin-top:1rem}@media (max-width: 640px){.page{padding-top:1.25rem}.form.card{padding:1.25rem 1rem}.row .field{min-width:min(110px,100%)}.row .grow{min-width:min(220px,100%)}.attrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{grid-template-columns:minmax(0,1fr)}.spell-slots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{flex-wrap:wrap}.actions .btn{flex:1 1 8rem}.spell-card-header{flex-wrap:wrap}.slot-total{margin-left:0}.item-row{flex-wrap:wrap}}.back-to-list{margin-top:1rem}.slot-tracker{display:grid;gap:.5rem;margin-bottom:1rem}.slot-tracker-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.slot-tracker-head h4{margin:0}.slot-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;border:1px solid var(--ink-700, #3a2d22);border-radius:8px}.slot-row--empty{opacity:.75;border-style:dashed}.slot-circle{font-weight:600;min-width:5.5rem}.slot-remaining{display:flex;align-items:center;gap:.5rem}.slot-remaining strong{min-width:3rem;text-align:center}.slot-step{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--ember, #c84b00);background:transparent;color:inherit;font-size:1.1rem;cursor:pointer}.slot-step:disabled{opacity:.35;cursor:not-allowed}.slot-total{display:flex;align-items:center;gap:.4rem;margin-left:auto}.slot-total input{width:4.5rem}.page{padding:2rem clamp(1rem,4vw,3rem) 3rem;max-width:1200px;margin:0 auto;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.eyebrow{color:var(--ember);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;margin-bottom:.4rem}.new-table{margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.25rem}.muted{color:var(--parchment-dim)}.table-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.table-filters .filters{margin-bottom:0}.table-search{max-width:420px;background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-sm);padding:.6em .8em;color:var(--parchment);font-family:var(--font-body);font-size:.95rem}.table-search:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px #c9962f33}.filter-count{font-size:.8rem;margin:0}.empty{text-align:center;display:flex;flex-direction:column;gap:.5rem;padding:3rem 1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.25rem}.table-search{width:100%}@media (max-width: 640px){.page{padding-top:1.25rem}.page-head .btn{width:100%}}.table-card{border-left:3px solid var(--arcane);display:flex;flex-direction:column;gap:.6rem}.table-card-top{display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--parchment-dim)}.status{padding:.15em .6em;border-radius:999px;border:1px solid var(--ink-700)}.status--aberta{border-color:var(--ok);color:var(--ok)}.status--em_andamento{border-color:var(--ember);color:var(--ember-bright)}.status--pausada{border-color:var(--parchment-dim);color:var(--parchment-dim)}.status--encerrada{border-color:var(--seal);color:var(--danger-text)}.btn-delete-table{color:var(--danger-text);border-color:var(--seal)}.table-card h3{font-size:1.2rem;margin:0}.table-card .desc{color:var(--parchment-dim);font-size:.88rem;min-height:2.6em}.table-card .master{font-size:.8rem;color:var(--parchment-dim)}.join-panel{display:flex;flex-direction:column;gap:.45rem}.join-panel label{font-size:.8rem;color:var(--parchment-dim)}.join-note{font-size:.85rem;margin:0}.join-note--pending{color:var(--ember-bright)}.join-note--refused{color:var(--danger-text)}.join-error{font-size:.82rem;color:var(--danger-text);margin:0}.paper-sheet{padding:1.5rem clamp(1rem,3vw,2.25rem);background:linear-gradient(180deg,var(--paper-100),var(--paper-200));color:var(--paper-ink);border:1px solid #b89c6a;border-radius:var(--radius-sm);box-shadow:inset 0 0 40px #6b44292e}.paper-sheet-kind{margin:0;font-family:var(--font-display);font-size:1.1rem;color:var(--paper-ink)}.paper-sheet-origin{display:inline-block;margin:.4rem 0 0;padding:.1em .7em;border:1px solid var(--leather);border-radius:999px;font-size:.78rem;color:#5a3a1f}.paper-vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-top:1rem}.paper-vital{display:flex;flex-direction:column;align-items:center;padding:.6rem;border:2px solid var(--leather);border-radius:var(--radius-md);background:#fffaf099}.paper-vital-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#5a4632}.paper-vital strong{font-size:1.5rem;font-family:var(--font-display)}.paper-title{margin:1.5rem 0 .75rem;padding-bottom:.3rem;border-bottom:2px solid var(--leather);color:#5a3a1f;font-size:1rem}.paper-attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.paper-attribute{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;border:1px solid #b89c6a;border-radius:var(--radius-md);background:#fffaf08c}.paper-attribute--proficient{border:2px solid #7a5200}.paper-attribute-name{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#5a4632}.paper-attribute-mod{font-size:1.6rem;font-family:var(--font-display)}.paper-attribute-score{padding:.05em .7em;border:1px solid var(--leather);border-radius:999px;font-family:var(--font-mono);font-size:.85rem}.paper-attribute-save{font-size:.75rem;color:#7a5200;font-weight:600}.paper-skills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:.2rem 1.5rem}.paper-skill{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-bottom:1px dotted #b89c6a;font-size:.9rem}.paper-skill--proficient{font-weight:600}.paper-skill-mark{color:#7a5200}.paper-skill-name{flex:1}.paper-skill-attr{font-size:.72rem;color:#5a4632;text-transform:uppercase}.paper-skill strong{min-width:2.5ch;text-align:right;font-family:var(--font-mono)}.paper-text{margin:0 0 .6rem;line-height:1.6;white-space:pre-wrap}.paper-empty{color:#5a4632;font-style:italic}.paper-items{margin:0;padding-left:1.25rem;columns:2 220px}.paper-slots{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.paper-slot{padding:.15em .7em;border:1px solid var(--leather);border-radius:999px;font-size:.8rem}.paper-spell-group h4{margin:.75rem 0 .25rem;color:#5a3a1f;font-size:.9rem}.paper-spells{margin:0;padding-left:1.25rem;line-height:1.5}.paper-slot--empty{opacity:.55;text-decoration:line-through}.paper-abilities{white-space:pre-wrap;overflow-wrap:anywhere}.paper-sheet{overflow-wrap:anywhere}.paper-skill-name{min-width:0}@media (max-width: 640px){.paper-sheet{padding:1rem .85rem}.paper-vitals,.paper-attributes{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-items{columns:1}}.room{flex:1;display:grid;grid-template-columns:300px 1fr;gap:1.25rem;padding:1.5rem clamp(1rem,3vw,2rem);max-width:1200px;margin:0 auto;width:100%}.room-blocked{max-width:520px;margin:3rem auto;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.session-ended{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;background:#8c3b3b1f;border-bottom:1px solid var(--seal);color:var(--danger-text);font-size:.88rem}.session-ended .btn{padding:.3em .7em;font-size:.8rem}.session-paused{padding:.75rem 1.25rem;background:#c8beaa14;border-bottom:1px solid var(--ink-700);color:var(--parchment-dim);font-size:.85rem}.master-actions{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.master-actions .btn{width:100%}.table-status{font-size:.8rem;margin:0}.badge{margin-left:.5rem;padding:0 .5em;border-radius:999px;background:var(--ember);color:var(--ink-900);font-size:.75rem}.request-list,.participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.request-item,.participant-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88rem}.request-actions{display:flex;gap:.35rem}.request-actions .btn,.participant-item .btn{padding:.3em .65em;font-size:.8rem}.participant-actions{display:flex;gap:.35rem;flex-shrink:0}.participants-count{margin-left:.4rem;font-size:.75rem;color:var(--parchment-dim);text-transform:none;letter-spacing:normal}.leave-table{width:100%;margin-top:.5rem}.presence-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.45rem;border-radius:50%;background:var(--ink-700)}.presence-dot.online{background:var(--ok)}.participant-role{margin-left:.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--parchment-dim)}.participant-role.master{color:var(--ember-bright)}.sheet-view{margin-top:.75rem;padding:.75rem;border:1px solid var(--ink-700);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.sheet-view-head{display:flex;justify-content:space-between;align-items:center}.sheet-view-head .btn{padding:.25em .6em;font-size:.78rem}.sheet-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.sheet-attribute{display:flex;flex-direction:column;align-items:center;padding:.35rem;border:1px solid var(--ink-700);border-radius:var(--radius-sm)}.sheet-attribute-label{font-size:.7rem;color:var(--parchment-dim)}.sheet-attribute-score{font-family:var(--font-mono);font-size:1rem}.sheet-attribute-mod{font-size:.75rem;color:var(--ember-bright)}.sheet-attribute--proficient{border-color:var(--ember)}.sheet-text{font-size:.82rem;margin:0}.room-side{display:flex;flex-direction:column;gap:.5rem;align-self:start}.muted{color:var(--parchment-dim);font-size:.9rem}.center{text-align:center;margin:auto}.conn{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.conn--conectado{color:var(--ok)}.conn--conectando,.conn--reconectando{color:var(--ember-bright)}.conn--desconectado{color:var(--danger-text)}.connection-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;font-size:.85rem}.connection-banner .btn{padding:.3em .7em;font-size:.8rem}.connection-banner--reconnecting{background:#c9962f1a;border-bottom:1px solid var(--ember-bright);color:var(--ember-bright)}.section-title{font-size:.85rem;color:var(--ember-bright);margin:1rem 0 .5rem;border-bottom:1px solid var(--ink-700);padding-bottom:.35rem}.quick-dice{display:flex;flex-wrap:wrap;gap:.4rem}.quick-dice .btn{padding:.4em .7em;font-size:.82rem;font-family:var(--font-mono)}.inline-input{display:flex;gap:.5rem}.inline-input input{flex:1}.room-chat{display:flex;flex-direction:column;min-height:60vh;padding:0;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.channel-panel{display:flex;flex-direction:column;gap:.9rem}.channel-panel[hidden]{display:none}.chat-image-button{display:block;padding:0;margin-top:.35rem;background:none;border:1px solid var(--ink-700);border-radius:var(--radius-md);overflow:hidden;cursor:zoom-in}.chat-image{display:block;max-width:min(320px,100%);max-height:240px;object-fit:contain}.image-composer{align-items:center;justify-content:space-between}.image-composer-hint{margin:0;font-size:.8rem}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#0a0806d9;cursor:zoom-out}.image-lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.private-sheets-hint{font-size:.78rem;margin:0 0 .4rem}.channel-tabs{display:flex;border-bottom:1px solid var(--ink-700);padding:0 .75rem}.channel-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--parchment-dim);padding:.75rem 1rem .6rem;font:inherit;font-size:.9rem;cursor:pointer}.channel-tab:hover{color:var(--parchment)}.channel-tab--active{color:var(--ember-bright);border-bottom-color:var(--ember)}.msg{max-width:85%}.msg-head{display:flex;gap:.6rem;font-size:.75rem;color:var(--parchment-dim);margin-bottom:.2rem}.msg .author{color:var(--ember-bright);font-weight:600}.msg .content{margin:0}.msg--npc_resposta{align-self:flex-start;background:#5b4b9e1f;border-left:3px solid var(--arcane);padding:.6rem .9rem;border-radius:var(--radius-md)}.msg--npc_resposta .author{color:var(--arcane-bright)}.msg--sistema{align-self:center;color:var(--parchment-dim);font-size:.82rem;font-style:italic}.msg--roligem,.msg--rolagem{align-self:center}.roll-expr{color:var(--parchment-dim);font-size:.8rem}.roll-total{color:var(--ember-bright);font-weight:700;font-size:1.1rem}.die-button--active{border-color:var(--ember);color:var(--ember-bright)}.roll-hint{font-size:.78rem;margin:.25rem 0 0}.roll-hint code{font-family:var(--font-mono);color:var(--parchment)}.roll-panel{margin-top:.6rem;padding:.75rem;background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.6rem}.roll-panel-title{margin:0;font-family:var(--font-display);color:var(--ember-bright)}.roll-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.roll-panel-row input{width:100%}.roll-modes{display:flex;flex-wrap:wrap;gap:.35rem}.roll-mode{padding:.35em .6em;font-size:.78rem}.roll-mode--active{border-color:var(--arcane-bright);color:var(--arcane-bright)}.roll-panel-actions{display:flex;justify-content:flex-end;gap:.5rem}.roll-error{color:var(--danger-text);font-size:.82rem;margin:0}.composer-error{padding:0 1.25rem}.dice-roll{font-family:var(--font-mono);background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-md);padding:.6rem .9rem;min-width:220px;transition:border-color .3s ease,box-shadow .3s ease}.dice-roll-head{display:flex;gap:.5rem;align-items:center;margin-bottom:.45rem}.roll-mode-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arcane-bright);border:1px solid var(--arcane);border-radius:var(--radius-sm);padding:0 .35em}.dice-roll-body{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.dice-faces{display:flex;flex-wrap:wrap;gap:.35rem}.die-face{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding:0 .3rem;border-radius:var(--radius-sm);background:var(--parchment);color:#1a1410;font-weight:700;box-shadow:inset 0 -3px #00000040}.die-face[data-sides="20"]{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);min-width:2.4rem;height:2.4rem}.die-face[data-sides="4"]{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:.7rem;min-width:2.4rem;height:2.4rem;font-size:.8rem}.die-face[data-sides="8"]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);min-width:2.4rem;height:2.4rem}.die-face--descartado{opacity:.4;text-decoration:line-through}.dice-modifier,.dice-equals{color:var(--parchment-dim)}.dice-roll .roll-total{font-size:1.35rem}.dice-roll--rolando .die-face{animation:die-tumble .18s ease-in-out infinite alternate}.dice-roll--revelado .die-face{animation:die-land .35s cubic-bezier(.3,1.6,.5,1)}.dice-roll--revelado .roll-total{animation:total-pop .4s ease-out}.dice-roll--critico{border-color:var(--ember);box-shadow:0 0 18px #e6b85973}.dice-roll--critico .die-face:not(.die-face--descartado){background:var(--ember-bright)}.dice-roll--falha{border-color:var(--seal);box-shadow:0 0 18px #8c3b3b80}.dice-roll--falha .die-face:not(.die-face--descartado){background:#c96b6b}.dice-outcome{margin:.4rem 0 0;font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.dice-roll--critico .dice-outcome{color:var(--ember-bright)}.dice-roll--falha .dice-outcome{color:#c96b6b}@keyframes die-tumble{0%{transform:rotate(-14deg) translateY(-2px) scale(.95)}to{transform:rotate(14deg) translateY(2px) scale(1.05)}}@keyframes die-land{0%{transform:scale(1.3) rotate(-8deg)}to{transform:scale(1) rotate(0)}}@keyframes total-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.dice-roll--rolando .die-face,.dice-roll--revelado .die-face,.dice-roll--revelado .roll-total{animation:none}}.composer{display:flex;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--ink-700)}.composer input{flex:1}@media (max-width: 640px){.messages{padding:.9rem}.msg{max-width:94%}.dice-roll{min-width:0;max-width:100%}.composer{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.session-ended,.connection-banner{flex-wrap:wrap;padding:.6rem 1rem}.combat-tracker{max-height:16rem}.combat-monster-pick{flex-wrap:wrap}.image-composer{flex-wrap:wrap;gap:.5rem}}.roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;background:radial-gradient(ellipse at center,#100e17d1,#100e17f5);animation:overlay-fade .25s ease-out}.roll-stage{position:relative;width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.5rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--ink-800),var(--ink-900));border:1px solid var(--ink-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:stage-rise .4s cubic-bezier(.2,.9,.3,1.1);transition:border-color .4s ease,box-shadow .4s ease}.roll-stage-who{margin:0;color:var(--parchment-dim);font-size:.95rem}.roll-stage-who strong{color:var(--parchment)}.roll-stage-dc{margin:0;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;color:var(--parchment-dim)}.roll-stage-dc span{display:inline-block;margin-left:.4rem;padding:0 .55em;border:1px solid var(--ember);border-radius:var(--radius-sm);color:var(--ember-bright);font-size:1.1rem}.roll-stage-mode{margin:0;padding:0 .6em;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--arcane-bright);border:1px solid var(--arcane);border-radius:var(--radius-sm)}.roll-stage-dice{display:flex;justify-content:center;gap:1.1rem;min-height:7.5rem;align-items:center;margin:.6rem 0 .2rem}.roll-die{min-width:6.4rem;height:6.4rem;font-family:var(--font-display);font-size:2.4rem;box-shadow:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.roll-die[data-sides="20"]{min-width:6.4rem;height:6.4rem}.roll-stage--rolando .roll-die{animation:die-throw .5s ease-in-out infinite alternate,die-tumble .18s ease-in-out infinite alternate}.roll-stage--sucesso .roll-die,.roll-stage--falha .roll-die,.roll-stage--critico .roll-die,.roll-stage--falha-critica .roll-die{animation:die-land .45s cubic-bezier(.3,1.6,.5,1)}.roll-stage--rolando .roll-die{background:var(--parchment)}.roll-stage-suspense{margin:0;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--parchment-dim);animation:suspense-pulse .9s ease-in-out infinite alternate}.roll-stage-breakdown{margin:0;font-family:var(--font-mono);font-size:1.05rem;color:var(--parchment-dim)}.roll-stage-breakdown strong{color:var(--parchment)}.roll-stage-total{display:inline-block;font-size:2rem;font-weight:700;color:var(--ember-bright);animation:total-pop .45s ease-out}.roll-stage-hint{margin:0;font-size:.78rem;color:var(--parchment-dim)}@media (max-width: 480px){.roll-stage{padding:1.5rem 1rem 1.25rem}.roll-stage-dice{flex-wrap:wrap;gap:.75rem}.roll-die,.roll-die[data-sides="20"]{min-width:5rem;height:5rem;font-size:1.9rem}.roll-stage-verdict{font-size:1.4rem;letter-spacing:.12em;overflow-wrap:anywhere}.challenge-picker{padding:1rem}.challenge-picker .roll-panel-actions{bottom:-1rem;margin:0 -1rem -1rem;padding:.75rem 1rem}}.roll-stage-verdict{margin:.3rem 0 0;font-family:var(--font-display);font-size:1.9rem;letter-spacing:.22em;text-transform:uppercase;animation:verdict-slam .5s cubic-bezier(.2,1.4,.4,1)}.roll-stage-flag{margin:0;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.9rem}.roll-stage .btn{margin-top:.6rem}.roll-stage--sucesso{border-color:var(--ok);box-shadow:0 0 36px #4f8a5b73}.roll-stage--sucesso .roll-stage-verdict{color:#7bc48a}.roll-stage--sucesso .roll-die:not(.die-face--descartado){background:#b8e0bf}.roll-stage--falha{border-color:var(--seal);box-shadow:0 0 36px #8c3b3b80}.roll-stage--falha .roll-stage-verdict{color:#c96b6b}.roll-stage--falha .roll-die:not(.die-face--descartado){background:#d9b0b0}.roll-stage--critico{border-color:var(--ember-bright);box-shadow:0 0 60px #e6b859a6;animation:stage-rise .4s cubic-bezier(.2,.9,.3,1.1),glow-pulse 1.2s ease-in-out infinite alternate}.roll-stage--critico .roll-stage-verdict,.roll-stage--critico .roll-stage-flag{color:var(--ember-bright)}.roll-stage--critico .roll-die:not(.die-face--descartado){background:var(--ember-bright)}.roll-stage--falha-critica{border-color:var(--seal);box-shadow:0 0 60px #8c3b3bbf}.roll-stage--falha-critica .roll-stage-verdict,.roll-stage--falha-critica .roll-stage-flag{color:#c96b6b}.roll-stage--falha-critica .roll-die:not(.die-face--descartado){background:#c96b6b}.challenge-picker{width:min(560px,100%);max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;background:linear-gradient(180deg,var(--ink-800),var(--ink-900));border:1px solid var(--ember);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:stage-rise .35s cubic-bezier(.2,.9,.3,1.1)}.challenge-picker h3{margin:0;font-family:var(--font-display)}.challenge-picker-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.challenge-dc{display:flex;flex-direction:column;align-items:center;min-width:4.2rem;padding:.35rem .7rem;border:1px solid var(--ember);border-radius:var(--radius-md);font-family:var(--font-display)}.challenge-dc span{font-size:.7rem;letter-spacing:.2em;color:var(--parchment-dim)}.challenge-dc strong{font-size:1.7rem;color:var(--ember-bright);line-height:1.1}.challenge-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem}.challenge-options--skills{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.challenge-option{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-sm);color:var(--parchment);font-size:.85rem;cursor:pointer;text-align:left}.challenge-option small{color:var(--parchment-dim)}.challenge-option strong{font-family:var(--font-mono);color:var(--ember-bright)}.challenge-option:hover{border-color:var(--ember)}.challenge-option--active{border-color:var(--ember-bright);background:#c9962f24;box-shadow:0 0 0 1px var(--ember-bright)}.challenge-letter{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.75rem 1.5rem;text-align:center;background:linear-gradient(180deg,#34231a,var(--ink-900));border:1px solid var(--arcane);border-radius:var(--radius-lg);box-shadow:0 0 40px #7c68c959;animation:stage-rise .4s cubic-bezier(.2,.9,.3,1.1)}.challenge-letter-text{margin:0;font-family:var(--font-body);font-size:1.15rem;font-style:italic;line-height:1.5;overflow-wrap:anywhere}.challenge-panel{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.challenge-new{width:100%}.challenge-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--ink-700);border-radius:var(--radius-md)}.challenge-form .field input[type=number]{width:5rem}.challenge-pick-list,.challenge-list,.challenge-players,.challenge-sent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.challenge-pick{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88rem}.challenge-pick label{display:flex;align-items:center;gap:.3rem}.challenge-pick select{max-width:8.5rem}.challenge-card{display:flex;flex-direction:column;gap:.45rem;padding:.65rem .75rem;border:1px solid var(--ink-700);border-radius:var(--radius-md)}.challenge-card--ativo{border-color:var(--ember)}.challenge-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.challenge-card-dc{font-family:var(--font-mono);color:var(--ember-bright);font-size:.85rem}.challenge-player{display:flex;flex-direction:column;gap:.3rem;padding-top:.4rem;border-top:1px solid var(--ink-700);font-size:.86rem}.challenge-player-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.challenge-player-info{margin:0;font-size:.78rem}.challenge-state{font-size:.78rem;margin:0;color:var(--parchment-dim)}.challenge-state--sucesso{color:#7bc48a}.challenge-state--falha{color:#c96b6b}.challenge-state--cancelado{color:var(--parchment-dim);text-decoration:line-through}.challenge-state--aguardando_decisao_do_mestre,.challenge-state--aguardando_tentativa_extra,.challenge-state--aguardando_rolagem{color:var(--ember-bright)}.challenge-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.challenge-actions .btn,.challenge-cancel,.challenge-composer .btn{padding:.3em .65em;font-size:.8rem}.challenge-cancel{align-self:flex-start}.challenge-composer{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px dashed var(--ink-700)}.challenge-composer .btn{align-self:flex-start}.challenge-sent{font-size:.8rem}.challenge-master-note{margin:0;padding:.4rem .6rem;border-left:3px solid var(--arcane-bright);background:#5b4b9e26;font-size:.85rem;font-style:italic;overflow-wrap:anywhere}.challenge-master-note span{color:var(--arcane-bright);font-style:normal;font-weight:600}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes stage-rise{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes die-throw{0%{transform:translateY(-14px) rotate(-18deg) scale(.92)}to{transform:translateY(10px) rotate(22deg) scale(1.08)}}@keyframes suspense-pulse{0%{opacity:.4}to{opacity:1}}@keyframes verdict-slam{0%{transform:scale(2.2);opacity:0;letter-spacing:.6em}70%{transform:scale(.95);opacity:1}to{transform:scale(1);letter-spacing:.22em}}@keyframes glow-pulse{0%{box-shadow:0 0 30px #e6b85966}to{box-shadow:0 0 80px #e6b859d9}}@media (prefers-reduced-motion: reduce){.roll-overlay,.roll-stage,.challenge-picker,.challenge-letter,.roll-stage--rolando .roll-die,.roll-stage--sucesso .roll-die,.roll-stage--falha .roll-die,.roll-stage--critico,.roll-stage--critico .roll-die,.roll-stage--falha-critica .roll-die,.roll-stage-suspense,.roll-stage-verdict,.roll-stage-total{animation:none}}.combat-tracker{display:flex;flex-direction:column;gap:.6rem;max-height:20rem;overflow-y:auto;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--ink-800);border:1px solid var(--ember);border-radius:var(--radius-lg)}.combat-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.combat-head h3{margin:0;font-family:var(--font-display)}.combat-turn-banner{margin:0;padding:.5rem .75rem;text-align:center;font-weight:700;color:var(--ink-900);background:var(--ember-bright);border-radius:var(--radius-lg)}.combat-list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.combat-entry{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg)}.combat-entry--current{border-color:var(--ember-bright);box-shadow:0 0 0 1px var(--ember-bright)}.combat-position{min-width:1.4rem;font-family:var(--font-mono);color:var(--parchment-dim);text-align:center}.combat-entry-info{display:flex;flex:1;flex-direction:column;min-width:0}.combat-entry--monster{border-left:3px solid var(--ember)}.combat-total{font-family:var(--font-mono);font-size:1.2rem;color:var(--ember-bright)}.combat-reroll{font-size:.75rem}.combat-roll,.combat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.combat-monster-pick{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.combat-monster-name{flex:1;min-width:0}.combat-quantity{width:4.5rem}.combat-proficiency{display:flex;align-items:center;gap:.3rem}.msg--sistema .content{white-space:pre-line}.notes-panel textarea,.items-form textarea,.items-form input{width:100%;box-sizing:border-box}.notes-footer,.items-form-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.4rem;font-size:.8rem}.status-controls .btn-primary{margin-top:.5rem}.status-list{margin-top:.6rem}.status-view,.items-view{display:flex;flex-direction:column;gap:.6rem}.status-view h4{margin:.4rem 0 0}.status-current,.status-history,.items-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.items-form{display:flex;flex-direction:column;gap:.4rem}.shared-item{padding:.5rem .65rem;border:1px solid var(--ink-700);border-radius:var(--radius-md)}.shared-item-head{display:flex;align-items:center;gap:.5rem}.shared-item-head .btn{margin-left:auto;padding:.25em .6em;font-size:.78rem}.sheet-actions{display:flex;gap:.4rem;margin-top:.5rem}.sheet-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:flex-start;justify-content:center;height:100vh;height:100dvh;padding:1.5rem 1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0a0806d9}body:has(.sheet-editor-overlay){overflow:hidden}.sheet-editor-dialog{width:min(960px,100%);min-width:0}@media (max-width: 640px){.sheet-editor-overlay{padding:0}}.room{grid-template-columns:300px minmax(0,1fr) 320px;align-items:start;max-width:1600px}.room-chat,.room-notes{height:calc(100vh - 7.5rem);min-height:30rem}.room-notes{display:flex;flex-direction:column;padding:0;overflow:hidden}.room-notes .notes-panel{flex:1;display:flex;flex-direction:column;min-height:0}.notes-panel--notebook{padding:1rem;background:var(--paper-100);color:var(--paper-ink)}.notes-title{margin:0 0 .25rem;color:var(--paper-ink);font-size:1rem}.notes-panel--notebook .private-sheets-hint{color:#4f3d2a}.notes-panel--notebook textarea{flex:1;min-height:0;resize:none;background:transparent;color:var(--paper-ink);border:1px solid #b89c6a;border-radius:var(--radius-sm);padding:.5rem .65rem;font-family:var(--font-body);font-size:.95rem;line-height:1.5}.notes-panel--notebook .notes-footer,.notes-panel--notebook .muted{color:#4f3d2a}.notes-panel--notebook .btn-ghost{color:var(--paper-ink);border-color:var(--leather)}.room-chat .ui-tabs{padding:0 .75rem}@media (max-width: 1280px){.room{grid-template-columns:280px minmax(0,1fr)}.room-notes{grid-column:2;height:24rem;min-height:0}}@media (max-width: 860px){.room{grid-template-columns:1fr}.room-notes{grid-column:1}.room-chat{height:75vh;height:75dvh;min-height:24rem}.room-notes{height:22rem}}.notes-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.shared-note-quote{margin:.75rem 0;padding:.75rem 1rem;border-left:3px solid var(--ember, #c84b00);background:#0000002e;white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow-y:auto}.shared-note-hint{font-size:.85rem;margin:0}.share-recipients{border:0;padding:0;margin:0;display:grid;gap:.4rem}.share-recipients legend{font-weight:600;margin-bottom:.4rem;padding:0}.share-recipient{display:flex;align-items:center;gap:.5rem;cursor:pointer}.share-recipient input{accent-color:var(--ember, #c84b00)}.room-chat .messages{background:linear-gradient(180deg,var(--paper-100),var(--paper-200));color:var(--paper-ink);box-shadow:inset 0 0 36px #6b442938}.room-chat .msg-head,.room-chat .muted,.room-chat .roll-expr,.room-chat .msg--sistema{color:#4f3d2a}.room-chat .msg .author{color:#7a5200}.room-chat .msg--npc_resposta .author{color:#4b3d8a}.room-chat .msg--npc_resposta{background:#5b4b9e1f}.room-chat .messages h4,.room-chat .messages strong{color:var(--paper-ink)}.room-chat .messages .btn-ghost{color:var(--paper-ink);border-color:var(--leather)}.room-chat .messages .btn-ghost:hover{background:#6b44291f}.room-chat .messages .roll-error{color:#8c2a22}.room-chat .messages .shared-item{border-color:#b89c6a;background:#fffaf08c}.room-chat .messages .participant-role{color:#4f3d2a}.room-chat .messages .participant-role.master{color:#7a5200}.room-chat .messages .items-form input,.room-chat .messages .items-form textarea{background:#fffaf0;color:var(--paper-ink);border-color:var(--leather)}.room-chat .messages .status-current li,.room-chat .messages .status-history li{color:var(--paper-ink)}.room-chat .messages .time{color:#4f3d2a}.room-chat .composer{background:var(--paper-200);border-top-color:#b89c6a}.room-chat .composer input{background:#fffaf0;color:var(--paper-ink);border-color:var(--leather)}.room-chat .composer-error{background:var(--paper-200);margin:0;padding-top:.5rem}.room-chat .composer-error.roll-error{color:#8c2a22}.room-chat .image-composer{background:var(--paper-200)}.room-chat .image-composer-hint{color:#4f3d2a}.dice-roll{background:radial-gradient(ellipse at 50% 40%,#3f5a3a,#2b4128);border:3px solid var(--leather);box-shadow:inset 0 0 18px #0000008c,0 6px 14px #0006;color:#f0e6d0}.dice-roll .roll-expr,.dice-roll .dice-modifier,.dice-roll .dice-equals{color:#cfd9c4}.dice-roll .roll-total{color:#f6d98a}.medallion-row{display:flex;align-items:center;gap:.6rem;min-width:0}.medallion{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--leather-bright),var(--wood-700));border:2px solid var(--ink-700);color:var(--paper-100);font-family:var(--font-display);font-weight:700}.medallion--online{border-color:var(--positive-text);box-shadow:0 0 0 2px #8fcf9b40}.medallion--master{border-color:var(--ember-bright);background:radial-gradient(circle at 35% 30%,#d9a93f,#7a5200);color:#211705}.medallion-text{display:flex;flex-direction:column;min-width:0}.medallion-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medallion-text .participant-role{margin-left:0}.room-side{display:flex;flex-direction:column;height:calc(100vh - 7.5rem);min-height:30rem;padding:0;overflow:hidden}.room-side-head{padding:1rem 1rem .5rem}.room-side-head h2{margin:0;font-size:1.1rem}.room-side-head .conn{margin:.2rem 0 0;font-size:.8rem}.side-tabs{padding:0 .5rem}.side-tabs .ui-tabs{overflow:visible;margin-bottom:0;gap:0}.side-tabs .ui-tab{flex:1;flex-direction:column;gap:.1rem;min-height:3rem;padding:.35rem .1rem;font-size:.68rem}.side-tabs .ui-tab-icon{font-size:1.05rem}.side-tabs .ui-badge{position:absolute;margin:-.2rem 0 0 1.5rem;padding:0 .4em;font-size:.65rem;background:var(--surface-raised)}.side-tabs .ui-tab{position:relative}.room-side-body{flex:1;min-height:0;overflow-y:auto;padding:1rem}.side-section[hidden]{display:none}.side-section{display:flex;flex-direction:column;gap:.9rem}.side-section .section-title:first-child{margin-top:0}@media (max-width: 1280px){.room-side{height:auto;max-height:34rem}}@media (max-width: 860px){.room-side{max-height:none}.room-side-body{overflow:visible}}.room{grid-template-columns:320px minmax(0,1fr) 300px}.room-side-body{overflow-x:hidden;overflow-wrap:anywhere}.room-side-body *{min-width:0}.room-side-body .row{flex-direction:column;gap:0}.room-side-body .row .field,.room-side-body .row .grow{flex:none;width:100%;min-width:0}.room-side-body .field{margin-bottom:.6rem}.room-side-body input:not([type=checkbox]):not([type=radio]),.room-side-body select,.room-side-body textarea{width:100%;max-width:100%;background:var(--ink-800);color:var(--parchment);border:1px solid var(--ink-700);border-radius:var(--radius-sm);padding:.5em .7em;font-family:var(--font-body);font-size:.9rem}.room-side-body select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:dark}.room-side-body .challenge-form .field input[type=number]{width:100%}.room-side-body .challenge-form,.room-side-body .roll-panel{padding:.75rem}.room-side-body .roll-panel-actions,.room-side-body .sheet-actions,.room-side-body .request-actions{flex-wrap:wrap}.room-side-body .roll-panel-actions .btn{flex:1 1 8rem}.room-side-body .challenge-pick{flex-wrap:wrap;row-gap:.3rem}.room-side-body .challenge-pick label{flex:1 1 8rem}.room-side-body .challenge-pick select{flex:1 1 7rem;max-width:100%}.room-side-body .participant-item,.room-side-body .request-item{flex-wrap:wrap;row-gap:.4rem}.room-side-body .participant-item>.medallion-row,.room-side-body .participant-item>span:first-child{flex:1 1 10rem}.room-side-body .participant-actions{flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap}.room-side-body .medallion-name{white-space:normal}.room-side-body .quick-dice .btn{flex:1 1 3.2rem}.room-side-body .btn{padding-left:.9em;padding-right:.9em}@media (max-width: 1280px){.room{grid-template-columns:300px minmax(0,1fr)}}@media (max-width: 860px){.room{grid-template-columns:1fr}}.room-side-body .participant-actions{justify-content:flex-start}.room-chat .composer input,.room-chat .image-composer input{font-family:var(--font-body);font-size:.95rem;padding:.6em .8em;border-radius:var(--radius-sm)}.room-chat .composer input:focus-visible{outline-offset:0}.challenge-picker .roll-panel-actions{position:sticky;bottom:-1.5rem;margin:0 -1.5rem -1.5rem;padding:.75rem 1.5rem;background:var(--ink-900);border-top:1px solid var(--ink-700)}html{background:var(--wood-950)}.room-chat .composer,.room-chat .composer input{min-width:0}@media (max-width: 520px){.room-chat .composer{padding:.75rem;gap:.4rem}.room-chat .composer .btn{padding-left:.8em;padding-right:.8em}.room{padding:.75rem}}.account-page{max-width:960px;display:flex;flex-direction:column;gap:1.25rem}.account-page h2{font-size:1.05rem;color:var(--ember-bright)}.account-form{display:flex;flex-direction:column;gap:.25rem;max-width:560px}.account-hint{font-size:.8rem;margin:0}.account-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem}.account-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.account-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--ink-700)}.account-link{align-self:flex-start}.account-danger{border-color:var(--seal)}.account-danger .btn{margin-top:.5rem}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:2rem;padding:.9rem 2rem;border-bottom:1px solid var(--ink-700);background:#100e17d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;color:var(--parchment)}.brand-glyph{color:var(--ember);font-size:1.1rem}.brand-name{font-size:1.1rem}.nav{display:flex;gap:1.5rem;flex:1}.nav a{color:var(--parchment-dim);text-decoration:none;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding-bottom:4px;border-bottom:2px solid transparent}.nav a.active,.nav a:hover{color:var(--ember-bright);border-color:var(--ember)}.who{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.who-role{padding:.2em .6em;border-radius:999px;border:1px solid var(--arcane);color:var(--arcane-bright)}.who-role.master{border-color:var(--ember);color:var(--ember-bright)}.who-name{color:var(--parchment-dim)}.who-logout{padding:.25em .7em;font-size:.78rem;border-color:var(--ink-700)}.who-logout:hover{border-color:var(--seal);color:var(--danger-text)}.stage{flex:1;display:flex;flex-direction:column}:root{--ink-950: #130d08;--ink-900: #1d140d;--ink-800: #2a1d13;--ink-700: #4a3322;--parchment: #f0e6d0;--parchment-dim: #b8aa90;--ember: #c9962f;--ember-bright: #e6b859;--seal: #8c3b3b;--arcane: #5b4b9e;--arcane-bright: #7c68c9;--ok: #4f8a5b;--wood-950: #130d08;--wood-900: #1d130c;--wood-800: #2c1c11;--wood-700: #3f2a19;--leather: #6b4429;--leather-bright: #8a5a37;--paper-100: #f3e9d2;--paper-200: #e6d8b8;--paper-ink: #2b1d12;--seal-bright: #b4483f;--danger-text: #e8978d;--positive: #4f8a5b;--positive-text: #8fcf9b;--info: #4b7fb0;--info-text: #8fbce6;--surface: var(--ink-900);--surface-raised: #2a1d13;--focus-ring: #f0c969;--shadow-modal: 0 20px 60px rgba(0, 0, 0, .65);--touch-target: 2.5rem;--font-display: "Cinzel", serif;--font-body: "Spectral", serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse at top,#1c1826 0%,var(--ink-950) 55%);color:var(--parchment);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .5em;color:var(--parchment)}a{color:var(--ember-bright)}button{font-family:var(--font-body);cursor:pointer}::selection{background:var(--ember);color:var(--ink-950)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink-950)}::-webkit-scrollbar-thumb{background:var(--ink-700);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.4em;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:linear-gradient(180deg,var(--ember-bright),var(--ember));color:#211705;box-shadow:0 4px 14px #c9962f40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c9962f59}.btn-ghost{background:transparent;color:var(--parchment);border-color:var(--ink-700)}.btn-ghost:hover{border-color:var(--ember);color:var(--ember-bright)}.btn-danger{background:transparent;color:var(--danger-text);border-color:var(--seal)}.btn-danger:hover{background:#8c3b3b26}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-dim)}.field input,.field select,.field textarea{background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-sm);padding:.6em .8em;color:var(--parchment);font-family:var(--font-body);font-size:.95rem}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--ember)}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.75rem}.chip{background:transparent;border:1px solid var(--ink-700);color:var(--parchment-dim);padding:.4em .9em;border-radius:999px;font-size:.82rem}.chip.active,.chip:hover{border-color:var(--ember);color:var(--ember-bright)}.load-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center;border-color:var(--seal)}.load-error-message{color:var(--danger-text);margin:0}.form-error{color:var(--danger-text);font-size:.85rem;margin:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip}img,video,svg{max-width:100%}@media (max-width: 860px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.btn{min-height:2.75rem}}.btn-danger-solid{background:var(--seal);color:var(--paper-100);border-color:var(--seal)}.btn-danger-solid:hover{background:var(--seal-bright)}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--parchment-dim);font-size:1.4rem;line-height:1}.ui-icon-button:hover{color:var(--ember-bright);border-color:var(--ink-700)}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;height:100vh;height:100dvh;padding:2rem 1rem;overflow:hidden;overscroll-behavior:contain;background:#0a0704d1;animation:ui-fade-in .15s ease-out}.ui-modal{display:flex;flex-direction:column;width:100%;max-height:100%;background:var(--surface-raised);border:1px solid var(--leather);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);outline:none}.ui-modal--sm{max-width:26rem}.ui-modal--md{max-width:38rem}.ui-modal--lg{max-width:60rem}.ui-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--ink-700)}.ui-modal-header h2{margin:0;font-size:1.15rem}.ui-modal-body{flex:1 1 auto;min-height:0;padding:1.25rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ui-modal-footer{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--ink-700)}.ui-confirm-text{margin:0;color:var(--parchment)}.ui-toast-region{position:fixed;right:1rem;bottom:1rem;z-index:90;display:flex;flex-direction:column;gap:.5rem;width:min(24rem,calc(100vw - 2rem))}.ui-toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.65rem .75rem;background:var(--surface-raised);border:1px solid var(--ink-700);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:ui-slide-in .2s ease-out}.ui-toast--success{border-left-color:var(--positive)}.ui-toast--info{border-left-color:var(--info)}.ui-toast--danger{border-left-color:var(--seal-bright)}.ui-toast-tone{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.ui-toast--success .ui-toast-tone{color:var(--positive-text)}.ui-toast--info .ui-toast-tone{color:var(--info-text)}.ui-toast--danger .ui-toast-tone{color:var(--danger-text)}.ui-toast-message{font-size:.9rem}.ui-tabs{display:flex;gap:.25rem;overflow-x:auto;border-bottom:1px solid var(--ink-700)}.ui-tab{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.5rem .9rem;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--parchment-dim);font-size:.9rem;white-space:nowrap}.ui-tab:hover{color:var(--parchment)}.ui-tab--active{color:var(--ember-bright);border-bottom-color:var(--ember);font-weight:600}.ui-badge{display:inline-flex;align-items:center;gap:.3em;padding:.1em .6em;border:1px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.5}.ui-badge--neutral{color:var(--parchment-dim)}.ui-badge--gold{color:var(--ember-bright)}.ui-badge--danger{color:var(--danger-text)}.ui-badge--positive{color:var(--positive-text)}.ui-badge--info{color:var(--info-text)}.ui-state{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1rem;text-align:center}.ui-state-title{margin:0;font-family:var(--font-display);font-size:1.05rem}.ui-state-text{margin:0;color:var(--parchment-dim)}.ui-state--error .ui-state-title{color:var(--danger-text)}.ui-spinner{width:1.5rem;height:1.5rem;border:3px solid var(--ink-700);border-top-color:var(--ember);border-radius:50%;animation:ui-spin .8s linear infinite}.ui-panel{padding:.9rem 1rem;background:var(--surface);border:1px solid var(--ink-700);border-radius:var(--radius-md)}.ui-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ui-panel-header h3{margin:0;font-size:1rem}.ui-panel-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0;background:transparent;border:0;color:var(--parchment)}.ui-panel-hint{margin:.25rem 0 0;font-size:.8rem;color:var(--parchment-dim)}.ui-panel-body{margin-top:.75rem}.ui-select{position:relative}.ui-select-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-dim)}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.5rem;padding:.6em .8em;background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-sm);color:var(--parchment);font-size:.95rem;text-align:left}.ui-select-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-select-placeholder{color:var(--parchment-dim)}.ui-select-list{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:14rem;margin:.2rem 0 0;padding:.25rem;overflow-y:auto;list-style:none;background:var(--surface-raised);border:1px solid var(--leather);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.ui-select-option{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer}.ui-select-option>span:nth-last-child(2){flex:1}.ui-select-option--highlighted{background:var(--ink-700);color:var(--ember-bright)}.ui-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.ui-modal-backdrop{padding:0;align-items:stretch}.ui-modal{border-radius:0;height:100%;max-width:none}.ui-modal-header{padding:.75rem 1rem}.ui-modal-body{padding:1rem}.ui-modal-footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.ui-modal-footer .btn{flex:1 1 8rem}.ui-toast-region{right:.5rem;left:.5rem;width:auto}}.ui-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-select--compact{margin-bottom:0}.ui-select--compact .ui-select-trigger{min-height:2.25rem;padding:.35em .6em;font-size:.85rem}.ui-select-group{padding:.4rem .6rem .15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-dim)}body{background:radial-gradient(ellipse at 12% -5%,rgba(230,184,89,.2),transparent 42%),radial-gradient(ellipse at 88% -5%,rgba(230,184,89,.12),transparent 38%),repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 2px,transparent 2px 140px),linear-gradient(180deg,var(--wood-800),var(--wood-950));background-attachment:fixed}.card{background:linear-gradient(180deg,#261a11,var(--surface));border-color:var(--leather)}.topbar{background:#130d08f0;border-bottom:2px solid var(--leather);box-shadow:0 2px #c9962f40,0 8px 24px #0006}.nav a{padding:.5rem 0;min-height:var(--touch-target);display:inline-flex;align-items:center}.btn{min-height:var(--touch-target)}.chip{min-height:2.25rem}.chip.active{background:#c9962f24}.role-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-dim)}.ui-tabs{margin-bottom:1.5rem}.login-card .ui-tab{flex:1;justify-content:center}.sheet-origin{display:inline-block;margin:0 0 .75rem;padding:.15em .7em;border:1px solid var(--leather-bright);border-radius:999px;color:var(--ember-bright);font-size:.78rem}.notice-board{padding:1.25rem;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 46px),linear-gradient(180deg,#4a3320,#36241a);border:3px solid var(--leather);border-radius:var(--radius-lg);box-shadow:inset 0 0 40px #00000073,var(--shadow-card)}.poster,.sheet-card,.contract{position:relative;padding:1.25rem 1.1rem 1.1rem;background:linear-gradient(180deg,var(--paper-100),var(--paper-200));color:var(--paper-ink);border:1px solid #b89c6a;border-radius:var(--radius-sm);box-shadow:0 6px 14px #00000073}.poster:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;background:radial-gradient(circle at 35% 35%,#d9534a,#7a1f19);border-radius:50%;box-shadow:0 2px 3px #00000080}.poster h3,.sheet-card h3,.contract h2{color:var(--paper-ink)}.poster .desc,.poster .master,.poster .players,.poster-note,.sheet-card .stats-row,.sheet-card .attrs,.sheet-card .level{color:#4f3d2a}.poster-note{font-size:.85rem;margin:0}.sheet-card .attrs{border-top-color:#b89c6a}.poster .btn-ghost,.sheet-card .btn-ghost{color:var(--paper-ink);border-color:var(--leather)}.poster .btn-ghost:hover,.sheet-card .btn-ghost:hover{background:#6b44291f;color:var(--paper-ink)}.poster .btn-danger,.sheet-card .btn-danger,.poster .btn-delete-table{color:#8c2a22;border-color:#8c2a22}.poster .ui-badge--positive,.sheet-card .ui-badge--positive{color:#1f5a2c}.poster .ui-badge--gold,.sheet-card .ui-badge--gold{color:#7a5200}.poster .ui-badge--neutral,.sheet-card .ui-badge--neutral{color:#4a3b2a}.poster .ui-badge--danger,.sheet-card .ui-badge--danger{color:#8c2a22}.poster .ui-badge--info,.sheet-card .ui-badge--info{color:#1f4f7a}.poster .ui-select-label,.poster .join-panel label,.poster .join-note,.contract .field label{color:#4f3d2a}.poster .join-note--pending{color:#7a5200}.poster .join-note--refused,.poster .join-error,.contract .form-error{color:#8c2a22}.poster .join-note a{color:#1f4f7a}.contract{margin-bottom:1.75rem;max-width:640px}.contract .field input,.contract .field textarea{background:#fffaf0;color:var(--paper-ink);border-color:var(--leather)}.sheet-card[data-kind=PLAYER]{border-left:5px solid #c9962f}.sheet-card[data-kind=NPC_FRIENDLY]{border-left:5px solid #4b7fb0}.sheet-card[data-kind=MONSTER],.sheet-card[data-kind=BOSS]{border-left:5px solid #8c3b3b}.form.card{border:2px solid var(--leather);box-shadow:inset 0 0 0 4px var(--wood-900),inset 0 0 0 5px var(--leather),var(--shadow-card);padding:2rem 1.75rem}@media (max-width: 720px){.topbar{flex-wrap:wrap;gap:.5rem 1rem;padding:.7rem 1rem}.nav{order:3;flex-basis:100%;gap:1rem;overflow-x:auto}.who{margin-left:auto}.notice-board{padding:.75rem}}.sheet-section{margin-top:.5rem}.sheet-section>summary{display:flex;align-items:center;min-height:var(--touch-target);cursor:pointer;list-style:none}.sheet-section>summary::-webkit-details-marker{display:none}.sheet-section>summary:before{content:"▸";margin-right:.5rem;color:var(--ember-bright)}.sheet-section[open]>summary:before{content:"▾"}.sheet-section>summary .section-title{margin:0}.sheet-subtitle{margin:1rem 0 .5rem;font-size:.85rem;color:var(--parchment-dim);text-transform:uppercase;letter-spacing:.08em}