@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8e4d8;background:#0b0f0d;font-synthesis:none;--gold: #c5a15c;--line: #ffffff14}*{box-sizing:border-box}iframe[src*="netlify.com"][title*=Netlify i],[data-netlify-drawer],[data-netlify-toolbar],#netlify-drawer,#netlify-toolbar,netlify-drawer,netlify-toolbar{display:none!important;visibility:hidden!important}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.app{min-height:100vh;background:#101512}.overline{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:3;border-bottom:1px solid var(--line);background:#090d0a55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:11px;color:#f2ecdd;text-decoration:none;font:800 18px Cinzel;letter-spacing:.15em}.brandmark{width:39px;height:43px;display:grid;place-items:center;overflow:hidden;border:1px solid #c19a55;background:#17231c;border-radius:50%}.brandmark img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.brand small{display:block;color:#898d86;font:600 7px DM Sans;letter-spacing:.24em;margin-top:3px}nav{display:flex;align-items:center;gap:28px}nav a{color:#b8bbb4;text-decoration:none;font-size:12px}nav button,.outline{display:flex;align-items:center;gap:8px;color:#e6dfce;background:#17201999;border:1px solid #826b3e;padding:10px 15px;border-radius:2px}nav button.unlocked{border-color:#628069;color:#b7cfba}.account-actions,.discord-profile{display:flex;align-items:center;gap:10px}.discord-profile{padding:5px 6px 5px 5px;border:1px solid #ffffff18;background:#111713cc;color:#dfe5df;font-size:12px}.discord-profile>img{width:30px;height:30px;border-radius:50%}.discord-profile>button{padding:6px;border:0;background:transparent;color:#8f9991}.discord-profile>button:hover{color:#e6dfce}.hero{min-height:650px;padding:170px 8vw 85px;display:flex;align-items:end;justify-content:space-between;gap:60px;background:linear-gradient(90deg,#070a08ed,#090c09a6 48%,#090c0915 82%),linear-gradient(0deg,#101512 0%,transparent 38%),url(/orgrimmar-horde-territory.jpg) center/cover}.hero h1{font:800 clamp(54px,7vw,94px) / .92 Cinzel;letter-spacing:-.045em;margin:17px 0 0;color:#f2ecdd}.hero h1 em{color:#d0ad67;font-style:normal}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.hero-actions a{color:#c8c7bd;font-size:12px;text-underline-offset:5px}.summary-link{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#d5c49e;font-size:12px;text-decoration:underline;text-underline-offset:5px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border:1px solid #dfbd75;border-radius:2px;background:linear-gradient(#c8a258,#a77d39);color:#10130f;font-weight:800;box-shadow:0 8px 24px #0007}.hero-panel{width:180px;flex:none;border:1px solid #ffffff1f;background:#0c120ee8;box-shadow:0 15px 40px #0009}.hero-panel>span{display:block;padding:13px 16px;border-bottom:1px solid var(--line);color:#7e8780;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.hero-panel div{padding:13px 16px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ffffff0d}.hero-panel div:last-child{border:0}.hero-panel b{font:700 22px Cinzel;color:#e9e1cf}.hero-panel small{color:#858c86;text-transform:uppercase;font-size:8px;letter-spacing:.12em}.content,.composition{padding:85px 8vw 105px;background:radial-gradient(circle at 88% 0,#1a2920,#101512 39%)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2,form h2{font:700 clamp(28px,3vw,38px) Cinzel;margin:8px 0 0;color:#ede6d5;letter-spacing:-.02em}.section-note{margin:7px 0 0;color:#858d86;font-size:12px}.roster{border-top:1px solid var(--line)}.member{--class: #aaa;position:relative;display:grid;grid-template-columns:62px minmax(190px,1.3fr) minmax(140px,.8fr) minmax(110px,.6fr) 32px;align-items:center;gap:20px;min-height:92px;padding:14px 14px 14px 10px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--class) 7%,#141a16),#121714 55%)}.member:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--class)}.class-portrait{position:relative;width:54px;height:54px}.class-portrait img{width:100%;height:100%;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px color-mix(in srgb,var(--class) 70%,#fff)}.class-portrait span{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--class);color:#0c0e0c;font-size:9px;font-weight:900;box-shadow:0 0 0 2px #101512}.identity small,.availability small{display:block;color:var(--class);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.identity h3{font:700 17px Cinzel;margin:4px 0 1px;color:#ede8db}.identity p{margin:0;color:#747d76;font-size:13px}.discord-line{display:flex;align-items:center;gap:5px}.discord-line img{width:16px;height:16px;border-radius:50%}.role{display:flex;align-items:center;gap:9px;color:#bdc4bd;font-size:12px}.role svg{color:var(--class)}.availability span{font-size:12px;color:#b9bdb7}.availability small{color:#626b65;margin-bottom:3px}.notes{grid-column:2/5;margin:-6px 0 2px;color:#858d86;font-size:11px}.delete{border:0;background:transparent;color:#626b65;padding:8px}.delete:hover{color:#e57777}.setup,.empty{min-height:170px;border:1px solid #806b3e55;background:#1b211c;display:flex;align-items:center;justify-content:center;gap:13px;color:#b9a26c}.setup{text-align:left}.setup p{margin:3px 0 0;color:#8c938d}.empty{flex-direction:column}.empty h3{font:700 17px Cinzel;margin:0;color:#c9c4b6}.composition{padding-top:70px;background:#171d19;border-top:1px solid var(--line)}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.role-grid article{display:flex;align-items:center;gap:15px;padding:20px;background:#101512;border:1px solid var(--line)}.role-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #7f693d;color:#c6a45f;background:#1b221c}.role-grid b{display:block;font:700 22px Cinzel}.role-grid small{text-transform:uppercase;letter-spacing:.1em;color:#788079;font-size:8px}footer{padding:30px 8vw;display:flex;align-items:center;justify-content:space-between;color:#687069;font-size:10px}footer .brandmark{width:28px;height:31px}.modal{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:#050706df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}form{width:min(560px,100%);max-height:94vh;overflow:auto;padding:38px;background:#18201b;border:1px solid #8f7648;box-shadow:0 25px 80px #000;position:relative}.auth-form{max-width:390px;text-align:center}.auth-form label{text-align:left}.form-icon{width:48px;height:48px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid #7f693d;color:#c6a45f}.close{position:absolute;right:16px;top:11px;border:0;background:none;color:#858b85;font-size:27px}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:1fr 1fr}form .fields:first-of-type{margin-top:25px}label{display:block;margin-top:14px;color:#afb5ae;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}label small{float:right}input,select,textarea{width:100%;display:block;margin-top:7px;min-height:48px;padding:13px 15px;background:#0f1411;border:1px solid #ffffff1d;border-radius:2px;color:#e7e4da;outline:none;font-size:16px;line-height:1.35}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px;background-color:#0f1411;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d4d7d0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}.discord-connect{width:100%;min-height:50px;margin-top:7px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid #5865f2;background:#171d2e;color:#dfe2ff;font-size:16px;font-weight:700;text-align:left}.discord-connect.connected{border-color:#627766;background:#121914;color:#dce9dd}.discord-connect img{width:30px;height:30px;border-radius:50%}.discord-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#5865f2;color:#fff}.icon-select{position:relative;margin-top:7px;text-transform:none;letter-spacing:0}.icon-select-trigger{width:100%;height:50px;padding:7px 14px 7px 8px;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;border:1px solid #ffffff1d;border-radius:2px;background:#0f1411;color:#e7e4da;font-size:16px;font-weight:600;text-align:left}.icon-select-trigger img,.icon-select-menu img{width:34px;height:34px;border-radius:2px;object-fit:cover}.icon-select-trigger>svg{color:#d4d7d0;transition:transform .15s}.icon-select.expanded .icon-select-trigger{border-color:#b8914f}.icon-select.expanded .icon-select-trigger>svg{transform:rotate(180deg)}.icon-select-menu{position:absolute;z-index:20;inset:calc(100% + 4px) 0 auto;max-height:250px;overflow:auto;padding:4px;background:#0c110e;border:1px solid #8f7648;box-shadow:0 16px 38px #000}.icon-select-menu button{width:100%;min-height:44px;padding:5px 9px;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;border:0;background:transparent;color:#e7e4da;font-size:15px;font-weight:600;text-align:left}.icon-select-menu button:hover,.icon-select-menu button[aria-selected=true]{background:#ffffff0d}.icon-select-menu button svg{color:#c6a45f}input:focus,select:focus,textarea:focus{border-color:#b8914f}textarea{height:74px;resize:vertical}.submit{width:100%;margin-top:21px}.submit:disabled{opacity:.45}.form-error{display:block;margin-top:8px;color:#df7676;font-size:11px;text-align:left}.inline-error{display:block;margin-top:6px;color:#df7676;font-size:10px;text-transform:none;letter-spacing:0}.message{display:flex;align-items:center;gap:7px;margin-top:12px;color:#9bc19f;font-size:11px}.player-group{border:1px solid var(--line);background:#131915}.player-summary{width:100%;min-height:82px;padding:14px 18px;display:grid;grid-template-columns:48px 1fr auto 20px;align-items:center;gap:15px;border:0;background:transparent;color:#e8e4d8;text-align:left}.player-summary>img,.avatar-fallback{width:48px;height:48px;border-radius:50%}.avatar-fallback{display:grid;place-items:center;background:#29332c;color:#d0ad67;font-weight:800;text-transform:uppercase}.player-name{display:grid;gap:4px}.player-name b{font:700 17px Cinzel}.player-name small{color:#899089;font-size:11px}.class-stack{display:flex;align-items:center;padding-left:10px}.class-stack img{width:34px;height:34px;margin-left:-9px;border:2px solid #131915;border-radius:50%}.player-summary>svg{color:#9ea49e;transition:transform .18s}.player-group.expanded .player-summary>svg{transform:rotate(180deg)}.preference-list{border-top:1px solid var(--line)}.preference-row{min-height:92px;padding:14px 18px;display:grid;grid-template-columns:52px minmax(130px,1fr) minmax(115px,.7fr) minmax(120px,.7fr) 28px;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.preference-row:last-child{border-bottom:0}.preference-row .notes{grid-column:2/5;margin:-8px 0 5px}.confirmation{position:fixed;z-index:30;right:24px;bottom:24px;min-width:290px;padding:16px 18px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:12px;border:1px solid #778e69;background:#152018;color:#a9d2a9;box-shadow:0 18px 55px #000;font-size:14px}.confirmation span{display:grid;gap:2px;color:#aab5aa}.confirmation b{color:#edf2e8;font-size:15px}.confirmation button{border:0;background:transparent;color:#8f9a8f;font-size:22px;line-height:1}.availability-summary{position:relative;width:min(1000px,100%);max-height:92vh;overflow:auto;padding:36px;background:#151d18;border:1px solid #8f7648;box-shadow:0 25px 80px #000}.availability-summary h2{margin:8px 0 24px;font:700 30px Cinzel}.availability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.availability-grid>article{padding:16px;border:1px solid var(--line);background:#0e1410}.summary-class{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:13px}.summary-class img{width:36px;height:36px;border-radius:2px}.summary-class b{font:700 15px Cinzel}.summary-class small{color:#7f8981;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.summary-specs{display:grid;gap:6px}.spec-coverage{padding:8px;border:1px solid #ffffff0b;background:#ffffff06}.spec-coverage.open{border-color:#52705a;background:#18241b}.spec-name{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px}.spec-name>svg{color:#bca472}.spec-name b{font-size:12px}.spec-name small{color:#78817a;font-size:10px;text-transform:uppercase}.spec-coverage.open .spec-name small{color:#84b28c}.spec-picks{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0 29px}.spec-picks span{display:flex;align-items:center;gap:5px;padding:3px 6px;background:#090d0a;color:#c6cbc5;font-size:10px}.spec-picks img{width:16px;height:16px;border-radius:50%}.spec-picks em{color:#c5a15c;font-style:normal}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){header{height:68px;padding:0 20px}nav a{display:none}nav{gap:0}.discord-profile>span{display:none}.account-actions{gap:5px}.account-actions>.unlocked{font-size:0;padding:10px}.account-actions>.unlocked svg{margin:0}.brand small{display:none}.hero{min-height:620px;padding:135px 24px 55px;display:block;background-position:60% center}.hero h1{font-size:50px}.hero-actions{flex-wrap:wrap;gap:18px}.availability-summary{padding:28px 18px}.availability-grid{grid-template-columns:1fr}.availability-summary h2{font-size:25px}.hero-panel{width:100%;margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-panel>span{display:none}.hero-panel div{display:block;text-align:center;border-bottom:0;border-right:1px solid var(--line)}.hero-panel small{display:block}.content,.composition{padding:60px 20px 75px}.section-head{align-items:center}.section-head .outline{font-size:0}.section-head .outline svg{margin:0}.member{grid-template-columns:52px 1fr 30px;gap:13px}.player-summary{grid-template-columns:42px 1fr auto 18px;padding:12px}.player-summary>img,.avatar-fallback{width:42px;height:42px}.class-stack img{width:29px;height:29px}.preference-row{grid-template-columns:46px 1fr 28px;padding:13px 12px}.preference-row .role{grid-column:2}.preference-row .availability{display:none}.preference-row .notes{grid-column:2/3;margin:0}.class-portrait{width:46px;height:46px}.role{grid-column:2}.availability{display:none}.notes{grid-column:2/3;margin:0}.role-grid{grid-template-columns:1fr 1fr}.role-grid article{padding:15px}.role-grid .role-icon{width:36px;height:36px}footer{display:block;padding:28px 20px}footer p{margin-top:18px}.fields.two{grid-template-columns:1fr}form{padding:32px 22px}.confirmation{right:16px;bottom:16px;left:16px;min-width:0}}