.room-members{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.room-members span{background:#24202c;border:1px solid #393344;border-radius:99px;padding:.3rem .6rem;color:#c8c2cc!important;letter-spacing:0!important;text-transform:none!important}.room-tools{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem}.invite-btn{background:transparent;border:1px solid #d8ad64;color:#d8ad64;border-radius:99px;padding:.65rem 1rem;cursor:pointer}.invite-panel{max-width:780px;margin:0 auto 2rem;background:#171a22;border:1px solid #51465a;padding:1.3rem}.invite-panel p{color:#aaa5b1}.invite-panel>div{display:flex;gap:.7rem}.invite-panel input{flex:1;min-width:0;background:#090b12;color:#eee9df;border:1px solid #393344;padding:.8rem}.drix-reader .story article.player span{color:#a992b6}@media(max-width:760px){.room-tools{align-items:flex-start}.invite-panel>div{flex-direction:column}}
.drix-player-ad{margin:2.5rem auto 0;max-width:1100px;border:1px solid #393344;background:#080a0f;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}.drix-player-ad img{display:block;width:100%;height:auto}@media(max-width:760px){.drix-player-ad{margin-top:1.5rem}}
.story article.command-result{border:0;padding:0}.drix-command-card{background:linear-gradient(145deg,#171a22,#10121a);border:1px solid #51465a;border-left:3px solid #d8ad64;padding:1.4rem;box-shadow:0 18px 50px rgba(0,0,0,.25)}.drix-command-card h3{margin:0 0 1rem;color:#eee9df;font:700 1.55rem Georgia,serif}.drix-command-card>p{font:1rem/1.6 inherit!important;color:#c8c2cc}.drix-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.drix-card-field{background:#0c0e14;border:1px solid #302b37;padding:.8rem;min-width:0}.drix-card-field:not(.inline){grid-column:1/-1}.drix-card-field b{display:block;color:#d8ad64;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.drix-card-field p{font:.9rem/1.55 inherit!important;margin:.45rem 0 0!important;color:#d7d0da}.drix-command-card small{display:block;color:#77717e;margin-top:1rem}@media(max-width:560px){.drix-card-fields{grid-template-columns:1fr}.drix-card-field.inline{grid-column:1}}
.command-picker{position:relative;margin-bottom:.8rem}.command-picker>button{background:#24202c;color:#d8ad64;border:1px solid #51465a;border-radius:99px;padding:.5rem .8rem;cursor:pointer;font-weight:700}.command-menu{position:absolute;left:0;right:0;bottom:calc(100% + .65rem);z-index:20;max-height:min(480px,60vh);overflow:auto;background:#10121a;border:1px solid #51465a;box-shadow:0 24px 70px #05060a}.command-menu-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:#171a22;border-bottom:1px solid #393344}.command-menu-head b{color:#eee9df}.command-menu-head a{color:#d8ad64}.command-menu [data-command-options]{display:grid;grid-template-columns:1fr 1fr}.command-menu [data-command-value]{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.9rem 1rem;background:#10121a;color:#eee9df;border:0;border-bottom:1px solid #292533;cursor:pointer}.command-menu [data-command-value]:nth-child(odd){border-right:1px solid #292533}.command-menu [data-command-value]:hover{background:#1a1d27}.command-menu code{color:#d8ad64;font-weight:800}.command-menu span{color:#918a97;font-size:.78rem}.command-none{padding:1rem;color:#918a97}@media(max-width:560px){.command-menu [data-command-options]{grid-template-columns:1fr}.command-menu [data-command-value]:nth-child(odd){border-right:0}}
.discord-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-1rem 0 2rem;padding:1rem 1.2rem;background:#151925;border:1px solid #5865f2}.discord-link span{display:block;color:#aeb7ff;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.discord-link small{display:block;color:#918a97;margin-top:.25rem}.discord-link.linked{justify-content:flex-start}.discord-link.linked strong{color:#eee9df}@media(max-width:560px){.discord-link{align-items:flex-start;flex-direction:column}}
.voice-setup{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 2rem;padding:1.2rem;background:linear-gradient(135deg,#151925,#11131b);border:1px solid #5865f2}.voice-setup span{display:block;color:#aeb7ff;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.voice-setup strong,.voice-setup small{display:block}.voice-setup strong{margin:.35rem 0;color:#eee9df}.voice-setup small{color:#918a97;line-height:1.5}.voice-setup code{color:#d8ad64}.discord-invite{white-space:nowrap;background:#5865f2;color:white}@media(max-width:700px){.voice-setup{align-items:flex-start;flex-direction:column}}
.room-secondary-btn{border:1px solid rgba(71,169,255,.45);background:rgba(5,18,32,.72);color:#d8ebff;padding:.68rem .85rem;cursor:pointer;font:inherit}
.room-secondary-btn:hover{border-color:#ff9c35;color:#fff}
.campaign-utility-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:1100px;margin:18px auto 0;padding:18px 0 4px;border-top:1px solid rgba(71,169,255,.18)}
.drix-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,5,12,.82);display:grid;place-items:center;padding:20px}
.drix-modal[hidden]{display:none}
.drix-modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid #315273;border-left:3px solid #ff7a18;background:#07111f;padding:30px;color:#dceaff;box-shadow:0 28px 80px #000}
.drix-modal-card h2{margin:.4rem 0 1rem;color:#fff;text-shadow:1px 1px 0 #000}
.drix-modal-card p{color:#9fb4ca}
.drix-modal-card form{display:grid;gap:16px}
.drix-modal-card label{display:grid;gap:7px;color:#dceaff;font-weight:700}
.drix-modal-card select,.drix-modal-card textarea{width:100%;border:1px solid #315273;background:#0b1625;color:#fff;padding:12px;font:inherit}
.drix-modal-card textarea{min-height:145px;resize:vertical}
.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#a9bfd5;font-size:28px;cursor:pointer}
.rating-card{text-align:center;width:min(560px,100%)}
.rating-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}
.rating-buttons button{border:1px solid #315273;background:#0b1625;color:#ffba55;padding:12px 5px;cursor:pointer}
.rating-buttons button b,.rating-buttons button span{display:block}.rating-buttons button b{color:#fff;font-size:20px}.rating-buttons button span{font-size:10px;margin-top:5px}
.rating-buttons button:hover{border-color:#ff7a18;transform:translateY(-2px)}
@media(max-width:720px){.room-tools{gap:7px}.campaign-utility-tools{display:grid;grid-template-columns:1fr;margin-top:14px;padding-top:14px}.room-secondary-btn{width:100%;font-size:12px;padding:.7rem}.drix-modal-card{padding:25px 18px}.rating-buttons{grid-template-columns:repeat(5,1fr)}}
.drix-action-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.drix-action-buttons button{border:1px solid #d8ad64;background:#251f19;color:#f6dfb6;padding:.7rem 1rem;border-radius:5px;font:700 .86rem inherit;cursor:pointer}.drix-action-buttons button:hover{background:#d8ad64;color:#171312}.drix-action-buttons button:disabled{opacity:.5;cursor:not-allowed}.drix-roll-prompt{margin-top:1rem;padding:.75rem 1rem;border-left:3px solid #d8ad64;background:#211d19;color:#e8d4ac}.drix-roll-prompt code{color:#fff}
.drix-roll-details{margin-top:1rem;border:1px solid #315273;background:#08121f}.drix-roll-details summary{padding:.7rem 1rem;color:#7dc2ff;font-weight:800;cursor:pointer}.drix-roll-details div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 1rem;border-top:1px solid #1d354b}.drix-roll-details b{text-transform:capitalize;color:#9fb4ca}.drix-roll-details span{color:#fff}
.story article.timed-beat{
  opacity:0;
  transform:translateY(8px);
  animation:drix-beat-in .28s ease var(--beat-delay) forwards;
}

@keyframes drix-beat-in{
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .story article.timed-beat{opacity:1;transform:none;animation:none}
}