[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#090b0d;--panel:#101315;--border:#5b4a37;--accent:#dfbb86;--text:#f4ebdf;--muted:#b5aca0;--red:#b36d6e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#272118 0,transparent 38%),radial-gradient(ellipse at 5% 70%,#172023 0,transparent 55%),var(--bg);min-height:100vh;color:var(--text);font:14px/1.9 Tahoma,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{max-width:1460px;margin:auto;padding:13px clamp(15px,4vw,55px);display:flex;align-items:center;gap:30px;border-bottom:1px solid #473b30;min-height:88px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand img{object-fit:contain;width:52px;height:52px}.brand span{font-family:Georgia,serif;font-size:19px;letter-spacing:2px}.brand small{display:block;color:var(--accent);font-size:9px;letter-spacing:3px;margin-top:-2px}.topbar nav{display:flex;flex:1;align-items:center;gap:22px;flex-wrap:wrap}.topbar nav a{color:#dfd2bf;font-size:12px}.topbar nav a:hover,.subtle:hover{color:#f5cc93}.statepill{font-size:11px;border:1px solid #505044;padding:5px 12px;border-radius:99px;color:#c1c9ba;white-space:nowrap}.statepill.online{border-color:#4f705b;color:#a1cbb0}.container{max-width:1250px;margin:auto;padding:0 28px}.hero{text-align:center;padding:65px 12px 51px}.eyebrow,.kicker{color:var(--accent);font:11px Georgia,serif;letter-spacing:3px;direction:ltr}.hero h1{margin:7px 0 8px;font-size:clamp(38px,6vw,66px);font-weight:650;letter-spacing:-1px}.hero em{font-style:normal;color:var(--accent)}.hero p{color:#c6bdaf;max-width:760px;margin:0 auto;line-height:2.3;font-size:14px}.panel{border:1px solid #594935;background:linear-gradient(145deg,#161718e8,#0b0d0feb);padding:clamp(19px,3vw,32px);box-shadow:0 19px 45px #0007}.panel h2{font-size:23px;color:#f3ddba;margin:3px 0 4px}.panel h3{margin:0 0 16px;color:#e8c99c;font-size:17px}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.sectionhint,.muted{color:#b7a99a;font-size:12px}.columns{display:grid;grid-template-columns:1.17fr .83fr;gap:18px;margin-bottom:25px}.panel form{display:grid;gap:17px}label{display:grid;gap:6px;color:#e4c599;font-size:12px}input,textarea,select{width:100%;min-width:0;border:1px solid #6a5741;background:#0b0e0f;color:#f6e9db;outline:0;border-radius:2px;padding:12px 13px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#ecc18b}textarea{resize:vertical;min-height:128px;line-height:2;direction:rtl}option{background:#101314}.action{border:1px solid #b18b59;color:#19130e;background:linear-gradient(110deg,#efcb92,#bb8e58);padding:12px 16px;font-weight:700;min-height:46px}.action:hover{filter:brightness(1.12)}.action:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.6}.subtle{border:1px solid #6d5940;background:#141619;color:#f0d1a0;padding:8px 14px;min-height:37px}.profileline{display:flex;align-items:end;gap:9px}.profileline label{flex:1}.fineprint{color:#9f9d96;font-size:11px;line-height:2;margin:0}.capacity{color:#bcb4a6}.capacity strong{color:var(--accent);font-size:22px}.description{color:#b8aea0;margin-bottom:24px}.divider{height:1px;background:#5d4b33;margin:26px 0}.myrooms{display:grid;gap:9px}.myroom{border:1px solid #4b4134;background:#121516;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:right;color:#e8d9c5}.myroom small{display:block;color:#a99a89}.identitybar{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;color:#c5b9ac}.identitybar strong{color:#f1d3a0}.auth{max-width:560px;margin:0 auto 40px}.toggle{display:flex;margin-bottom:21px;border:1px solid #4b4336}.toggle button{flex:1;background:transparent;border:0;padding:10px;color:#d9c7ad}.toggle .selected{background:#7d603c;color:#fff}.auth .fineprint{margin-top:15px}.notice{background:#221c14;border:1px solid #ab8151;color:#f6d8a8;padding:12px 18px;margin:0 0 20px;border-radius:3px}.notice.error{background:#2b1216;border-color:#a04954;color:#f7c7cb}.room{margin-bottom:35px}.room-header{text-align:center;margin-bottom:24px}.room-header h2{font-size:34px}.tag{display:inline-block;border:1px solid #715e48;padding:4px 15px;color:#d7c7ae;font-size:12px}.room-grid{display:grid;grid-template-columns:300px 1fr;gap:25px}.invite-card{text-align:center;border:1px solid #493c2f;padding:21px 18px;background:#101112}.joincode{font:700 clamp(23px,3vw,34px) Georgia,serif;color:#e9bd7e;letter-spacing:4px;direction:ltr;user-select:all;margin:11px auto}.inline-actions{display:flex;justify-content:center;gap:10px}.invite-card img{display:block;margin:20px auto 12px;background:#fff;padding:9px;width:min(190px,100%);height:auto}.invite-card img[hidden]{display:none}.players-card{border:1px solid #493c2f;padding:22px}.players{padding:0;list-style:none;display:grid;gap:9px;counter-reset:p}.players li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 14px;border:1px solid #343b3a;background:#111617}.players li::before{counter-increment:p;content:counter(p,decimal-leading-zero);font:13px Georgia;color:#b99b71}.players li .who{flex:1;min-width:0;overflow-wrap:anywhere}.players li .you{color:#8eb8b0;font-size:11px}.players li .cardname{font-size:12px;color:#ecb77c}.players li button{border:1px solid #714a4d;background:transparent;color:#d6abae;font-size:11px;padding:3px 8px}.host-actions{margin-top:21px;display:grid;gap:13px}.danger{color:#e5aaa6;border-color:#814d48}.secret-role{text-align:center;padding:28px 18px;margin-top:19px;border:1px solid #937249;background:radial-gradient(ellipse at 50% 100%,#443022,#131414 60%)}.secret-role strong{display:block;margin:8px 0;color:#eacc9e;font-size:clamp(31px,5vw,52px)}.secret-role span{display:block;color:#d7c8b4}.secret-role p{font-size:12px;color:#d1c0ac}.room[hidden],.auth[hidden],#dashboard[hidden],#room-panel[hidden],#secret-role[hidden],#host-actions[hidden],#leave-btn[hidden],#auth-area[hidden],#username-wrap[hidden]{display:none}footer{text-align:center;padding:36px 10px 55px;color:#a59683;font:12px Georgia,serif;letter-spacing:1px}footer span{margin:0 11px}footer a{font-family:Tahoma,sans-serif;color:#d8b88a}@media(max-width:880px){.topbar{gap:15px;flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center;gap:18px}.statepill{margin-right:auto}.columns{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:1fr}.invite-card{order:2}.players-card{order:1}}@media(max-width:650px){.container{padding:0 14px}.columns{grid-template-columns:1fr}.hero{padding:42px 0 30px}.hero p{font-size:12px}.topbar{padding:12px 14px}.brand span{font-size:15px}.brand img{width:39px;height:39px}.topbar nav a{font-size:11px}.panel{padding:17px}.sectionline{flex-wrap:wrap}.profileline{align-items:stretch;flex-direction:column}.profileline label{width:100%}.room-header h2{font-size:25px}.invite-card img{width:170px}.players li{gap:7px;padding:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Match page-level heading scale and text color to the approved Roles section. */
.container > .hero h1{
  position:relative;display:inline-block;font-family:Tahoma,'Segoe UI',Arial,sans-serif;
  font-size:clamp(16.8px,1.76vw,25.6px);font-weight:700;line-height:1.25;
  color:#f3dfbb;letter-spacing:0;text-align:center;padding-bottom:12px;
  margin:14px auto 20px;text-shadow:0 0 14px rgba(226,168,87,.17)
}
.container > .hero h1:after{content:"";position:absolute;bottom:0;right:calc(50% - 20px);width:40px;height:1px;background:linear-gradient(90deg,transparent,#d8ab70,transparent)}
@media(max-width:640px){.container > .hero h1{font-size:clamp(13.6px,3.36vw,19.2px);padding-bottom:10px}}

/* ===== M1 live mega-room refinements ===== */
.topbar nav{gap:18px}.topbar nav a,.m1-room-parent{font:12px/1.4 Tahoma,"Segoe UI",sans-serif}
.m1-live-hero-rich{padding-top:56px}.m1-hero-feature-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.m1-hero-feature-strip span{padding:8px 12px;border:1px solid #6d5840;background:#121619;color:#e8cfaa;border-radius:999px;font-size:11px}
.m1-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.m1-capacity-rich{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.m1-capacity-rich span{color:#cabaa4;font-size:12px}
.m1-live-mini-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m1-live-mini-features>div{border:1px solid #4b4135;background:#121517;padding:10px 12px;display:grid;gap:4px}.m1-live-mini-features strong{color:#efcc96;font-size:12px}.m1-live-mini-features span{color:#bcae98;font-size:11px}
.m1-room-control-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.m1-room-control-card{border:1px solid #4c4033;background:linear-gradient(160deg,#151819,#101214);padding:14px 15px;display:grid;gap:6px;align-content:start}.m1-room-control-card>span{color:#c8b499;font-size:11px;letter-spacing:.03em}.m1-room-control-card strong{color:#f2d2a2;font-size:18px}.m1-room-control-card small{color:#a89986;font-size:11px;line-height:1.8}.m1-room-control-card label{gap:0}.m1-room-control-card select{padding:9px 10px}.m1-room-legend strong{font-size:16px;letter-spacing:.08em}
.m1-player-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#c8b6a0;font-size:11px}.m1-player-legend span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #4e4336;background:#131618}.m1-player-legend i{font-style:normal}
.players li{align-items:center;gap:10px}.players li .who{font-weight:700}.m1-player-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.m1-chip{border:1px solid #65503b;background:#15191b;color:#efd7b3;min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:14px;padding:0 8px}.m1-chip:hover{border-color:#d5b17c}.m1-chip.is-active{background:linear-gradient(145deg,#efca92,#b98d58);color:#1b140e;border-color:#efca92}.m1-chip-challenge{font-size:13px}.m1-kick-btn{border:1px solid #714a4d;background:transparent;color:#d6abae;font-size:11px;padding:5px 10px}
@media(max-width:980px){.m1-room-control-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.m1-create-grid,.m1-live-mini-features,.m1-room-control-strip{grid-template-columns:1fr}.m1-player-actions{width:100%;justify-content:flex-start}.players li{flex-wrap:wrap}}

/* The status of other players is informative, not editable. */
.m1-chip:disabled{cursor:default;opacity:.57}.m1-chip:disabled.is-active{opacity:1}.m1-player-actions{max-width:100%}