:root{--bg:#101412;--panel:#191e1b;--line:#303830;--muted:#9ca89d;--green:#c4ef83;--gold:#e2bb75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf0e8;font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button,a{transition:.2s}button:hover{filter:brightness(1.12)}a{color:var(--green)}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand span{color:var(--green)}.logo{display:inline-grid;place-items:center;width:35px;height:35px;background:var(--green);color:#192314;margin-right:12px;border-radius:9px;transform:rotate(-8deg)}nav{display:flex;gap:8px}button{border:1px solid var(--line);background:#242c25;color:#edf0e8;padding:11px 17px;border-radius:8px}nav button{background:transparent;border-color:transparent;color:var(--muted)}nav button.active{background:#293323;color:var(--green)}.primary{background:var(--green);color:#172111;border-color:var(--green);font-weight:700}.ghost{background:transparent}.small{font-size:12px;padding:7px 10px}.muted{color:var(--muted)}main{max-width:1400px;margin:auto;padding:42px 5%}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(32px,4vw,50px);letter-spacing:-2px;margin:14px 0}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:18px;margin:0 0 12px}p{line-height:1.65}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px}.hero p{color:var(--muted);max-width:600px}.hero-art{width:180px;height:145px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#76914a33,transparent 70%);flex-shrink:0}.rune{font-size:92px;color:var(--green);text-shadow:0 0 45px #a6ec6666;transform:rotate(-15deg)}.orbit{position:absolute;border:1px solid #657653;border-radius:50%;width:150px;height:70px;transform:rotate(-30deg)}.stats{display:flex;gap:35px;border-top:1px solid var(--line);padding:20px 0 27px}.stats strong{font:600 23px 'Space Grotesk';margin-right:7px}.stats span{color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:245px 1fr;gap:26px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.filters{align-self:start}.filters h3{font-size:15px}label{display:block;color:#bac4b9;font-size:12px;margin:16px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;background:#111712;border:1px solid #394139;color:#eef1e9;border-radius:7px;padding:11px}input[type=checkbox]{accent-color:var(--green)}.check{display:flex;align-items:center;gap:8px;line-height:1.5}.divider{border-top:1px solid var(--line);margin:22px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:12px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border-color:transparent}.tabs button.active{color:var(--green);background:#293323}.cards{display:grid;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:21px;display:grid;grid-template-columns:58px 1fr auto;gap:17px;align-items:start}.raid-icon{height:56px;width:56px;border-radius:12px;display:grid;place-items:center;font:700 17px 'Space Grotesk';background:#34422c;color:#d2e8b2}.tob{background:#45292e;color:#eda7ac}.toa{background:#463b26;color:#e9ca87}.tfa{background:#29394a;color:#a7ceef}.card h3{margin:7px 0 10px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{font-size:11px;border:1px solid #3a4339;border-radius:5px;padding:4px 7px;color:#bac5b7}.pill.green{background:#304025;color:var(--green);border-color:#455b35}.pill.gold{color:var(--gold);border-color:#5f5034}.meta{color:var(--muted);font-size:12px;margin:12px 0}.card-right{text-align:right;min-width:125px}.slots{font:600 22px 'Space Grotesk';margin:4px 0 10px}.card-right button{margin-top:12px}.dots{letter-spacing:5px;color:var(--green);font-size:16px}.hint{background:#222c20;border:1px solid #394832;border-radius:9px;padding:13px;color:#c9d8bc;font-size:12px;line-height:1.7}.footer{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:15px}section[hidden]{display:none}dialog{background:#171d18;color:#edf0e8;border:1px solid #49543f;border-radius:15px;width:min(860px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.skills{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.skills label{font-size:10px}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:12px}.gearlist{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.gearlist label{margin:5px 0}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notes-grid p{color:var(--muted)}.notes-grid li{color:#b9c5b8;line-height:1.8;margin-bottom:7px}.number{font:600 32px 'Space Grotesk';color:var(--green);opacity:.6}.lobby-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.member{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.avatar{width:32px;height:32px;border-radius:8px;background:#34452c;display:inline-grid;place-items:center;margin-right:8px;color:var(--green)}.messages{height:260px;overflow:auto;padding:10px 0}.msg{margin:12px 0;padding:12px;border-radius:8px;background:#242d24;line-height:1.6}.msg strong{font-size:12px;color:var(--green)}.chat-form{display:flex;gap:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#172111;padding:15px 22px;border-radius:10px;box-shadow:0 8px 50px #0008;z-index:20;max-width:90%;font-weight:600}.empty{padding:45px;text-align:center;color:var(--muted)}.schedule-day{color:var(--gold);margin:24px 0 12px}.status{font-size:11px;color:var(--green)}@media(max-width:850px){header{height:auto;padding:17px 5%;flex-wrap:wrap}nav{order:3;width:100%;overflow:auto}nav button{white-space:nowrap}.layout,.lobby-grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.filters h3,.filters .divider,.filters .hint{grid-column:1/-1}.filters .divider{margin:10px 0}.hero-art{display:none}.card{grid-template-columns:45px 1fr}.raid-icon{width:45px;height:45px;font-size:14px}.card-right{grid-column:2;text-align:left;display:flex;align-items:center;gap:15px}.card-right button{margin:0}.stats{gap:15px;flex-wrap:wrap}.notes-grid{grid-template-columns:1fr}.skills{grid-template-columns:repeat(3,1fr)}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar{align-items:flex-start;flex-direction:column}.gearlist{grid-template-columns:1fr}.footer{flex-direction:column}main{padding-top:25px}}

.brand{text-decoration:none;color:#edf0e8}.error{color:#ffb2a1;line-height:1.6}.group-note{white-space:pre-wrap;overflow-wrap:anywhere}.member{gap:10px;flex-wrap:wrap}.member-actions{display:flex;gap:6px;flex-wrap:wrap}#connection{margin-bottom:26px}.badge{color:var(--gold);font-size:11px}.filters>label{display:block}.filters .check{display:flex}button:disabled{opacity:.45;cursor:wait}#roster{max-height:460px;overflow:auto}#requirements{line-height:1.9}.card-right{min-width:120px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green)}[hidden]{display:none!important}.member small{display:block;color:var(--muted);margin-top:5px}.pending{border-left:2px solid var(--gold);padding-left:10px}.hero{padding-top:10px}#confirmDialog{max-width:460px}@media(max-width:850px){.filters>label{margin:8px 0}.filters>.check{grid-column:1/-1}}

/* Explicit dark canvas and native controls, independent of OS preference. */
:root{color-scheme:dark}html{background:#101412;min-height:100%;scrollbar-color:#46513f #101412}body{background:#101412;color:#edf0e8;min-height:100vh}.panel,.card,dialog{background:#191e1b;color:#edf0e8}header{background:#101412}input,select,textarea{color-scheme:dark}input::placeholder,textarea::placeholder{color:#929e93;opacity:1}option{background:#111712;color:#edf0e8}

.cancelled-card{border-color:#84514d;opacity:.8}.cancelled-card h3{text-decoration:line-through;text-decoration-color:#bd7c75}.cancelled-pill{background:#492b2c;color:#ffc5bc;border-color:#a66660;font-weight:700;text-transform:uppercase}.cancelled-banner{padding:14px;background:#492b2c;color:#ffc5bc;border:1px solid #a66660;border-radius:8px;font-weight:700}

.character-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.character-tab{text-align:left}.character-tab small{display:block;color:var(--muted);margin-top:5px}.raid-experience{border:1px solid var(--line);border-radius:10px;padding:16px;margin:10px 0}.raid-experience legend{color:var(--green);padding:0 8px}.raid-history-row{display:grid;grid-template-columns:60px 1fr;padding:15px 0;border-bottom:1px solid var(--line);gap:10px}.raid-history-row p{grid-column:2;margin:0;color:var(--muted)}.player-name{border:0;background:transparent;color:var(--green);padding:0;text-align:left;font-weight:700}.player-name:hover{text-decoration:underline}#characterDetails h2{font-size:30px;margin:15px 0}#profileDialog{width:min(940px,94vw)}

.completed-banner{background:#263922;color:#c4ef83;border:1px solid #5d7947;padding:14px;border-radius:9px}

/* Group creation: essentials first, detailed agreements on demand. */
#createDialog{width:min(1080px,96vw);padding:28px}.creation-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.creation-preview{align-self:start;position:sticky;top:0}.preview-panel{margin-top:15px;background:#101712;border:1px solid var(--line);border-radius:12px;padding:20px;overflow-wrap:anywhere}.preview-panel h3{font-size:22px;line-height:1.3;margin:18px 0 8px}.preview-capacity{display:flex;align-items:center;gap:10px;margin:20px 0}.preview-capacity strong{font-size:25px}.preview-capacity span{font-size:12px;color:var(--muted)}.preview-panel small{display:block;margin-top:5px}.small-copy{font-size:12px;line-height:1.6}.template-field,.voice-field,.language-field{border:0;padding:0;margin:16px 0;min-width:0}legend{font-size:12px;color:#bac4b9;margin-bottom:10px}.template-options,.language-options,.voice-options{display:flex;gap:8px;flex-wrap:wrap}.template-options button{font-size:12px;padding:10px 13px}.template-options button[aria-pressed=true]{background:var(--green);color:#172111;border-color:var(--green)}.language-options label,.voice-options label{margin:0;position:relative;cursor:pointer}.language-options input,.voice-options input{position:absolute;opacity:0;width:1px;height:1px}.language-options span,.voice-options span{display:block;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--muted)}.language-options input:checked+span,.voice-options input:checked+span{background:#304025;border-color:var(--green);color:var(--green)}.language-options input:focus-visible+span,.voice-options input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.creation-details{border-top:1px solid var(--line);padding:17px 0}.creation-details summary{cursor:pointer;font-weight:600;line-height:1.7}.creation-details summary span{font-size:11px;font-weight:400;display:block;margin-left:16px}.creation-details[open] summary{margin-bottom:12px}.create-actions{position:sticky;bottom:-28px;background:#191e1b;padding:18px 0;margin-top:15px;border-top:1px solid var(--line);z-index:2}.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.host-identity,.profile-identity,#account{display:flex;align-items:center;gap:8px}.host-identity{margin-top:12px}.profile-identity{padding:16px;border:1px solid var(--line);border-radius:10px;margin:20px 0}.profile-identity p{margin:4px 0 0}.avatar{position:relative;overflow:hidden;vertical-align:middle;flex-shrink:0;width:32px;height:32px;border-radius:50%;margin:0}.avatar img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.member>.avatar{margin-right:8px}.member>div>.avatar{margin-right:8px}.profile-identity .avatar{width:48px;height:48px;font-size:22px}#account{max-width:300px}#account span:not(.avatar){overflow-wrap:anywhere}#groupPreview h3{margin-top:16px}
@media(max-width:760px){#createDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:20px;overflow-y:auto}.creation-layout{grid-template-columns:1fr;gap:20px}.creation-preview{position:static}.create-actions{bottom:-20px;padding:14px 0;flex-direction:column;align-items:stretch}.create-actions .primary{min-height:48px;width:100%}.create-actions>span{font-size:11px;text-align:center}.voice-options{display:grid;grid-template-columns:1fr;width:100%}.voice-options label{width:100%}.template-options{display:grid;grid-template-columns:1fr 1fr}.language-options span{padding:12px}.creation-details summary span{margin-left:0}.card{min-width:0}.card>div{min-width:0}.card h3{overflow-wrap:anywhere}.card-right{flex-wrap:wrap;min-width:0}.card-right button{min-height:42px}.filters input,.filters select,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{font-size:16px;min-height:44px}.skills{grid-template-columns:repeat(2,minmax(0,1fr))}.host-identity{line-height:1.6}.member>div{min-width:0}.member{overflow-wrap:anywhere}#account{max-width:100%;font-size:12px}}
#createDialog{scroll-padding-top:30px;scroll-padding-bottom:130px}#groupForm input,#groupForm select,#groupForm textarea{scroll-margin-top:40px;scroll-margin-bottom:140px}
.goal-details{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#cad7c3;margin:8px 0 14px}.goal-pill{color:var(--gold);border-color:#695735}.raid-icon{font-size:14px}.raid-history-row{grid-template-columns:150px 1fr}.raid-history-row strong{font-size:12px;line-height:1.6}.raid-icon.nex,.raid-icon.yama,.raid-icon.nightmare{background:#412d45;color:#dfb5e9}.raid-icon.ba,.raid-icon.zalcano{background:#293e49;color:#a7d7ed}#activityNotice{margin-top:10px}#size[readonly]{color:var(--muted)}