/* Extracted from <style> */
:root{color-scheme:dark;--gold:#f3d483;--muted:#c0b8aa;--border:#68543a;}*{box-sizing:border-box}body{margin:0;color:#eee9df;background:#100e0c;font:14px/1.45 "Segoe UI",Arial,sans-serif;min-height:100vh;background-image:linear-gradient(#08070733,#08070777),url("../assets/backgrounds/home.jpg");background-position:center top;background-size:cover;background-attachment:fixed}button,input,textarea{font:inherit}button{cursor:pointer;color:#eee8dd;transition:filter .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #ffe3a0;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1570px;margin:auto;padding:0 28px 24px}header{height:128px;display:flex;align-items:center;gap:15px;text-shadow:0 3px 4px #000}h1,h2,.subtitle,button.primary,button.confirm{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(32px,4.5vw,62px);line-height:1;margin:0;letter-spacing:1px;color:#f4c458;font-variant:small-caps;text-shadow:0 2px #693008,0 4px 2px #000,2px 0 #351b05}.subtitle{color:var(--gold);text-transform:uppercase;font-size:clamp(15px,1.65vw,24px);letter-spacing:1.8px;margin-top:7px}.brandmark{color:#cb2516;font-size:70px;text-shadow:1px 1px #ff8d42,-2px 3px #250804}.header-note{margin-left:auto;text-align:right;color:#eac777;font-size:11px;letter-spacing:2px}.header-note small{display:block;font-size:12px;letter-spacing:.4px;margin-top:8px;color:#d1c3ad}.war-table{display:grid;grid-template-columns:.95fr 1fr 1.16fr 1.02fr;gap:10px;background:#0c0b0add;border:2px solid #645037;padding:8px;box-shadow:0 0 0 2px #100e0c,0 0 0 4px #33291e,0 8px 25px #000a;position:relative}.panel{background:linear-gradient(120deg,#191a18f5,#0a0c0df5);border:1px solid var(--border);box-shadow:inset 0 0 0 2px #080909,inset 0 0 0 3px #3e342588,0 3px 8px #0008;padding:18px;position:relative}.panel:before,.panel:after{content:'';position:absolute;width:9px;height:9px;pointer-events:none;border:2px solid #ac8752;background:#171613;transform:rotate(45deg);z-index:1}.panel:before{top:-4px;left:-4px}.panel:after{bottom:-4px;right:-4px}h2{font-weight:400;font-size:21px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}p{color:var(--muted);margin:8px 0 14px}button.primary,button.confirm{width:100%;text-transform:uppercase;font-size:14px;letter-spacing:.4px;padding:12px 8px;background:linear-gradient(#a9150d,#640802);border:1px solid #c45332;border-radius:3px;box-shadow:inset 0 0 0 2px #470602,inset 0 3px 5px #ef613933,0 2px 4px #000}button.confirm{background:linear-gradient(#415b05,#263400);border-color:#819336;box-shadow:inset 0 0 0 2px #1c2600,inset 0 3px 5px #cad75422,0 2px 4px #000}.secondary,.suggestion{background:linear-gradient(#292c2b,#141616);border:1px solid #676962;border-radius:3px;padding:8px 10px;font-size:12px;box-shadow:inset 0 0 0 1px #0c0c0b}.buttons{display:flex;gap:7px}.solo-controls{display:flex;flex-direction:column}.solo-controls>p{font-size:13px}.solo-fate{flex:1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #493c2b;margin:16px 0;background:radial-gradient(ellipse,#2a1c1366,transparent 75%)}.sigil{font:42px Georgia;color:#89673c}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#e6c88b}.solo-fate p{font-size:12px;margin:8px 10px}#generatedName{color:#f6d587;font:20px Georgia;line-height:1.2}#lockedText{font-size:11px;color:#dab872;margin-top:6px}.stats{display:flex;justify-content:space-between;font-size:11px;color:#aba28f;margin-top:12px}.stats strong{color:var(--gold);font-size:15px}textarea,input{background:linear-gradient(#090b0b,#151615);border:1px solid #66665b;border-radius:3px;color:#f0eee5;padding:9px;width:100%}textarea{height:142px;resize:vertical;min-height:90px;max-height:220px;line-height:1.8}input:disabled{opacity:.55}.draft-controls{display:flex;flex-direction:column}.draft-controls p{font-size:12px}#draftError{font-size:12px;color:#ff9985}#draftError:not(:empty){padding:8px 0}#draftTurnLabel{margin:14px 0 8px;letter-spacing:.7px}#draftOrder{max-height:243px;overflow:auto;margin-top:8px}.draft-pick{padding:7px 0;display:flex;gap:8px;border-bottom:1px solid #414135;font-size:12px;align-items:center}.draft-pick strong{font-weight:500;display:block}.draft-pick small{display:block;font-size:10px;color:#8f958e}.draft-pick.active{background:#aa782118}.draft-pick.active small{color:#ecc779}.number{border:1px solid #786346;background:linear-gradient(#30342e,#131613);font:16px Georgia;color:#ead6ac;min-width:24px;height:27px;text-align:center;padding-top:2px;border-radius:2px}.draft-footer{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:12px}#draftInfo{color:#b7a783;font-size:11px}.hero-panel{min-width:0;display:flex;flex-direction:column;align-self:stretch}.mode-tabs{display:flex;padding:0 0 7px;gap:5px}.mode-tabs button{flex:1;background:#151715;border:1px solid #574932;color:#afab9d;padding:6px 3px;font-size:11px}.mode-tabs button.active{color:#ffdc88;border-color:#c39a51;background:linear-gradient(#46321d,#1e1710)}.hero-art{position:relative;border:2px solid #a4834e;box-shadow:0 0 0 3px #171411,inset 0 0 25px #000;width:100%;aspect-ratio:1/1.09;overflow:hidden;background:#161814}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:38px 6px 13px;text-align:center;background:linear-gradient(transparent,#080807 57%)}.hero-caption h2{font-size:22px;margin-bottom:7px;text-shadow:0 2px #000}.status-badge,.pool-status{display:inline-block;border-radius:3px;border:1px solid #297732;background:linear-gradient(#166225,#03310d);box-shadow:inset 0 1px 3px #55d74b33;color:#dceeca;font:10px/1.3 'Segoe UI',sans-serif;padding:3px 13px;letter-spacing:.2px}.hero-lore{font-size:11px;line-height:1.55;margin:12px 5px 4px;color:#c1b7a3}.naming h2{font-size:18px}.naming p{font-size:12px}.naming label{font-size:10px;color:#c5b89e;display:block;margin-bottom:4px}.naming input{font-size:14px;margin:0 0 9px;padding:10px 9px}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.suggestion{font-size:11px;padding:7px 4px;white-space:normal}.name-empty{font-size:11px;color:#a69e8b;margin:15px 0}.suggestions:not(:empty)+.name-empty{font-size:10px}.name-note{border-top:1px solid #39352a;padding-top:10px;color:#948b76!important;font-size:10px!important;margin-top:16px}.naming #draftConfirm{margin-top:4px}.naming #draftRedraw{margin-top:8px;width:100%}body[data-mode=solo] .only-draft,body[data-mode=draft] .only-solo{display:none}.pool-panel{margin:17px 0 14px;padding:16px 12px 12px}.pool-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pool-heading h2{font-size:22px;margin:0}.legend{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#ccc6b7}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:radial-gradient(at 35% 25%,#6ed049,#178010 60%,#073802);box-shadow:0 0 5px #259c3344}.dot.red{background:radial-gradient(at 35% 25%,#ff6b40,#9b1006 65%,#4f0903);margin-left:9px}.pool-subline{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aaa38e;margin:7px 0 12px}.pool-subline strong{font-weight:400;color:#ccb77b}.pool-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.pool-card{position:relative;aspect-ratio:1.1;overflow:hidden;padding:0;border:1px solid #ae9367;border-radius:2px;background:#121511;box-shadow:0 0 0 2px #302a20;text-align:center}.pool-card img{width:100%;height:100%;object-fit:cover;display:block}.pool-card>div{position:absolute;bottom:0;left:0;right:0;padding:33px 4px 6px;background:linear-gradient(transparent,#070909eb 46%,#060908)}.pool-card strong{display:block;color:#f5eacd;font-size:12px;font-weight:500;text-transform:uppercase;line-height:1.15;margin:0 auto 5px;max-width:110px;text-shadow:0 1px 3px #000}.pool-status{font-size:9px;padding:1px 8px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pool-card.taken img{filter:saturate(.25) brightness(.6)}.pool-card.taken{border-color:#834134}.taken .pool-status{border-color:#842d23;background:linear-gradient(#7d1b16,#3e0905);color:#ffd0ba}.pool-card:hover{box-shadow:0 0 0 2px #c69750,0 0 18px #d47e4933}.solo-settings{padding:12px 16px}.solo-settings summary{cursor:pointer;font:18px Georgia;color:#e6c788}.solo-settings summary span{font:11px 'Segoe UI',sans-serif;color:#a3977f;margin-left:10px}.settings-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}.filters{display:flex;gap:14px;flex-wrap:wrap}.filters label{font-size:12px}.filters input{width:auto;accent-color:#ae3024}.solo-settings p{font-size:12px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.entry{position:relative;display:flex;align-items:center;gap:7px;background:#1a1d18;padding:6px;border:1px solid #4c4736;cursor:pointer;font-size:11px}.entry input{width:auto;accent-color:#a91d11}.entry img{width:35px;height:35px;object-fit:cover}.entry strong,.entry small{display:block;font-size:10px}.entry small{font-size:8px;color:#9cb581}.entry:has(input:not(:checked)){opacity:.4}footer{text-align:center;padding:18px 0 0;color:#9c8b6a;display:flex;flex-direction:column;gap:4px}footer>span{font:13px Georgia;letter-spacing:3px}footer small{font-size:10px;color:#a29784}dialog{max-width:410px;width:calc(100% - 32px);border:2px solid #9b7b46;background:linear-gradient(#20211b,#0d100d);padding:20px;color:#ded2b9;box-shadow:0 20px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:12px}dialog p{font-size:13px;margin-bottom:0}.close{position:absolute;right:6px;top:6px;font-size:24px;padding:0 9px;z-index:2}
@media(min-width:1650px){.wrap{padding-top:12px}.war-table{gap:14px}.panel{padding:20px}.hero-art{aspect-ratio:1}.pool-card{aspect-ratio:1.15}}
@media(max-width:1150px){.wrap{padding:0 18px 20px}header{height:110px}.war-table{grid-template-columns:1fr 1fr;gap:12px}.hero-panel{grid-column:1;grid-row:2}.naming{grid-column:2;grid-row:2}.hero-art{aspect-ratio:1.3}.hero-lore{font-size:12px}.solo-fate{min-height:90px}.pool-grid{grid-template-columns:repeat(6,1fr)}.grid{grid-template-columns:repeat(4,1fr)}.header-note{display:none}.pool-card strong{font-size:11px}.hero-art img{object-position:center 30%}.atlas-portrait{background-size:400% 600%}}
@media(max-width:700px){.wrap{padding:0 12px 18px}header{height:100px;gap:9px}.brandmark{font-size:42px}h1{font-size:36px}.subtitle{font-size:12px;letter-spacing:1px}.war-table{padding:6px;gap:8px}.panel{padding:12px}.war-table h2{font-size:18px}.primary,.confirm{font-size:12px!important}textarea{font-size:12px}.pool-heading{display:block}.legend{margin-top:8px}.pool-heading h2{font-size:18px}.pool-subline{display:block;font-size:10px}.pool-subline strong{display:block;margin-top:3px}.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pool-card{aspect-ratio:.92}.pool-card strong{font-size:11px}.pool-status{font-size:8px;padding:1px 4px}.hero-panel{grid-column:1/-1}.naming{grid-row:3;grid-column:1/-1}.hero-art{aspect-ratio:1.2;max-width:400px;margin:auto}.hero-lore{padding:0 7px}.suggestions{grid-template-columns:repeat(3,1fr)}.name-note{margin-bottom:0}.hero-caption h2{font-size:26px!important}.hero-panel .mode-tabs{margin-top:4px}.mode-tabs button{padding:9px}.settings-top{flex-direction:column;align-items:start}.grid{grid-template-columns:1fr 1fr}.solo-settings summary{font-size:15px}.solo-settings summary span{display:block;margin:6px 0 0}#draftTurnLabel{font-size:9px}.solo-fate .sigil{font-size:30px}.solo-fate p{font-size:10px}#generatedName{font-size:17px}.stats{font-size:10px}.draft-pick small{font-size:9px}.naming .only-draft>.secondary{padding:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.draft-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.draft-offers .pool-card{aspect-ratio:.85}.draft-offers .pool-card strong{font-size:11px}.draft-offers .pool-card.selected{border-color:#ffe18c;box-shadow:0 0 0 2px #f4d077,0 0 14px #d1a14266}.draft-offers .pool-card>div{padding-top:30px}.draft-offers .pool-status{font-size:8px;padding:2px 4px}.offers-title{font-size:17px;margin:8px 0 0;text-align:center}.offer-hint{font-size:11px;text-align:center;color:#d7c39d;margin:6px 0 12px}.draft-choice-help{font-size:12px!important;color:#c1af89}.draft-offers:empty{display:none}#draftMode .hero-art{aspect-ratio:1.25}#draftMode .hero-lore{max-height:75px;overflow:auto}.draft-controls #draftBoard{margin-bottom:12px}.draft-pick small{line-height:1.5}body[data-mode=draft] .hero-panel{min-width:0}
.player-name{min-width:0;padding:6px 7px;font-size:12px;flex:1}.remove-player{padding:2px 8px;font-size:19px;line-height:1.3}#addPlayer{margin:0 0 12px;width:100%}#draftOrder .draft-pick>span:not(.number){min-width:0;overflow-wrap:anywhere}#draftInfo{text-align:center}@media(max-width:700px){.draft-pick{gap:4px}.player-name{font-size:11px;padding:6px 3px}.remove-player{font-size:16px;padding:3px 5px}.draft-pick .number{min-width:19px;font-size:13px}}

body{background-color:#0b0d11;color:#eee8db} .app{max-width:1300px;margin:auto;padding:22px} .mast{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mast h1{font-size:clamp(28px,4vw,48px);margin:0;color:#f3d483}.muted{color:#c3b8a5}.panelx{background:linear-gradient(145deg,#24201c,#121316);border:1px solid #77603d;border-radius:14px;padding:18px;margin:12px 0;box-shadow:0 12px 36px #0008}.panelx h2{color:#f3d483;margin:0 0 12px}.rowx{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.btnx{cursor:pointer;background:linear-gradient(#78532a,#442a18);color:#fff1c9;border:1px solid #c49b53;border-radius:8px;padding:10px 15px;font:inherit;font-weight:700}.btnx:hover:not(:disabled){filter:brightness(1.2)}.btnx:disabled{opacity:.4;cursor:not-allowed}.btnx.alt{background:#25272d;border-color:#666}.btnx.on{background:#234d4a;border-color:#8bd8bf}.field{background:#121319;border:1px solid #8c7048;color:#f9f1dc;border-radius:7px;padding:9px;max-width:100%;font:inherit}label{display:block;margin:7px 0;color:#ead6ac}input[type=number]{width:80px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}.checks label{padding:7px;border:1px solid #554b3a;border-radius:7px;background:#19191d;margin:0}.notice{background:#352b18;border:1px solid #aa8847;border-radius:8px;padding:12px;margin:10px 0}.bad{background:#4b1e1e;border-color:#dd7777}.good{background:#17392b;border-color:#63bb89}.hidden{display:none!important}.portraitx{height:165px;border-radius:9px;background-color:#242328;background-image:linear-gradient(135deg,#604729,#1d2938);background-size:cover;background-position:center}.atlas-portrait{background-size:400% 600%;}.option{min-width:0;background:#19191c;border:1px solid #76603c;border-radius:12px;padding:10px;cursor:pointer;text-align:left;color:#f1e9d8;font:inherit}.option:hover:not(:disabled){border-color:#f3d483;transform:translateY(-2px)}.option:disabled{opacity:.5;cursor:not-allowed}.option strong{display:block;font-size:17px;color:#f3d483;margin:9px 0 3px}.pill{display:inline-block;border:1px solid #8a7048;border-radius:20px;padding:3px 9px;font-size:12px;margin:3px;color:#e8d2a5}.pick{border-bottom:1px solid #514838;padding:9px 0;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.active{border-color:#e9c979;background:#2d2517}.small{font-size:12px}.reqrow{display:grid;grid-template-columns:1fr 75px 75px;gap:8px;align-items:center;margin:5px 0}.reqrow input{width:70px}.sectiontitle{margin:20px 0 8px;color:#d9b974}details{border:1px solid #584a35;border-radius:9px;margin:8px 0;padding:10px}summary{cursor:pointer;font-weight:700;color:#ebd09b}.help{font-size:12px;color:#bcb1a0}#offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}#roster{max-height:490px;overflow:auto}.progress{height:7px;background:#433b30;border-radius:9px;overflow:hidden;margin:5px 0}.progress>div{height:100%;background:#9ebd79}.namebar{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.namebar input{flex:1;min-width:120px}@media(max-width:650px){.app{padding:10px}.panelx{padding:12px}.portraitx{height:130px}.reqrow{grid-template-columns:1fr 65px 65px}}

/* Original illustrated card layout, shared atlas, and war-room treatment */
#draft .cols{grid-template-columns:minmax(230px,1fr) minmax(0,2.2fr) minmax(230px,1fr)!important;align-items:start}
#draft .cols>div:first-child{display:contents}
#draft .cols>div:first-child>.panelx:first-child{grid-column:2;grid-row:1}
#draft .cols>div:first-child>.panelx:nth-child(2){grid-column:1;grid-row:1}
#draft .cols>.panelx{grid-column:3;grid-row:1}
#offers{grid-template-columns:repeat(var(--offer-cols,3),minmax(0,1fr));gap:7px}
.option{border-radius:2px;padding:3px;background:linear-gradient(#25221d,#10100f);border:1px solid #806339;text-align:center;transition:transform .15s,border-color .15s}
.option strong{font-size:12px;margin:5px 0;color:#ffe0a0;text-transform:uppercase}
.option .portraitx{height:auto;aspect-ratio:1;background-color:#27201a;border-radius:0}
.option .pill{font-size:10px;margin:2px}
.character-preview{margin:12px 0;border:1px solid #9e7944;background:#12100e;text-align:center;padding:4px}
.character-preview .portraitx{height:auto;aspect-ratio:1.35;border-radius:0}
.character-preview h3{font-size:23px;color:#f4d38b;margin:7px 0;text-transform:uppercase}
.character-preview p{padding:0 10px 8px;text-align:left;font-size:13px;line-height:1.55;color:#e4d7c1}
.full-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px}
.full-pool .option .portraitx{aspect-ratio:1.2}
.full-pool .option{cursor:default}.full-pool .option:disabled{opacity:1}
.full-pool .option.taken{filter:grayscale(.7);opacity:.55}
#draft .panelx{border-radius:2px;border-color:#8b6d40;background:linear-gradient(145deg,#22211e,#0e100f)}
@media(max-width:1000px){#draft .cols{display:block!important}#draft .cols>div:first-child{display:block}#offers{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
@media(max-width:550px){.full-pool{grid-template-columns:repeat(3,minmax(0,1fr))}}

.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-card{padding:0;text-align:left;overflow:hidden;cursor:pointer;color:#f2e7cf;background:linear-gradient(135deg,#26201b,#111315);border:2px solid #68543a;border-radius:5px;display:flex;flex-direction:column}.mode-card.chosen{border-color:#f3d483;box-shadow:0 0 0 2px #a87c3555}.mode-art{height:110px;display:flex;align-items:center;justify-content:center;font-size:64px;color:#f7d78e;text-shadow:0 2px 20px #000;background:linear-gradient(120deg,#220b08bb,#4a1a0c88)}.roster-art{background:linear-gradient(120deg,#071b32,#304d68,#171b29)}.lottery-art{background:linear-gradient(120deg,#250d08,#79301a,#24120b)}.mode-copy{display:grid;gap:7px;padding:14px}.mode-copy b{font:700 20px Georgia,serif;color:#f3d483}.mode-copy small{font-size:13px;line-height:1.5;color:#d5cbbb}.mode-copy em{font-style:normal;font-size:11px;color:#b5e7a7}.mode-card:not(.chosen) .mode-copy em{color:#d8b773}@media(max-width:650px){.mode-grid{grid-template-columns:1fr}.mode-art{height:70px}}

/* Single cohesive faction backdrop; no overlay panels or faction-image swapping. */
body{background-attachment:fixed;background-position:center top;background-size:cover;}
body:before{display:none!important;}

/* Background display optimization: avoid enlarging to fill tall pages. */
body{background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#100e0c;}
@media(max-aspect-ratio: 4/3){body{background-size:cover;}}

#preDraftLobby{text-align:center;border:1px solid #b9924c;background:linear-gradient(140deg,#272017,#141b25);padding:30px;margin-bottom:16px}
#preDraftLobby h2{font-size:30px;color:#f3d483;margin:8px 0}.lobby-tag{color:#e7c279;font-weight:800;letter-spacing:2px}.lobby-order{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin:22px 0;text-align:left}.lobby-entry{border:1px solid #655337;border-radius:8px;padding:12px;background:#181b23}.lobby-entry strong{color:#f3d483}.lobby-entry .roll-num{float:right;font-weight:800}.live-picks{margin-top:16px;border-top:1px solid #6c563a;padding-top:10px}.live-picks h3{color:#f3d483}.live-pick{display:flex;align-items:center;gap:9px;border:1px solid #594b37;background:#211e20;border-radius:8px;padding:8px;margin:7px 0;animation:pickArrive .65s ease-out}.live-pick .portraitx{width:48px;height:58px;min-width:48px;border-radius:5px;background-size:400% 600%}.live-pick small{display:block;color:#c2b6a2}.live-pick strong{color:#f3d483}@keyframes pickArrive{from{opacity:0;transform:translateX(-35px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}#draft.paused #offers,#draft.paused #confirmArea{pointer-events:none;opacity:.45}#draft.paused #pickTimerDisplay{color:#f3d483!important}#draftHostControls{align-items:center;gap:12px}#draftHostControls button{min-width:170px}

/* Unified three-column lobby and persistent character pool. */
#unifiedLeft .panelx{margin-bottom:14px}#preDraftLobby{padding:16px;text-align:left;margin-bottom:12px}#preDraftLobby h2{font-size:22px}#preDraftLobby .lobby-order{display:none}#unifiedLeft button{width:100%;margin-top:10px}#unifiedOrder{display:grid;gap:8px}.unified-order-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:9px;border:1px solid #655337;border-radius:7px;background:#1b1c23}.unified-order-row strong{font-size:18px}#rollStage{margin-bottom:14px}#draft:not(.started) #offers,#draft:not(.started) #confirmArea{display:none!important}#draft:not(.started) #offerTitle{display:none}#draft:not(.started) #characterPreview{display:none!important}#draft:not(.started) #draftMessage{display:none!important}#draft:not(.started) #tracker{display:none}#draft:not(.started) #roster{display:none}#draft:not(.started) #phaseControls{display:none}#draft:not(.started) #draftHostControls{display:none}#draft:not(.started) #pickTimerDisplay{display:none!important}#draft:not(.started) #livePicks{display:block}#draft:not(.started) #fullPool{display:grid}#draft.started #preDraftLobby{display:none}#draft.started #rollStage{display:none}#draft.started #fullPool{display:grid}@media(max-width:1100px){#liveDraftContent .cols{grid-template-columns:1fr!important}#unifiedLeft{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}}

.site-footer{margin:34px 0 10px;padding:24px 18px 8px;border-top:1px solid #68543a;text-align:center;color:#c0b8aa}.site-footer-inner{max-width:760px;margin:0 auto}.site-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#f3d483;font-weight:800;letter-spacing:.12em;font-size:13px}.site-footer-brand .mark{font-size:18px}.site-footer-tagline{margin:7px 0 3px;color:#eee9df;font-size:13px}.site-footer-legal{margin:0 auto;max-width:680px;font-size:11px;line-height:1.55;color:#978e81}.site-footer-meta{margin-top:10px;font-size:10px;letter-spacing:.06em;color:#766e64;text-transform:uppercase}@media(max-width:620px){.site-footer{margin-top:24px;padding-left:10px;padding-right:10px}.site-footer-brand{font-size:12px;letter-spacing:.08em}}


/* Extracted from <style> */
.roll-panel{max-width:1050px;margin:18px auto;padding:26px;background:linear-gradient(145deg,#171c27,#292018);border:2px solid #b58b47;border-radius:16px;box-shadow:0 18px 55px #0009;color:#e9ddc5}.roll-panel h2{color:#f1ce82;text-align:center;font-size:30px}.roll-sub{text-align:center;color:#bdb4a4}.roll-die{display:grid;place-items:center;width:155px;height:155px;margin:22px auto;background:linear-gradient(140deg,#41301f,#1b2535);border:3px solid #d9ae61;clip-path:polygon(50% 0%,89% 18%,100% 63%,50% 100%,0% 63%,11% 18%);font-weight:900;font-size:52px;color:#e9ce91;text-shadow:0 3px 12px #000}.roll-die small{display:block;font-size:14px;letter-spacing:2px}.roll-action{text-align:center;margin:15px auto}.roll-action button{font-size:19px;padding:15px 30px}.roll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0}.roll-entry{background:#101721;border:1px solid #66533b;border-radius:9px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.roll-score{font-size:27px;font-weight:900}.roll-note{text-align:center;color:#c8b590}.roll-hidden{display:none!important}.roll-result{max-width:650px;margin:20px auto}.roll-result .roll-entry{margin:7px 0}.roll-result h3{text-align:center;color:#f1ce82}


/* Extracted from <style> */
#rollStage{position:relative;z-index:3;min-height:580px}.roll-die{transition:filter .2s,transform .2s}.die-tumbling{display:inline-block;animation:dieTumble .24s linear infinite}@keyframes dieTumble{0%{transform:rotate(-14deg) scale(.85)}50%{transform:rotate(12deg) scale(1.2)}100%{transform:rotate(-14deg) scale(.85)}}#rollStart{background:linear-gradient(135deg,#8a6027,#d6aa54);color:#19140d;font-weight:900}#rollHeading{font-size:20px;font-weight:800;min-height:32px}#rollNotice{min-height:25px}.roll-entry{font-size:16px}.roll-score{text-shadow:0 0 9px currentColor}


/* Extracted from <style id="single-board-layout"> */
#unifiedLeft .board-picks-heading{margin:18px 0 9px;padding-top:12px;border-top:1px solid #68543a;color:#f3d483;font-size:15px}
#unifiedLeft .live-picks{margin:0}
#unifiedLeft .live-picks>h3{display:none}
#unifiedLeft .live-pick{display:flex;gap:9px;align-items:center;min-width:0}
#unifiedLeft .live-pick>div:last-child{min-width:0;overflow-wrap:anywhere}
#unifiedLeft .live-pick .portraitx{flex:0 0 52px}
#liveDraftContent .cols{grid-template-columns:minmax(260px,.8fr) minmax(0,2.6fr)!important}
#liveDraftContent .cols>div:nth-child(2){min-width:0}
#liveDraftContent #offers{grid-template-columns:repeat(var(--offer-cols,3),minmax(0,1fr))}
@media(max-width:900px){#liveDraftContent .cols{grid-template-columns:1fr!important}#unifiedLeft{display:block!important}}


/* Extracted from <style id="stable-central-roll-layout"> */
#liveDraftContent .cols{display:grid!important;grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
#unifiedLeft,#liveDraftContent .cols>div:nth-child(2){min-width:0!important;width:auto!important;max-width:none!important}
#preDraftLobby{width:100%!important;max-width:none!important;margin:0 0 16px!important}
#rollStage{position:relative!important;display:block;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0 0 18px!important;padding:26px!important;overflow:hidden!important;grid-column:auto!important;transform:none!important}
#rollStage.roll-hidden{display:none!important}
#rollStage h2{font-size:clamp(22px,3vw,32px)!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:normal!important}
#rollStage .roll-sub,#rollStage .roll-note{max-width:650px;margin:12px auto;overflow-wrap:normal!important;word-break:normal!important}
#rollStage .roll-die{width:190px!important;height:190px!important;margin:24px auto!important;flex-shrink:0}
#rollStage .roll-action{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
#rollStage .roll-action button{min-width:180px;max-width:100%;white-space:normal}
#rollEntries{display:none!important}#unifiedRollStart{display:none!important}
#rollResults{max-width:620px;width:100%;margin:20px auto}
@media(max-width:760px){#liveDraftContent .cols{grid-template-columns:minmax(0,1fr)!important}#rollStage{padding:18px!important}#unifiedLeft{order:2}}


/* Extracted from <style id="reveal-and-lobby-fix"> */
#liveDraftContent>.cols{display:grid!important;grid-template-columns:minmax(220px, .85fr) minmax(0,2.65fr)!important;gap:14px!important;align-items:start}
#liveDraftContent>.cols>div{min-width:0!important}
#rollStage{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important}
#rollStage .roll-die{margin:22px auto!important}
#rollStage .roll-grid{display:none!important}
#draft:not(.started) #characterPoolPanel{display:block!important;margin-top:14px}
#characterPoolPanel{min-width:0}
#characterPoolPanel .full-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}
#characterPoolPanel .option{min-width:0}
#draft.started #characterPoolPanel{margin-top:14px}
#draft.revealing #offers{display:none!important}
#draft.revealing #characterPreview{display:block!important;max-width:680px;margin:0 auto 14px;padding:20px;border:2px solid #d9a858;border-radius:12px;background:linear-gradient(150deg,#332718,#16191c);text-align:center;box-shadow:0 0 34px #b7823450}
#draft.revealing #characterPreview .portraitx{width:min(100%,390px);height:420px;margin:0 auto 15px;background-size:400% 600%;border:2px solid #a77c39;border-radius:8px}
#draft.revealing #characterPreview h3{font-size:clamp(24px,3vw,38px);color:#f3d483;margin:12px 0}
#draft.revealing #confirmArea{display:block!important;max-width:680px;margin:0 auto;padding:16px;border:1px solid #8c6c39;background:#231f1a;border-radius:10px}
#draft.revealing #confirm{font-size:20px;padding:15px 28px;flex:1;background:linear-gradient(135deg,#315f21,#569334);color:white;font-weight:900}
#draft.revealing #confirmArea .rowx{justify-content:center;gap:12px;flex-wrap:wrap}
#draft.revealing #cancel{order:3}
#draft.revealing #characterPreview:before{content:attr(data-player) ' HAS SELECTED';display:block;color:#f3d483;font-size:17px;font-weight:900;letter-spacing:1px;margin-bottom:15px}
@media(max-width:760px){#liveDraftContent>.cols{grid-template-columns:minmax(0,1fr)!important}#characterPoolPanel .full-pool{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}}


/* Extracted from <style id="great-reroll-layout-fix"> */
/* The sidebar is the roster; the main stage owns the rolls, choices and pool. */
#liveDraftContent > .cols {display:grid!important;grid-template-columns:minmax(215px,250px) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
#liveDraftContent > .cols > #unifiedLeft {grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:none!important;display:block!important}
#liveDraftContent > .cols > #unifiedLeft + div {grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:none!important;display:block!important}
#liveDraftContent > .cols > div:last-child:not(#unifiedLeft) {min-width:0}
#unifiedLeft .panelx {padding:13px!important}#unifiedLeft .unified-order-row{gap:7px;font-size:12px;overflow-wrap:anywhere}
#rollStage {width:100%!important;max-width:none!important;min-width:0!important;margin:0 0 16px!important;padding:24px!important;text-align:center!important}
#rollStage .roll-die{width:195px!important;height:195px!important;margin:22px auto!important}
#rollStage .roll-action button{min-width:200px!important;font-size:18px!important}
#characterPoolPanel{width:100%!important;max-width:none!important;margin-top:16px!important}
#characterPoolPanel .full-pool{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))!important;gap:9px!important}
#offers {display:grid!important;grid-template-columns:repeat(var(--offer-cols,3),minmax(0,1fr))!important;gap:12px!important}
#offers .option {min-width:0!important;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s;cursor:pointer}
#offers .option .portraitx {height:clamp(175px,24vw,330px)!important}
#offers .option.pending-choice {border:3px solid #f3d483!important;box-shadow:0 0 0 2px #7a521e,0 0 26px #dca94799!important;transform:translateY(-3px)}
#offers .option.pending-choice::after{content:'✓ CURRENT SELECTION';display:block;color:#f3d483;font-size:12px;font-weight:900;margin-top:8px}
#draft.revealing #offers{display:grid!important}
#characterPreview,#draft.revealing #characterPreview{display:none!important}
#confirmArea:not(.hidden),#draft.revealing #confirmArea{display:block!important;max-width:none!important;margin:14px 0!important;padding:17px!important;border:2px solid #b58b47!important;border-radius:10px;background:linear-gradient(135deg,#332a1d,#1c201c)!important}
#confirmArea.hidden{display:none!important}
#confirmArea .rowx{justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}
#confirm {font-size:19px!important;font-weight:900!important;min-width:190px!important;padding:15px 24px!important;background:linear-gradient(135deg,#35631d,#568c2b)!important}
#selectionBanner{font-weight:800;color:#f3d483;text-align:center;font-size:19px;margin-bottom:12px}
@media(max-width:760px){#liveDraftContent>.cols{grid-template-columns:minmax(0,1fr)!important}#liveDraftContent>.cols>#unifiedLeft{grid-column:1!important;grid-row:1!important}#liveDraftContent>.cols>#unifiedLeft+div{grid-column:1!important;grid-row:2!important}#offers .option .portraitx{height:180px!important}#characterPoolPanel .full-pool{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))!important}}


/* Extracted from <style id="portrait-atlas-render-fix"> */
.portraitx.atlas-portrait{background-image:url("../assets/hero-cards/legacy/horde-atlas.png");background-size:400% 600%;background-repeat:no-repeat}


/* Extracted from <style id="alliance-raster-artwork"> */
.portraitx.alliance-atlas-portrait{background-image:url(../assets/hero-cards/legacy/alliance-atlas.jpg)!important;background-repeat:no-repeat!important;}


/* Extracted from <style id="gr-professional-polish-v5"> */
:root{
  --gr-gold:#f0cf78;
  --gr-gold-2:#c99743;
  --gr-panel:rgba(18,17,16,.93);
  --gr-panel-2:rgba(25,23,21,.95);
  --gr-line:rgba(202,158,79,.34);
  --gr-line-soft:rgba(255,255,255,.07);
  --gr-text:#f1eadf;
  --gr-muted:#b9b0a3;
}

/* Overall spacing + readability */
body{
  font-size:14px;
  line-height:1.48;
  letter-spacing:.005em;
}
.app{
  max-width:1320px;
  padding:28px 28px 44px;
}
.muted,.help{color:var(--gr-muted)}
.help{line-height:1.55}

/* Header / identity */
.mast{
  margin:0 0 20px;
  padding:8px 2px 14px;
  border-bottom:1px solid rgba(235,199,117,.24);
}
.mast > div:first-child > .muted:first-child{
  color:#d0b26e;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
.mast h1{
  margin:2px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
  letter-spacing:.025em;
  text-shadow:0 2px 16px rgba(0,0,0,.9);
}
#modeBadge{
  margin:0;
  padding:6px 11px;
  background:rgba(12,12,12,.58);
  border-color:rgba(220,179,96,.45);
  color:#d8c398;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

/* Main panels */
.panelx,.roll-panel{
  background:
    linear-gradient(180deg,rgba(31,29,27,.96),rgba(15,15,15,.96));
  border:1px solid var(--gr-line);
  border-radius:15px;
  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.025);
}
.panelx{
  margin:16px 0;
  padding:21px 22px;
}
.panelx h2,.roll-panel h2{
  margin:0 0 12px;
  color:var(--gr-gold);
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:.025em;
}
.panelx > p.muted:first-of-type{
  margin-top:-3px;
}

/* Mode selector */
.mode-panel{padding:22px}
.mode-grid{gap:14px}
.mode-card{
  overflow:hidden;
  border-radius:11px;
  border-color:rgba(205,163,87,.42);
  background:rgba(12,13,15,.84);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.mode-card:hover{
  transform:translateY(-2px);
  border-color:rgba(241,204,123,.72);
  box-shadow:0 12px 30px rgba(0,0,0,.32);
}
.mode-card.chosen{
  border-color:#e1b85e;
  box-shadow:0 0 0 1px rgba(231,188,94,.22),0 12px 30px rgba(0,0,0,.32);
}
.mode-copy{
  padding:14px 16px 15px;
}
.mode-copy b{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:.035em;
}
.mode-copy small{
  line-height:1.5;
  color:#c4b9a7;
}
.mode-copy em{
  margin-top:9px;
  font-size:10px;
  letter-spacing:.08em;
}

/* Form controls */
.cols{
  gap:16px 18px;
}
label{
  margin:5px 0;
  color:#dbc79f;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
}
.field{
  min-height:42px;
  margin-top:5px;
  padding:9px 11px;
  border:1px solid rgba(194,153,78,.5);
  border-radius:8px;
  background:rgba(12,13,17,.9);
  color:var(--gr-text);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.45);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.field:hover{border-color:rgba(219,178,96,.7)}
.field:focus{
  outline:none;
  border-color:#e3ba63;
  box-shadow:0 0 0 3px rgba(210,162,72,.14),inset 0 1px 1px rgba(0,0,0,.45);
  background:#101116;
}

/* Buttons */
.btnx{
  min-height:42px;
  padding:10px 16px;
  border-radius:8px;
  background:linear-gradient(180deg,#815d2d,#4a301b);
  border-color:#c89c50;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.22);
  transition:transform .14s ease,filter .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.btnx:hover:not(:disabled){
  filter:brightness(1.12);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 7px 18px rgba(0,0,0,.28);
}
.btnx:active:not(:disabled){transform:translateY(0)}
.btnx.alt{
  background:linear-gradient(180deg,#2b2d32,#202126);
  border-color:#555963;
  color:#e5dfd4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#start{
  min-width:190px;
  padding-inline:22px;
}
#resetSetup{opacity:.88}

/* Player setup: use desktop space better */
#players{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin:6px 0 12px;
}
#players label{
  margin:0;
  color:#bbaa89;
}
#players .playerinput{
  width:100%;
}

/* Secondary info / notices */
.notice{
  border-radius:9px;
  padding:11px 13px;
}
.notice.good{
  background:rgba(18,57,42,.78);
  border-color:rgba(92,178,128,.55);
}
.pill{
  background:rgba(17,17,17,.45);
  border-color:rgba(184,146,79,.48);
  color:#d9c399;
}

/* Race/class pool */
#combos{
  margin-top:12px;
}
#combos details{
  margin:9px 0;
  padding:10px 11px;
  border-color:rgba(179,139,70,.34);
  background:rgba(11,12,14,.42);
  transition:border-color .15s ease,background .15s ease;
}
#combos details:hover{
  border-color:rgba(205,161,79,.5);
  background:rgba(17,17,18,.55);
}
#combos summary{
  min-height:28px;
  display:flex;
  align-items:center;
  color:#e8d09c;
}
#combos .checks{
  margin-top:8px;
}

/* Persistent utility buttons */
#grHowToBtn,
#artGalleryOpen{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background:rgba(28,24,18,.9);
  border:1px solid rgba(202,156,73,.58);
  color:#efd07d;
  border-radius:8px;
  box-shadow:0 8px 28px rgba(0,0,0,.35);
  letter-spacing:.055em;
}
#grHowToBtn{
  top:16px;
  right:18px;
  padding:9px 13px;
}
#artGalleryOpen{
  right:18px;
  bottom:18px;
  padding:10px 13px;
  font-size:11px;
}

/* Draft cards / interactive surfaces */
.option{
  border-color:rgba(184,145,75,.42);
  background:linear-gradient(180deg,rgba(27,27,29,.97),rgba(17,17,19,.97));
  box-shadow:0 7px 18px rgba(0,0,0,.18);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.option:hover:not(:disabled){
  transform:translateY(-3px);
  border-color:#e2bd69;
  box-shadow:0 12px 26px rgba(0,0,0,.3);
}
.option.active{
  box-shadow:0 0 0 2px rgba(236,198,112,.22),0 12px 28px rgba(0,0,0,.32);
}

/* How-to modal polish */
#grHowToPanel{
  border-color:rgba(192,145,61,.65);
  box-shadow:0 26px 80px rgba(0,0,0,.72);
}
.gr-flow-step{
  padding:13px 4px;
}
.gr-flow-copy p{
  color:#cec4b4;
}

/* Footer */
footer{
  color:#8f877c !important;
  letter-spacing:.02em;
}

/* Better compact desktop rhythm */
@media(min-width:900px){
  #setup > .panelx:nth-of-type(2) .cols{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Mobile / narrow */
@media(max-width:760px){
  .app{padding:18px 14px 34px}
  .panelx{padding:17px 15px}
  #players{grid-template-columns:1fr}
  .mast{padding-right:0}
  #grHowToBtn{
    position:static;
    display:block;
    width:max-content;
    margin:0 0 12px auto;
  }
  #artGalleryOpen{
    right:10px;
    bottom:10px;
  }
}


/* Extracted from <style id="gr-name-forge-style"> */
.name-forge-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:15px 17px;border:1px solid #986e34;border-left:4px solid var(--gold);border-radius:10px;background:linear-gradient(115deg,rgba(72,43,19,.92),rgba(19,20,23,.96) 58%,rgba(14,15,17,.96));box-shadow:0 10px 26px #0007}.name-forge-launcher>div{display:grid;gap:2px}.name-forge-launcher strong{font:800 22px Georgia,serif;color:#ffe0a0;letter-spacing:.05em}.name-forge-launcher small{color:#c9beaa;max-width:760px}.forge-kicker{display:block;color:#bfa36a;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.name-forge-launch-btn{white-space:nowrap}.forge-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.forge-header h2,.forge-results-heading h2,.forge-favorites-title h2{margin:3px 0 5px!important}.forge-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.forge-favorites-panel{position:sticky;top:12px}.forge-controls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.forge-controls-grid label{min-width:0}.forge-controls-grid .field{width:100%}.forge-character-preview{min-height:82px;margin:0 0 14px;padding:10px;border:1px solid #594a35;border-radius:9px;background:linear-gradient(120deg,#151515,#1a1712);display:flex;align-items:center;gap:12px}.forge-character-icons{display:flex;align-items:center;gap:7px}.forge-character-icons img{width:52px;height:52px;object-fit:contain;border:1px solid #806437;background:#101113;padding:2px}.forge-character-copy strong{display:block;color:#ffe1a1;font:800 19px Georgia,serif}.forge-character-copy small{color:#bfb39f}.forge-serious-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto 115px;align-items:center;gap:10px;margin:15px 0 8px;color:#a99d88;font-size:9px;font-weight:900;letter-spacing:.08em}.forge-serious-row input{width:100%;accent-color:#d2a64e}.forge-serious-row strong{color:#f0d59a;font-size:11px;letter-spacing:0}.forge-check{display:flex!important;align-items:center;gap:8px;margin:10px 0!important}.forge-check input{width:17px;height:17px;accent-color:#c79744}.forge-lockbar{min-height:47px;margin:12px 0;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px dashed #6d5735;border-radius:8px;background:#111214;color:#c8bda9}.forge-generate{width:100%;padding:13px 16px;font-size:15px;letter-spacing:.05em}.forge-results-heading,.forge-favorites-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.forge-results-stage{margin:14px 0;border-color:#8b6b37!important;background:linear-gradient(180deg,rgba(31,27,20,.98),rgba(13,14,16,.98))!important;box-shadow:0 14px 36px #0007,inset 0 1px 0 rgba(255,226,166,.05)}.forge-results-stage .forge-results-heading{align-items:flex-start}.forge-results-sub{margin:3px 0 0!important;max-width:760px}.forge-results-stage .forge-results{margin-top:16px}.forge-results-stage .forge-name-card{min-height:230px;display:flex;flex-direction:column;border-color:#8a6938;box-shadow:0 10px 28px #0008}.forge-results-stage .forge-card-name{padding:8px 14px 13px;font-size:clamp(25px,3vw,38px);text-align:center}.forge-results-stage .forge-card-head{text-align:center;padding-top:14px}.forge-results-stage .forge-card-meta{text-align:center;min-height:38px}.forge-results-stage .forge-card-actions{margin-top:auto}.forge-settings-note{margin:8px 0 0;color:#9f9587;font-size:10px;text-align:center}.forge-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.forge-name-card{position:relative;min-width:0;border:1px solid #765e38;border-radius:10px;overflow:hidden;background:linear-gradient(155deg,#1d1b18,#0c0d0f);box-shadow:0 8px 22px #0006}.forge-name-card::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#745025,#f0cb76,#745025)}.forge-card-head{padding:11px 12px 5px;color:#a69b87;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.forge-card-name{padding:4px 12px 10px;color:#ffe4a5;font:900 clamp(19px,2.2vw,28px)/1.08 Georgia,serif;overflow-wrap:anywhere}.forge-card-meta{min-height:42px;padding:0 12px 11px;color:#bbb09e;font-size:10px;line-height:1.4}.forge-card-actions{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #4e4437;background:#4e4437}.forge-card-actions button{border:0;padding:12px 8px;background:#191a1d;color:#ead9b7;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer}.forge-card-actions button:hover{background:#29251f;color:#ffe3a4}.forge-card-actions button.on{background:#3c321f;color:#ffd983}.forge-refine{margin-top:15px;padding-top:13px;border-top:1px solid #4b4031}.forge-refine>strong{color:#bda36d;font-size:10px;letter-spacing:.1em}.forge-refine-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.forge-refine-buttons button,.forge-text-btn{cursor:pointer;border:1px solid #64543c;background:#17181b;color:#cfc3af;border-radius:999px;padding:6px 9px;font:inherit;font-size:10px}.forge-refine-buttons button:hover,.forge-text-btn:hover{border-color:#bb9150;color:#ffe1a0}.forge-favorites{display:grid;gap:8px;margin-top:10px}.forge-fav{padding:9px;border:1px solid #4d4436;border-radius:8px;background:#121315}.forge-fav strong{display:block;color:#f3d89b;font:700 15px Georgia,serif}.forge-fav small{display:block;color:#9f9585;margin-top:2px}.forge-empty{padding:20px 8px;color:#8e8578;text-align:center;border:1px dashed #4d4437;border-radius:8px}.forge-text-btn{border-radius:6px;background:transparent}.forge-copy-toast{position:fixed;z-index:99999;right:18px;bottom:18px;padding:10px 13px;border:1px solid #c99b50;border-radius:8px;background:#17130c;color:#ffe2a6;box-shadow:0 8px 24px #000b}.name-forge-active #nameForgeLauncher{display:none!important}
@media(max-width:980px){.forge-layout{grid-template-columns:1fr}.forge-favorites-panel{position:static}.forge-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-results{grid-template-columns:1fr}.forge-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-results-stage .forge-results-heading{align-items:stretch;flex-direction:column}.forge-results-stage #forgeGenerateAgain{width:100%}.forge-results-stage .forge-name-card{min-height:0}}
@media(max-width:620px){.name-forge-launcher,.forge-header{align-items:stretch;flex-direction:column}.name-forge-launch-btn{width:100%}.forge-controls-grid{grid-template-columns:1fr}.forge-serious-row{grid-template-columns:auto 1fr auto}.forge-serious-row strong{grid-column:1/-1;text-align:center}.forge-favorites{grid-template-columns:1fr}}


/* Extracted from <style id="gr-clean-home-v4-css"> */
/* --- Clean home / tool navigation v4 --- */
#nameForgeLauncher{display:none!important}
.gr-home-view #setup,.gr-home-view #draft,.gr-home-view #nameForge,.gr-home-view #rollStage{display:none!important}
.gr-home-view #grToolNav{display:none!important}
.gr-tool-view #grHomeHub{display:none!important}
.gr-tool-view #setup .mode-panel{display:none!important}
body.name-forge-active .forge-header{display:none!important}

/* Big identity only belongs on the home screen. */
.gr-tool-view .mast{margin-bottom:8px;padding:3px 2px 7px;border-bottom-color:rgba(235,199,117,.14)}
.gr-tool-view .mast > div:first-child > .muted{display:none}
.gr-tool-view .mast h1{font-size:clamp(23px,2.4vw,30px);letter-spacing:.04em}
.gr-tool-view #modeBadge{display:none!important}

.gr-tool-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(185,145,73,.48);border-radius:10px;background:linear-gradient(110deg,rgba(29,26,22,.96),rgba(13,14,16,.96));box-shadow:0 8px 24px rgba(0,0,0,.34)}
.gr-tool-nav-copy{display:grid;gap:1px;min-width:0}
.gr-tool-kicker{color:#9f8a61;font-size:8px;font-weight:900;letter-spacing:.16em}
.gr-tool-nav strong{color:#f3d483;font:900 19px Georgia,"Times New Roman",serif;letter-spacing:.055em}
.gr-tool-nav small{color:#a99f90;font-size:10px}
.gr-home-button{flex:0 0 auto;padding:8px 12px!important;font-size:10px!important}

.gr-home-hub{margin:6px 0 18px}
.gr-home-intro{max-width:760px;margin:0 auto 22px;text-align:center;padding:12px 18px 2px}
.gr-home-kicker{display:block;margin-bottom:5px;color:#cfad67;font-size:9px;font-weight:900;letter-spacing:.18em}
.gr-home-intro h2{margin:0;color:#ffe0a0;font:900 clamp(27px,3.5vw,40px)/1.06 Georgia,"Times New Roman",serif}
.gr-home-intro p{margin:9px auto 0;max-width:680px;color:#bdb2a1;font-size:12px;line-height:1.55}
.gr-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.gr-home-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:0;overflow:hidden;text-align:left;cursor:pointer;border:1px solid #725a37;border-radius:14px;color:#efe5d2;background:linear-gradient(180deg,rgba(31,29,27,.97),rgba(12,13,15,.98));box-shadow:0 15px 34px rgba(0,0,0,.38);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.gr-home-card:hover{transform:translateY(-4px);border-color:#d4ab5d;box-shadow:0 20px 42px rgba(0,0,0,.5)}
.gr-home-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 32%)}
.gr-home-icon{height:145px;display:flex;align-items:center;justify-content:center;font-size:64px;color:#f7d78e;text-shadow:0 4px 24px #000;background:radial-gradient(circle at 50% 42%,rgba(228,172,75,.2),transparent 55%),linear-gradient(135deg,#36150e,#722b18,#1a1210)}
.gr-home-card-roster .gr-home-icon{background:radial-gradient(circle at 50% 42%,rgba(116,171,221,.18),transparent 55%),linear-gradient(135deg,#07182a,#19344e,#11151d)}
.gr-home-card-forge .gr-home-icon{background:radial-gradient(circle at 50% 42%,rgba(233,154,56,.24),transparent 55%),linear-gradient(135deg,#28120c,#54200e,#1b1210)}
.gr-home-card-copy{display:flex;flex:1;flex-direction:column;padding:17px 17px 16px}
.gr-home-card-kicker{color:#9f8b67;font-size:8px;font-weight:900;letter-spacing:.15em}
.gr-home-card strong{display:block;margin:3px 0 8px;color:#f4d688;font:900 20px Georgia,"Times New Roman",serif;letter-spacing:.035em}
.gr-home-card small{display:block;color:#c5baa8;font-size:11px;line-height:1.52}
.gr-home-card em{display:block;margin-top:auto;padding-top:18px;color:#efc76b;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.08em}

/* The selected tool should own the page. */
.gr-tool-view #setup,.gr-tool-view #draft,.gr-tool-view #nameForge{margin-top:0}
.gr-tool-view #setup > .panelx:first-of-type:not(.mode-panel){margin-top:0}
.gr-tool-view #preDraftLobby{margin-top:0}
.gr-tool-view .forge-results-stage{margin-top:0}

@media(max-width:900px){
  .gr-home-grid{grid-template-columns:1fr}
  .gr-home-card{min-height:0;display:grid;grid-template-columns:130px 1fr}
  .gr-home-icon{height:100%;min-height:180px;font-size:50px}
}
@media(max-width:620px){
  .gr-tool-nav{align-items:flex-start}
  .gr-tool-nav small{max-width:230px}
  .gr-home-card{display:flex}
  .gr-home-icon{height:95px;min-height:95px}
  .gr-home-intro{padding-left:4px;padding-right:4px}
}


/* Extracted from <style id="gr-cinematic-home-v5-css"> */
/* --- v5: cinematic landing page + quieter in-tool chrome --- */
body{position:relative;isolation:isolate}
body.gr-home-view::before,
body.gr-tool-view::before{
  content:"";
  display:block!important;
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body.gr-home-view::before{
  background:
    radial-gradient(ellipse at 50% 28%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.42) 100%),
    linear-gradient(90deg,rgba(3,4,6,.18),rgba(3,4,6,.34) 46%,rgba(3,4,6,.18));
}
body.gr-tool-view::before{
  background:rgba(5,7,9,.61);
  -webkit-backdrop-filter:blur(1.8px) saturate(.72);
  backdrop-filter:blur(1.8px) saturate(.72);
}
body > .app{position:relative;z-index:1}

/* Home branding owns the first screen. */
.gr-home-view .app{max-width:1180px;padding-top:30px}
.gr-home-view .mast{
  display:block;
  max-width:920px;
  margin:0 auto 18px;
  padding:8px 12px 17px;
  text-align:center;
  border-bottom:1px solid rgba(240,201,111,.18);
}
.gr-home-view .mast > div:first-child > .muted:first-child{
  color:#c7ac74;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.gr-home-view .mast h1{
  margin:3px 0 2px;
  color:#f8db91;
  font-size:clamp(42px,6vw,72px);
  line-height:.98;
  letter-spacing:.035em;
  text-shadow:0 4px 30px rgba(0,0,0,.72),0 0 26px rgba(219,161,59,.13);
}
.gr-home-view .mast > div:first-child > .muted:last-child{
  margin-top:7px;
  color:#ded2bf;
  font-size:13px;
  letter-spacing:.055em;
}
.gr-home-view #modeBadge{display:none!important}

.gr-home-hub{margin:0 auto 20px}
.gr-home-intro{max-width:760px;margin:0 auto 22px;padding:5px 14px 0;text-align:center}
.gr-home-kicker{margin-bottom:6px;color:#d5b365;font-size:8px;letter-spacing:.22em}
.gr-home-intro h2{color:#fff0c4;font-size:clamp(25px,3vw,34px);letter-spacing:.015em;text-shadow:0 3px 18px rgba(0,0,0,.75)}
.gr-home-intro p{margin-top:7px;color:#d1c5b3;font-size:12px;letter-spacing:.025em}

/* Mode tiles: the whole card is the button. */
.gr-home-grid{gap:18px}
.gr-home-card{
  --mode-accent:#d7a858;
  --mode-rgb:215,168,88;
  min-height:385px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(23,23,25,.96),rgba(9,10,12,.985));
  box-shadow:0 18px 50px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);
  transform:translateY(0);
  filter:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.gr-home-card-lottery{--mode-accent:#e19855;--mode-rgb:225,152,85}
.gr-home-card-roster{--mode-accent:#7aaad6;--mode-rgb:122,170,214}
.gr-home-card-forge{--mode-accent:#c18bd7;--mode-rgb:193,139,215}
.gr-home-card::before{
  content:"";
  position:absolute;
  z-index:4;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--mode-accent) 20%,var(--mode-accent) 80%,transparent);
  opacity:.82;
}
.gr-home-card::after{
  background:linear-gradient(180deg,rgba(var(--mode-rgb),.035),transparent 34%,rgba(0,0,0,.10));
}
.gr-home-card:hover{
  transform:translateY(-7px);
  border-color:rgba(var(--mode-rgb),.72);
  box-shadow:0 27px 66px rgba(0,0,0,.58),0 0 0 1px rgba(var(--mode-rgb),.13),0 0 38px rgba(var(--mode-rgb),.09);
}
.gr-home-card:focus-visible{outline:2px solid var(--mode-accent);outline-offset:4px}
.gr-home-icon{
  position:relative;
  height:185px;
  overflow:hidden;
  font-size:0;
  color:var(--mode-accent);
  background:
    radial-gradient(circle at 50% 48%,rgba(var(--mode-rgb),.20),transparent 32%),
    radial-gradient(circle at 50% 55%,rgba(var(--mode-rgb),.08),transparent 58%),
    linear-gradient(145deg,rgba(var(--mode-rgb),.13),rgba(8,9,11,.25) 55%,rgba(8,9,11,.82));
  border-bottom:1px solid rgba(255,255,255,.07);
}
.gr-home-icon::before{
  content:"";
  position:absolute;
  width:98px;height:98px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(var(--mode-rgb),.50);
  border-radius:50%;
  background:rgba(7,8,10,.52);
  box-shadow:0 0 0 9px rgba(var(--mode-rgb),.035),0 14px 35px rgba(0,0,0,.42),inset 0 0 30px rgba(var(--mode-rgb),.06);
}
.gr-home-icon::after{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-51%);
  z-index:2;
  color:var(--mode-accent);
  font-size:54px;
  line-height:1;
  text-shadow:0 7px 24px rgba(0,0,0,.76),0 0 18px rgba(var(--mode-rgb),.20);
}
.gr-home-card-lottery .gr-home-icon::after{content:"⚔"}
.gr-home-card-roster .gr-home-icon::after{content:"🛡"}
.gr-home-card-forge .gr-home-icon::after{content:"✦";font-size:63px}
.gr-home-card-copy{position:relative;z-index:3;padding:21px 22px 20px}
.gr-home-card-kicker{color:var(--mode-accent);font-size:8px;letter-spacing:.18em}
.gr-home-card strong{margin:5px 0 9px;color:#f5e3b1;font-size:22px;letter-spacing:.035em}
.gr-home-card small{color:#c9c0b3;font-size:11px;line-height:1.58}
.gr-home-card em{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.075);
  color:var(--mode-accent);
  font-size:9px;
  letter-spacing:.12em;
}
.gr-home-card:hover em{color:#fff0c4}

/* Secondary links belong under the modes, not floating over the art. */
.gr-home-secondary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto 0}
#grHomeHub .gr-home-secondary #grHowToBtn,
#grHomeHub .gr-home-secondary #artGalleryOpen{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  padding:7px 10px!important;
  border:0!important;
  background:rgba(12,13,15,.52)!important;
  color:#aa9f8d!important;
  box-shadow:none!important;
  opacity:.78;
  font-size:9px!important;
  font-weight:800;
  letter-spacing:.08em!important;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
#grHomeHub .gr-home-secondary #grHowToBtn:hover,
#grHomeHub .gr-home-secondary #artGalleryOpen:hover{opacity:1;color:#ead5a0!important;background:rgba(18,18,20,.74)!important}
.gr-tool-view #grHowToBtn,.gr-tool-view #artGalleryOpen{display:none!important}

/* Inside a tool: remove duplicate branding and make the app UI the focus. */
.gr-tool-view .mast{display:none!important}
.gr-tool-view .app{max-width:1300px;padding-top:14px}
.gr-tool-nav{
  margin:0 0 14px;
  padding:8px 4px 11px;
  border:0;
  border-bottom:1px solid rgba(221,197,148,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.gr-tool-kicker{color:#8e8374;font-size:7px;letter-spacing:.19em}
.gr-tool-nav strong{color:#f1d58c;font-size:20px;letter-spacing:.045em}
.gr-tool-nav small{color:#968e82;font-size:9px}
.gr-home-button{
  padding:7px 10px!important;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(13,14,16,.72)!important;
  color:#c8bda9!important;
  box-shadow:none!important;
}
.gr-home-button:hover{border-color:rgba(240,205,129,.32)!important;color:#f0d694!important}

/* Quieter surfaces: gold is reserved for actions/selection, not every rectangle. */
.gr-tool-view .panelx{
  border-color:rgba(200,190,170,.18);
  background:linear-gradient(145deg,rgba(25,24,24,.93),rgba(12,13,15,.96));
  box-shadow:0 13px 34px rgba(0,0,0,.32);
}
.gr-tool-view .panelx h2{color:#e7cb82}
.gr-tool-view .btnx.alt{
  background:linear-gradient(180deg,rgba(39,40,44,.96),rgba(23,24,28,.98));
  border-color:rgba(255,255,255,.14);
  color:#d9d1c4;
  box-shadow:none;
}
.gr-tool-view .field,
.gr-tool-view input,
.gr-tool-view select,
.gr-tool-view textarea{border-color:rgba(209,194,164,.25)}
.gr-tool-view #preDraftLobby{border-color:rgba(222,185,102,.35)}

.gr-home-view footer{text-align:center;opacity:.58}

@media(max-width:900px){
  .gr-home-view .app{padding-top:20px}
  .gr-home-grid{gap:12px}
  .gr-home-card{min-height:0;grid-template-columns:150px 1fr}
  .gr-home-icon{height:100%;min-height:195px}
  .gr-home-card-copy{padding:18px}
}
@media(max-width:620px){
  .gr-home-view .mast h1{font-size:42px}
  .gr-home-intro h2{font-size:25px}
  .gr-home-card{display:flex}
  .gr-home-icon{height:118px;min-height:118px}
  .gr-home-icon::before{width:72px;height:72px}
  .gr-home-icon::after{font-size:39px}
  .gr-home-card-forge .gr-home-icon::after{font-size:45px}
  .gr-home-card strong{font-size:20px}
  .gr-tool-nav{gap:10px}
  .gr-tool-nav small{display:none}
}


/* Extracted from <style id="gr-clean-home-v8-css"> */
/* v8: remove duplicate homepage copy and make the three tools the whole point. */
.gr-home-view .app{max-width:1240px;padding-top:34px}
.gr-home-view .mast{max-width:940px;margin:0 auto 24px;padding:10px 12px 21px}
.gr-home-view .gr-home-eyebrow{display:none!important}
.gr-home-view .mast h1{
  margin:0;
  font-size:clamp(48px,6.6vw,78px);
  letter-spacing:.035em;
}
.gr-home-view .gr-home-tagline{
  margin-top:9px!important;
  color:#e1d6c5!important;
  font-size:14px!important;
  letter-spacing:.045em!important;
}
.gr-home-intro{display:none!important}
.gr-home-hub{margin-top:0}
.gr-home-grid{gap:18px;align-items:stretch}
.gr-home-card{
  min-height:420px;
  text-align:left;
  overflow:hidden;
}
.gr-home-icon{height:138px}
.gr-home-icon::before{width:82px;height:82px}
.gr-home-icon::after{font-size:45px}
.gr-home-card-forge .gr-home-icon::after{font-size:52px}
.gr-home-card-copy{
  min-height:282px;
  padding:22px 23px 21px;
  display:flex;
  flex-direction:column;
}
.gr-home-card-kicker{
  margin:0 0 8px;
  color:var(--mode-accent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.gr-home-card strong{
  display:block;
  margin:0 0 11px;
  color:#f6e5b7;
  font:800 21px/1.22 Georgia,"Times New Roman",serif;
  letter-spacing:.01em;
  text-transform:none;
}
.gr-home-card small{
  display:block;
  min-height:74px;
  color:#c8bfb2;
  font-size:11px;
  line-height:1.62;
}
.gr-home-features{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:14px 0 16px;
}
.gr-home-features span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border:1px solid rgba(var(--mode-rgb),.26);
  border-radius:999px;
  background:rgba(var(--mode-rgb),.055);
  color:#bfb5a6;
  font-size:8px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.gr-home-card em{
  margin-top:auto;
  padding-top:15px;
  font-size:9px;
  font-weight:900;
}
.gr-home-secondary{margin-top:15px;gap:8px}
#grHomeHub .gr-home-secondary #grHowToBtn,
#grHomeHub .gr-home-secondary #artGalleryOpen{
  padding:6px 9px!important;
  opacity:.64;
  font-size:8px!important;
}
.gr-home-view .site-footer{
  margin:26px auto 0!important;
  padding:15px 12px 7px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  opacity:.46!important;
}
.gr-home-view .site-footer-inner{max-width:900px}
.gr-home-view .site-footer-legal{
  margin:0!important;
  max-width:none!important;
  color:#8f877b!important;
  font-size:9px!important;
  line-height:1.45!important;
}
@media(min-width:901px){
  .gr-home-view::before{
    background:
      radial-gradient(ellipse at 50% 38%,rgba(2,3,5,.12) 0%,rgba(2,3,5,.26) 43%,rgba(2,3,5,.48) 100%),
      linear-gradient(90deg,rgba(3,4,6,.19),rgba(3,4,6,.39) 46%,rgba(3,4,6,.19));
  }
}
@media(max-width:900px){
  .gr-home-card{min-height:0;grid-template-columns:135px 1fr}
  .gr-home-icon{height:100%;min-height:230px}
  .gr-home-card-copy{min-height:230px;padding:19px}
  .gr-home-card small{min-height:0}
}
@media(max-width:620px){
  .gr-home-view .app{padding-top:22px}
  .gr-home-view .mast{margin-bottom:18px;padding-bottom:16px}
  .gr-home-view .mast h1{font-size:43px}
  .gr-home-view .gr-home-tagline{font-size:12px!important}
  .gr-home-card{display:flex;min-height:0}
  .gr-home-icon{height:104px;min-height:104px}
  .gr-home-card-copy{min-height:0;padding:17px}
  .gr-home-card strong{font-size:19px}
  .gr-home-features{margin:11px 0 13px}
}


/* Extracted from <style id="gr-name-forge-v2-css"> */
.forge-direction-v2{overflow:hidden}
.forge-direction-help{margin:-2px 0 14px;color:#b8ad9a;font-size:11px;line-height:1.5}
.forge-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.forge-mode-btn{position:relative;min-height:112px;padding:15px 12px;border:1px solid #65543d;border-radius:10px;background:linear-gradient(155deg,#17181b,#101113);color:#d9cfbd;text-align:left;cursor:pointer;transition:.15s ease;box-shadow:inset 0 1px 0 #ffffff08}
.forge-mode-btn:hover{border-color:#a77d3d;transform:translateY(-1px)}
.forge-mode-btn.active{border-color:#e2b65c;background:linear-gradient(155deg,#352718,#171613);box-shadow:0 0 0 1px #8b652d66,inset 0 1px 0 #ffe2a522}
.forge-mode-icon{display:block;margin-bottom:7px;font-size:21px}
.forge-mode-btn strong{display:block;color:#ffe0a0;font:900 16px Georgia,serif;letter-spacing:.06em}
.forge-mode-btn small{display:block;margin-top:5px;color:#aFA38f;font-size:10px;line-height:1.4}
.forge-mode-btn.active small{color:#d1c1a7}
.forge-simple-options{display:grid;gap:9px;margin:8px 0 13px}
.forge-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #524737;border-radius:9px;background:#111214;transition:.15s ease}
.forge-toggle-row.mode-disabled{opacity:.46;background:#0d0e10;border-color:#35312b}
.forge-toggle-row.mode-disabled .forge-toggle-copy strong{color:#8e877c}
.forge-toggle-row.mode-disabled .forge-toggle-copy small{color:#746f67}
.forge-mode-only{display:inline-block;margin-left:7px;padding:2px 6px;border:1px solid #65553f;border-radius:999px;color:#b6a98f;font-size:8px;font-weight:800;letter-spacing:.06em;vertical-align:1px}
.forge-toggle-row:not(.mode-disabled) .forge-mode-only{color:#e8c978;border-color:#8a6735;background:#211a10}
.forge-toggle-copy strong{display:block;color:#e9d39f;font-size:12px;letter-spacing:.03em}
.forge-toggle-copy small{display:block;margin-top:3px;color:#9f9585;font-size:10px;line-height:1.4}
.forge-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;width:50px;height:26px}
.forge-switch input{position:absolute;opacity:0;pointer-events:none}
.forge-switch-track{position:absolute;inset:0;border:1px solid #65553f;border-radius:999px;background:#252527;transition:.15s ease}
.forge-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8b8172;transition:.15s ease}
.forge-switch input:checked + .forge-switch-track{border-color:#c99b50;background:#4a3518}
.forge-switch input:checked + .forge-switch-track::after{left:27px;background:#f1ca73}
.forge-switch input:disabled + .forge-switch-track{opacity:.38;cursor:not-allowed}
.forge-blizzard-note{margin:0 0 12px;padding:8px 10px;border-left:3px solid #8a6735;background:#131313;color:#968c7d;font-size:9px;line-height:1.45}
.forge-mode-summary{margin:10px 0 0;padding:9px 11px;border:1px solid #564832;border-radius:8px;background:#111214;color:#c8bda9;font-size:10px;line-height:1.45}.forge-mode-summary b{color:#f0d59a}
@media(max-width:720px){.forge-character-grid{grid-template-columns:1fr!important}.forge-mode-grid{grid-template-columns:1fr}.forge-mode-btn{min-height:0}.forge-toggle-row{align-items:flex-start}}


/* Extracted from <style id="skyborne-portrait-upgrade-css"> */
.portraitx.skyborne-upgraded{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}


/* Extracted from <style id="gallery-style"> */
#artGalleryOpen{position:fixed;right:18px;bottom:18px;z-index:9000;background:#302719;color:#ffe2a0;border:1px solid #bd914b;border-radius:9px;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 4px 24px #000a}
#artGallery{display:none;position:fixed;inset:0;z-index:9001;overflow:auto;background:#10100fee;color:#f6e6c1;padding:24px;font-family:Georgia,serif}
#artGallery.active{display:block}#artGallery .galleryInner{max-width:1450px;margin:auto}#artGallery h1{color:#ffe0a0;margin:0 0 9px}#artGallery .controls{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}#artGallery button{background:#282725;color:#f9dda1;border:1px solid #987541;border-radius:6px;padding:10px 14px;cursor:pointer}#artGallery button.active{background:#66502c}#artGallery .galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}#artGallery .galleryCard{border:1px solid #8a6936;background:#171614;padding:5px;text-align:center;min-width:0}#artGallery .galleryCard .portraitx{height:155px;width:100%;margin:0 auto 8px;background-repeat:no-repeat}#artGallery .galleryCard strong{display:block;font:700 15px Georgia;color:#ffe2a1}#artGallery .galleryCard small{display:block;color:#cbbd9e;font:12px Arial;margin:5px 0}#artGallery .galleryGroup{margin:28px 0 12px;color:#ffdc91;border-bottom:1px solid #6b512e;padding-bottom:7px}


/* Extracted from <style id="creation-icon-redesign-css"> */
.portraitx.creation-icons {
    background:none!important; display:flex!important; align-items:center; justify-content:center;
    gap:14px; min-height:132px; padding:18px 10px; position:relative; overflow:hidden;
  }
  .creation-race-wrap,.creation-class-wrap { position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; }
  .creation-race-icon { width:82px; height:82px; object-fit:contain; image-rendering:auto; border:1px solid #8c6a32; background:#151310; box-shadow:0 0 18px #000 inset,0 0 8px #000; }
  .creation-class-icon { width:66px; height:66px; object-fit:contain; image-rendering:auto; border:1px solid #8c6a32; background:#151310; box-shadow:0 0 18px #000 inset,0 0 8px #000; }
  .creation-plus { color:#f3d483; font:bold 22px Georgia,serif; opacity:.85; }
  .creation-mini-label { font-size:9px; letter-spacing:.07em; color:#cdbb94; text-transform:uppercase; }
  .settings-race-icon { width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:9px;border:1px solid #72592e;background:#17130f; }
  .settings-class-icon { width:27px;height:27px;object-fit:contain;vertical-align:middle;margin-right:7px; }
  #combos details summary { display:flex;align-items:center;gap:6px; }
  #combos .checks label { display:flex!important;align-items:center;min-height:38px;gap:3px; }
  #combos .checks input { flex:0 0 auto; }
  .pick-combo-icons { display:inline-flex;align-items:center;gap:4px;margin-right:7px;vertical-align:middle; }
  .pick-combo-icons img { width:22px;height:22px;object-fit:contain;border:1px solid #66502e;background:#151310; }
  @media(max-width:700px) {
    .creation-race-icon{width:66px;height:66px} .creation-class-icon{width:54px;height:54px}
    .portraitx.creation-icons{min-height:112px;gap:9px}
  }


/* Extracted from <style id="gr-icon-layout-v2"> */
/* V2: compact, non-overlapping icon card layout */
.portraitx.creation-icons {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:116px!important;
  min-height:116px!important;
  padding:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#191816,#10100f)!important;
  border-bottom:2px solid var(--class-color,#8c6a32)!important;
}
.creation-race-wrap {
  width:78px!important;height:78px!important;position:relative!important;
  display:block!important;flex:0 0 78px!important;
}
.creation-race-icon {
  box-sizing:border-box!important;
  width:78px!important;height:78px!important;
  margin:0!important;display:block!important;object-fit:cover!important;
  border:2px solid var(--class-color,#8c6a32)!important;
  box-shadow:0 0 0 2px #111,0 0 13px color-mix(in srgb,var(--class-color,#8c6a32) 35%,transparent)!important;
  image-rendering:auto!important;
}
.creation-class-wrap {
  position:absolute!important;right:10px!important;bottom:8px!important;
  width:42px!important;height:42px!important;display:block!important;
}
.creation-class-icon {
  box-sizing:border-box!important;
  width:42px!important;height:42px!important;margin:0!important;
  object-fit:cover!important;display:block!important;
  border:2px solid var(--class-color,#8c6a32)!important;
  box-shadow:0 0 0 2px #0b0b0b,0 2px 8px #000!important;
  image-rendering:auto!important;
}
.creation-plus,.creation-mini-label {display:none!important}

/* Class-colored identity without overpowering the existing gold/black theme */
.gr-class-card {
  --class-color:#d7b56d;
  border-color:color-mix(in srgb,var(--class-color) 72%,#5c4725)!important;
  box-shadow:inset 0 3px 0 color-mix(in srgb,var(--class-color) 55%,transparent)!important;
}
.gr-class-card .combo-title,
.gr-class-card .option-title,
.gr-class-card b {
  color:var(--class-color)!important;
}
.gr-class-chip {
  color:var(--class-color)!important;
  border:1px solid color-mix(in srgb,var(--class-color) 60%,#4c402c)!important;
  background:color-mix(in srgb,var(--class-color) 10%,#111)!important;
}

/* Settings icons: crisp, compact, and class-colored */
#combos .checks label {
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-left:3px solid var(--class-color,#66502e)!important;
  padding:5px 7px!important;
  border-radius:3px!important;
}
.settings-race-icon {
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  object-fit:cover!important;margin-right:7px!important;
}
.settings-class-icon {
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  object-fit:cover!important;margin:0 5px 0 2px!important;
  border:1px solid var(--class-color,#66502e)!important;
}

/* Keep all card content inside its own grid cell */
.poolCard,.option,.card,.char-card {
  min-width:0!important;overflow:hidden!important;
}
@media(max-width:700px){
 .portraitx.creation-icons{height:102px!important;min-height:102px!important}
 .creation-race-wrap,.creation-race-icon{width:68px!important;height:68px!important}
 .creation-race-wrap{flex-basis:68px!important}
 .creation-class-wrap,.creation-class-icon{width:38px!important;height:38px!important}
}


/* Extracted from <style id="gr-icon-fix-v3"> */
.creation-class-wrap{
  width:38px!important;height:38px!important;
  right:8px!important;bottom:8px!important;
  overflow:hidden!important;background:#111!important;
  border-radius:2px!important;
}
.creation-class-icon{
  width:38px!important;height:38px!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;
}
.settings-class-icon{
  width:26px!important;height:26px!important;
  object-fit:cover!important;object-position:center!important;
}
.pick-combo-icons img:last-child{
  object-fit:cover!important;object-position:center!important;
}


/* Extracted from <style id="gr-settings-clarity-v4"> */
/* Make each class option read like a real selectable tile. */
#combos .checks{
  gap:8px!important;
}
#combos .checks label{
  position:relative!important;
  min-height:54px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border:1px solid color-mix(in srgb,var(--class-color,#8c6a32) 55%,#4b4234)!important;
  border-left:5px solid var(--class-color,#8c6a32)!important;
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--class-color,#8c6a32) 14%,#181818),
    #181818 48%)!important;
  cursor:pointer!important;
  transition:filter .12s ease,opacity .12s ease,box-shadow .12s ease!important;
  overflow:hidden!important;
}
#combos .checks label:hover{
  filter:brightness(1.14)!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--class-color,#8c6a32) 25%,transparent)!important;
}
#combos .checks label .settings-class-icon{
  display:block!important;
  width:34px!important;height:34px!important;
  flex:0 0 34px!important;
  border:2px solid var(--class-color,#8c6a32)!important;
  box-shadow:0 0 0 1px #090909!important;
}
#combos .checks label .gr-setting-class-name{
  display:block!important;
  font-weight:800!important;
  font-size:12px!important;
  color:var(--class-color,#f1d48a)!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
#combos .checks label input.combo{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:20px!important;height:20px!important;
  flex:0 0 20px!important;
  margin-left:auto!important;
  border:2px solid #81745f!important;
  border-radius:4px!important;
  background:#0d0e10!important;
  display:grid!important;
  place-content:center!important;
  cursor:pointer!important;
}
#combos .checks label input.combo:checked{
  border-color:var(--class-color,#e6c46f)!important;
  background:var(--class-color,#e6c46f)!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--class-color,#e6c46f) 45%,transparent)!important;
}
#combos .checks label input.combo:checked:after{
  content:"✓";
  color:#101010;
  font-weight:1000;
  font-size:15px;
  line-height:1;
}
#combos .checks label:has(input.combo:not(:checked)){
  opacity:.48!important;
  filter:saturate(.45)!important;
  background:#131313!important;
  border-left-color:#4c4c4c!important;
}
#combos .checks label:has(input.combo:not(:checked)) .settings-class-icon{
  filter:grayscale(.65)!important;
  border-color:#555!important;
}
#combos .checks label:has(input.combo:not(:checked)) .gr-setting-class-name{
  color:#918b81!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1px!important;
}


/* Extracted from <style id="gr-settings-dedupe-v5"> */
#combos .checks label{
  font-size:0!important; /* suppress legacy class text node */
}
#combos .checks label .gr-setting-class-name{
  font-size:12px!important; /* keep the intentional single class label */
}


/* Extracted from <style id="gr-race-crisp-final"> */
.creation-race-wrap{
  width:78px!important;height:78px!important;
  flex:0 0 78px!important;
  display:grid!important;
  place-items:center!important;
  background:#0b0b0b!important;
  border:1px solid color-mix(in srgb,var(--class-color,#8c6a32) 60%,#29231b)!important;
  box-shadow:inset 0 0 10px #000!important;
  overflow:hidden!important;
}
.creation-race-icon{
  width:68px!important;height:68px!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
  border:2px solid var(--class-color,#8c6a32)!important;
  box-shadow:0 0 0 1px #050505!important;
}
/* On high-DPI displays, prevent browser smoothing from making the small
   source portrait look excessively soft. */
@media (min-resolution: 1.5dppx){
  .creation-race-icon{ image-rendering:-webkit-optimize-contrast!important; }
}


/* Extracted from <style id="gr-how-to-play-css"> */
#grHowToBtn{
  position:fixed; top:14px; right:18px; z-index:9996;
  padding:10px 15px; border:1px solid #a77b32; border-radius:7px;
  background:linear-gradient(#292621,#171613); color:#f4d477;
  font:800 12px Georgia,serif; letter-spacing:.07em; cursor:pointer;
  box-shadow:0 2px 12px #0008;
}
#grHowToBtn:hover{filter:brightness(1.15)}
#grHowToOverlay{
  position:fixed; inset:0; z-index:9998; display:none;
  align-items:center; justify-content:center; padding:24px;
  background:rgba(0,0,0,.80); backdrop-filter:blur(3px);
}
#grHowToOverlay.open{display:flex}
#grHowToPanel{
  width:min(760px,94vw); max-height:90vh; overflow:auto;
  box-sizing:border-box; position:relative;
  background:linear-gradient(180deg,#201e1a,#10100f 75%);
  border:1px solid #9b7436; border-radius:12px; padding:28px 32px 24px;
  color:#e9dfca; box-shadow:0 20px 70px #000;
}
#grHowToPanel h2{
  margin:0; color:#f2cb65; font:900 29px Georgia,serif;
  letter-spacing:.035em;
}
#grHowToPanel .gr-sub{margin:6px 0 22px;color:#c9b994;font-size:13px}
#grHowToClose{
  position:absolute; right:15px; top:12px; width:36px; height:36px;
  border:1px solid #665333; border-radius:6px; background:#171613;
  color:#f2cb65; font-size:22px; cursor:pointer;
}
.gr-flow{display:flex;flex-direction:column;gap:0}
.gr-flow-step{
  display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start;
  padding:11px 4px;
}
.gr-flow-step + .gr-flow-step{border-top:1px solid #3e3526}
.gr-flow-num{
  display:grid; place-items:center; width:34px; height:34px;
  border-radius:50%; background:#a97b2e; color:#111;
  font:bold 15px Arial,sans-serif; box-shadow:0 0 0 3px #2c2519;
}
.gr-flow-copy h3{
  margin:1px 0 3px; color:#f1d17b; font-size:14px;
  text-transform:uppercase; letter-spacing:.045em;
}
.gr-flow-copy p{margin:0;color:#d2c8b7;font-size:13px;line-height:1.42}
.gr-spin-note{
  margin:14px 0 0; padding:11px 13px; border:1px solid #815f29;
  background:#201a10; border-radius:7px; color:#d9cdb8;
  font-size:12px; line-height:1.45;
}
.gr-guide-loop{
  margin-top:16px; padding:13px 8px; text-align:center;
  border-top:1px solid #604b29; border-bottom:1px solid #604b29;
  color:#f5d471; font:900 14px Georgia,serif; letter-spacing:.045em;
}
.gr-guide-tip{margin:10px 0 0;color:#9f9584;font-size:11px;text-align:center}
@media(max-width:700px){
  #grHowToBtn{top:8px;right:8px;padding:8px 10px}
  #grHowToPanel{padding:22px 16px}
}


/* Extracted from <style id="gr-current-drafter-v7"> */
/* Make the person whose turn it is unmistakable */
#turnLabel{
  margin-top:6px;
  color:#d2c4ad!important;
  font-size:13px;
}
#turnLabel .turn-kicker{
  display:inline-block;
  margin-right:8px;
  color:#a99b84;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#turnLabel .turn-player{
  color:#ffd76f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:900;
  letter-spacing:.02em;
  text-shadow:0 0 15px rgba(227,177,73,.18);
}
#turnLabel .turn-count{
  margin-left:9px;
  color:#a99d8c;
  font-size:12px;
}

/* On-the-clock banner: player name first, clock second */
#pickTimerDisplay.gr-active-clock{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 16px!important;
  background:linear-gradient(90deg,rgba(122,84,24,.78),rgba(75,52,18,.72));
  border:1px solid #b88736;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 20px rgba(0,0,0,.18);
}
#pickTimerDisplay .clock-player-wrap{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}
#pickTimerDisplay .clock-kicker{
  color:#dec58e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
#pickTimerDisplay .clock-player{
  color:#fff0bd;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:900;
  letter-spacing:.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#pickTimerDisplay .clock-time{
  color:#fff7df;
  font-size:17px;
  font-weight:900;
  white-space:nowrap;
}
#pickTimerDisplay .clock-time.urgent{
  color:#ff8077;
  text-shadow:0 0 12px rgba(255,80,70,.25);
}

/* Draft board: hierarchy for names, especially the active player */
#roster .pick{
  position:relative;
  min-height:47px;
  padding:9px 11px;
  border:1px solid rgba(185,145,73,.32);
  border-radius:8px;
  background:rgba(14,14,14,.46);
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
#roster .pick + .pick{margin-top:7px}
#roster .pick > span:first-child{
  color:#ded5c6;
  font-size:14px;
  font-weight:800;
}
#roster .pick > span:last-child{
  color:#a99e8e;
}
#roster .pick.active{
  padding:11px 12px 11px 15px;
  border:1px solid #e0ae4e;
  background:
    linear-gradient(90deg,rgba(112,74,21,.72),rgba(49,36,19,.78) 62%,rgba(18,18,18,.7));
  box-shadow:
    0 0 0 1px rgba(235,188,88,.12),
    0 8px 24px rgba(0,0,0,.26),
    inset 4px 0 0 #f0bf58;
  transform:translateX(2px);
}
#roster .pick.active > span:first-child{
  color:#ffe39a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:900;
  text-shadow:0 0 13px rgba(240,191,88,.18);
}
#roster .pick.active > span:last-child{
  color:#f3d890;
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#roster .pick.active::after{
  content:"ON THE CLOCK";
  position:absolute;
  right:10px;
  top:-9px;
  padding:2px 7px;
  border:1px solid #c99239;
  border-radius:999px;
  background:#17130c;
  color:#eec86e;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}

/* Tie the choices directly to the current player */
#offerTitle .offer-player{
  color:#ffe091;
}
#offerTitle .offer-sep{
  color:#7f725f;
  padding:0 7px;
}

@media(max-width:700px){
  #pickTimerDisplay.gr-active-clock{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  #pickTimerDisplay .clock-player{font-size:19px}
  #roster .pick.active::after{display:none}
}


/* Extracted from <style id="gr-draft-board-status-v8"> */
/* Clear player-state badges for the left draft board */
#unifiedOrder .unified-order-row.draft-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:8px;
  transition:all .15s ease;
}
#unifiedOrder .draft-order-name{
  color:#f0e6cf;
  font-size:15px;
  font-weight:800;
}
#unifiedOrder .draft-order-rank{
  color:#9f947f;
  margin-right:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
#unifiedOrder .board-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  min-width:108px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  border:1px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#unifiedOrder .unified-order-row.draft-state.waiting{
  border-color:rgba(115,115,125,.55);
  background:rgba(22,24,31,.55);
}
#unifiedOrder .unified-order-row.draft-state.waiting .board-status{
  color:#d3d0c8;
  background:rgba(118,121,132,.18);
  border-color:rgba(157,162,175,.38);
}
#unifiedOrder .unified-order-row.draft-state.active{
  border-color:#d6a245;
  background:linear-gradient(90deg,rgba(108,73,22,.72),rgba(40,30,18,.78));
  box-shadow:0 0 0 1px rgba(235,188,88,.08), inset 4px 0 0 #f0bf58;
  transform:translateX(2px);
}
#unifiedOrder .unified-order-row.draft-state.active .draft-order-name{
  color:#ffe8a9;
}
#unifiedOrder .unified-order-row.draft-state.active .board-status{
  color:#fff2c7;
  background:rgba(234,183,72,.18);
  border-color:rgba(234,183,72,.55);
}
#unifiedOrder .unified-order-row.draft-state.drafted{
  border-color:rgba(61,166,88,.55);
  background:linear-gradient(90deg,rgba(22,62,30,.78),rgba(16,28,20,.7));
  box-shadow:inset 4px 0 0 #47c96f;
}
#unifiedOrder .unified-order-row.draft-state.drafted .draft-order-name{
  color:#dff9e6;
}
#unifiedOrder .unified-order-row.draft-state.drafted .board-status{
  color:#dffff0;
  background:rgba(68,191,102,.16);
  border-color:rgba(93,214,126,.54);
}


/* Extracted from <style id="gr-draft-board-status-v9"> */
/* V9: clear player-state hierarchy in the left Draft Board */
#unifiedOrder .unified-order-row.gr-player-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:8px;
  min-height:42px;
}
#unifiedOrder .gr-player-name{
  color:#eee5d3;
  font-size:14px;
  font-weight:850;
}
#unifiedOrder .gr-player-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:5px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.085em;
  text-transform:uppercase;
  border:1px solid transparent;
}
#unifiedOrder .gr-player-state.waiting{
  border-color:rgba(113,119,130,.55);
  background:rgba(22,24,30,.58);
}
#unifiedOrder .gr-player-state.waiting .gr-player-status{
  color:#d0cdc5;
  background:rgba(120,125,135,.17);
  border-color:rgba(160,165,176,.35);
}
#unifiedOrder .gr-player-state.onclock{
  border-color:#dda943;
  background:linear-gradient(90deg,rgba(110,75,23,.80),rgba(46,34,19,.82));
  box-shadow:inset 4px 0 0 #f1bd55, 0 5px 18px rgba(0,0,0,.20);
}
#unifiedOrder .gr-player-state.onclock .gr-player-name{
  color:#ffe8a7;
  font-size:16px;
}
#unifiedOrder .gr-player-state.onclock .gr-player-status{
  color:#fff0bb;
  background:rgba(231,177,65,.18);
  border-color:rgba(231,177,65,.60);
}
#unifiedOrder .gr-player-state.drafted{
  border-color:rgba(69,190,104,.58);
  background:linear-gradient(90deg,rgba(23,72,35,.82),rgba(16,33,21,.76));
  box-shadow:inset 4px 0 0 #48d074;
}
#unifiedOrder .gr-player-state.drafted .gr-player-name{
  color:#e0fae7;
}
#unifiedOrder .gr-player-state.drafted .gr-player-status{
  color:#dcffe6;
  background:rgba(70,201,109,.16);
  border-color:rgba(92,220,130,.58);
}


/* Extracted from <style id="gr-hero-art-integration"> */
#offers{gap:12px!important;align-items:stretch}
#offers .option.gr-hero-option{--class-color:#c99743;position:relative;display:flex;flex-direction:column;min-height:420px;padding:0!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--class-color) 65%,#5a482d)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(24,24,26,.98),rgba(10,11,13,.99))!important;box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);text-align:center!important;isolation:isolate}
#offers .option.gr-hero-option::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--class-color) 24%,transparent),transparent 48%),linear-gradient(180deg,transparent 56%,rgba(0,0,0,.45));pointer-events:none}
#offers .option.gr-hero-option:hover:not(:disabled){transform:translateY(-4px)!important;border-color:var(--class-color)!important;box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 0 1px color-mix(in srgb,var(--class-color) 30%,transparent),0 0 24px color-mix(in srgb,var(--class-color) 16%,transparent)}
#offers .option.gr-hero-option.active{transform:translateY(-4px) scale(1.012);border-color:var(--class-color)!important;box-shadow:0 18px 38px rgba(0,0,0,.42),0 0 0 2px color-mix(in srgb,var(--class-color) 45%,transparent),0 0 30px color-mix(in srgb,var(--class-color) 24%,transparent)!important}
.gr-choice-topline{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 7px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,9,11,.44)}
.gr-choice-number{color:#bbb09d;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.gr-choice-class-tag{display:inline-flex;align-items:center;gap:6px;color:var(--class-color);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.gr-choice-class-tag img{width:20px;height:20px;object-fit:contain;border:1px solid color-mix(in srgb,var(--class-color) 70%,#282828);background:#101113}
.gr-choice-art{position:relative;min-height:305px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid var(--class-color);background:#0c0d10}
.gr-real-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(1.04) contrast(1.03)}
.gr-real-hero-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03) 34%,rgba(0,0,0,.16) 74%,rgba(0,0,0,.72) 100%),radial-gradient(circle at 50% 42%,transparent 38%,rgba(0,0,0,.18) 84%)}
.gr-choice-race-frame{position:relative;z-index:2;width:120px;height:120px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--class-color) 70%,#8a6c3d);outline:1px solid rgba(0,0,0,.85);outline-offset:4px;background:#111;box-shadow:0 14px 35px rgba(0,0,0,.55),0 0 25px color-mix(in srgb,var(--class-color) 12%,transparent)}
.gr-choice-race-frame img{width:112px;height:112px;object-fit:contain;image-rendering:auto}
.gr-choice-class-medallion{position:absolute;z-index:5;right:14px;bottom:13px;width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--class-color);background:#0d0e10;box-shadow:0 7px 18px rgba(0,0,0,.52),0 0 16px color-mix(in srgb,var(--class-color) 20%,transparent)}
.gr-choice-class-medallion img{width:48px;height:48px;object-fit:contain}
.gr-choice-race-name{position:absolute;z-index:5;left:12px;bottom:12px;padding:4px 7px;border:1px solid rgba(222,192,131,.24);background:rgba(8,8,8,.76);color:#dbc99f;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.gr-choice-copy{display:flex;flex:1;flex-direction:column;align-items:center;padding:13px 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 7%,#111214),#0a0b0d 60%)}
.gr-choice-name{margin:0!important;color:#ffe7aa!important;font-family:Georgia,"Times New Roman",serif;font-size:17px!important;font-weight:900;letter-spacing:.035em;line-height:1.15;text-transform:uppercase}
.gr-choice-specs{min-height:35px;margin-top:7px;color:#beb4a4;font-size:11px;line-height:1.35}
.gr-choice-role{margin-top:9px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--class-color) 38%,#5b4b32);border-radius:999px;background:color-mix(in srgb,var(--class-color) 8%,rgba(10,10,10,.8));color:#e8ddca;font-size:9px;font-weight:800;letter-spacing:.06em}
.gr-choice-cta{width:100%;margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.06);color:#cfc5b6;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.gr-hero-option.active .gr-choice-cta{color:#fff0bd}
.gr-hero-option.active .gr-choice-cta::before{content:"✓ CURRENT SELECTION · ";color:var(--class-color)}
.gr-art-source-badge{position:absolute;z-index:6;top:12px;left:12px;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,220,145,.35);background:rgba(6,7,9,.72);color:#e7d3a2;font-size:8px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
@media(max-width:1000px){#offers .option.gr-hero-option{min-height:390px!important}.gr-choice-art{min-height:275px!important}.gr-choice-race-frame{width:102px;height:102px}.gr-choice-race-frame img{width:96px;height:96px}}
@media(max-width:650px){#offers{grid-template-columns:1fr!important}#offers .option.gr-hero-option{min-height:330px}}


/* Extracted from <style id="gr-gallery-modal-v6-css"> */
#artGallery{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  padding:28px!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(4,5,7,.82)!important;
  -webkit-backdrop-filter:blur(8px) saturate(.72)!important;
  backdrop-filter:blur(8px) saturate(.72)!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
}
#artGallery.active{display:flex!important}
#artGallery .gallery-modal-panel{
  position:relative;
  width:min(1180px,94vw);
  max-height:86vh;
  overflow:hidden;
  border:1px solid rgba(201,155,80,.82);
  border-radius:12px;
  background:linear-gradient(155deg,rgba(31,29,26,.985),rgba(12,13,15,.99) 68%);
  box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,224,160,.035) inset;
}
#artGallery .galleryInner{
  max-width:none!important;
  width:100%;
  max-height:86vh;
  margin:0!important;
  padding:25px 27px 28px!important;
  overflow:auto;
  scrollbar-color:#7f6438 #151515;
  scrollbar-width:thin;
}
#artGallery .galleryInner::-webkit-scrollbar{width:9px}
#artGallery .galleryInner::-webkit-scrollbar-track{background:#151515}
#artGallery .galleryInner::-webkit-scrollbar-thumb{background:#745a32;border-radius:999px;border:2px solid #151515}
#artGallery h1{
  margin:0 56px 7px 0!important;
  color:#f1d27d!important;
  font:800 27px/1.05 Georgia,"Times New Roman",serif!important;
  letter-spacing:.03em;
}
#artGallery .galleryInner>p{
  max-width:900px;
  margin:0 55px 17px 0;
  color:#b9afa0;
  font-size:11px;
  line-height:1.55;
}
#artGallery .controls{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0 0 19px!important;
  padding:0 0 15px;
  border-bottom:1px solid rgba(213,185,124,.17);
}
#artGallery .controls button[data-side]{
  background:rgba(35,34,32,.92)!important;
  color:#bdb3a2!important;
  border:1px solid rgba(218,190,130,.22)!important;
  border-radius:6px!important;
  padding:7px 11px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.06em;
  box-shadow:none!important;
}
#artGallery .controls button[data-side]:hover{
  color:#f0d797!important;
  border-color:rgba(218,181,101,.48)!important;
  background:rgba(47,42,33,.94)!important;
}
#artGallery .controls button[data-side].active{
  color:#17120a!important;
  border-color:#e1b858!important;
  background:linear-gradient(180deg,#e2ba60,#a97929)!important;
}
#artGalleryClose{
  position:absolute!important;
  top:11px!important;
  right:11px!important;
  z-index:5!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(214,177,94,.52)!important;
  border-radius:6px!important;
  background:rgba(18,18,18,.90)!important;
  color:#e5c66f!important;
  font:700 20px/1 Arial,sans-serif!important;
  box-shadow:0 6px 18px rgba(0,0,0,.32)!important;
}
#artGalleryClose:hover{background:#2a241a!important;color:#ffe29a!important;border-color:#d8a941!important}
#artGallery .galleryGroup{
  margin:24px 0 11px!important;
  padding:0 0 7px!important;
  border-bottom:1px solid rgba(202,160,84,.30)!important;
  color:#e5c46d!important;
  font:800 14px Georgia,"Times New Roman",serif!important;
  letter-spacing:.055em;
}
#artGallery .galleryGrid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;
  gap:10px!important;
}
#artGallery .galleryCard{
  min-width:0!important;
  padding:5px 5px 8px!important;
  overflow:hidden;
  border:1px solid rgba(174,139,76,.36)!important;
  border-radius:7px;
  background:linear-gradient(180deg,rgba(30,29,27,.97),rgba(17,17,18,.98))!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20);
  text-align:center!important;
}
#artGallery .galleryCard:hover{
  border-color:rgba(220,178,91,.68)!important;
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(0,0,0,.30);
}
#artGallery .galleryCard .portraitx{height:140px!important;width:100%!important;margin:0 auto 8px!important}
#artGallery .galleryCard strong{color:#ead08b!important;font:700 13px Georgia,"Times New Roman",serif!important}
#artGallery .galleryCard small{color:#938a7c!important;font:9px/1.35 "Segoe UI",Arial,sans-serif!important;margin:4px 3px 0!important}
body.gr-gallery-open{overflow:hidden!important}
@media(max-width:700px){
  #artGallery{padding:12px!important;align-items:flex-start!important}
  #artGallery .gallery-modal-panel{width:100%;max-height:94vh;margin-top:1vh}
  #artGallery .galleryInner{max-height:94vh;padding:20px 15px 22px!important}
  #artGallery h1{font-size:21px!important;margin-right:44px!important}
  #artGallery .galleryInner>p{margin-right:0;font-size:10px}
  #artGallery .galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #artGallery .galleryCard .portraitx{height:125px!important}
  #artGalleryClose{top:8px!important;right:8px!important;width:33px!important;height:33px!important}
}


/* Extracted from <style id="gr-themed-ui-v9-css"> */
:root{
  --gr-text-primary:#f3efe7;
  --gr-text-secondary:#c9c1b5;
  --gr-text-muted:#a79f93;
  --gr-accent:#d6a955;
  --gr-accent-bright:#f0cf85;
  --gr-accent-deep:#604718;
  --gr-accent-rgb:214,169,85;
  --gr-accent-contrast:#16120c;
  --gr-panel-edge:rgba(255,255,255,.13);
}
body[data-gr-theme="horde"]{
  --gr-accent:#c9463c;
  --gr-accent-bright:#ff7a69;
  --gr-accent-deep:#611b18;
  --gr-accent-rgb:201,70,60;
  --gr-accent-contrast:#fff7f3;
}
body[data-gr-theme="alliance"]{
  --gr-accent:#3983d7;
  --gr-accent-bright:#78b9ff;
  --gr-accent-deep:#163e72;
  --gr-accent-rgb:57,131,215;
  --gr-accent-contrast:#f6fbff;
}
body[data-gr-theme="forge"]{
  --gr-accent:#9867df;
  --gr-accent-bright:#c9a0ff;
  --gr-accent-deep:#40235f;
  --gr-accent-rgb:152,103,223;
  --gr-accent-contrast:#fff9ff;
}

/* Readability first: gold/purple/red/blue are accents, not body text. */
.gr-tool-view{color:var(--gr-text-primary)}
.gr-tool-view .panelx,
.gr-tool-view .roll-panel{color:var(--gr-text-primary)}
.gr-tool-view .panelx p,
.gr-tool-view .panelx small,
.gr-tool-view .help,
.gr-tool-view .muted,
.gr-tool-view .forge-direction-help,
.gr-tool-view .forge-settings-note,
.gr-tool-view .forge-card-meta{
  color:var(--gr-text-secondary)!important;
}
.gr-tool-view .help,
.gr-tool-view .panelx p,
.gr-tool-view .forge-direction-help{line-height:1.58}
.gr-tool-view label{
  color:#e6e0d7!important;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
}
.gr-tool-view .panelx h2,
.gr-tool-view .roll-panel h2{
  color:var(--gr-accent-bright)!important;
  text-shadow:0 0 20px rgba(var(--gr-accent-rgb),.12);
}
.gr-tool-view .sectiontitle,
.gr-tool-view h3.sectiontitle{
  color:#f1ece4!important;
  border-bottom:1px solid rgba(var(--gr-accent-rgb),.26);
  padding-bottom:6px;
}
.gr-tool-view .forge-kicker,
.gr-tool-view .lobby-tag,
.gr-tool-view .gr-tool-kicker{
  color:var(--gr-accent-bright)!important;
}

/* Tool chrome takes the active tool/faction color. */
.gr-tool-view .gr-tool-nav{
  border-bottom-color:rgba(var(--gr-accent-rgb),.42)!important;
}
.gr-tool-view .gr-tool-nav strong{
  color:var(--gr-accent-bright)!important;
  text-shadow:0 0 18px rgba(var(--gr-accent-rgb),.13);
}
.gr-tool-view .gr-home-button:hover{
  border-color:rgba(var(--gr-accent-rgb),.48)!important;
  color:var(--gr-accent-bright)!important;
}

/* Neutral panels with themed edges; avoid turning the whole UI red/blue/purple. */
.gr-tool-view .panelx,
.gr-tool-view .roll-panel{
  border-color:var(--gr-panel-edge)!important;
  background:linear-gradient(145deg,rgba(24,24,26,.95),rgba(10,11,13,.975))!important;
  box-shadow:0 13px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(var(--gr-accent-rgb),.10)!important;
}
.gr-tool-view #setup > .panelx,
.gr-tool-view #draft .panelx,
.gr-tool-view #nameForge .panelx{
  position:relative;
}
.gr-tool-view #setup > .panelx::before,
.gr-tool-view #draft .panelx::before,
.gr-tool-view #nameForge .panelx::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(var(--gr-accent-rgb),.72),rgba(var(--gr-accent-rgb),.06) 72%,transparent);
  pointer-events:none;
  opacity:.68;
}

/* Fields become easier to scan and get a clear themed focus state. */
.gr-tool-view .field,
.gr-tool-view input:not([type="checkbox"]):not([type="radio"]),
.gr-tool-view select,
.gr-tool-view textarea{
  color:#f3efe8!important;
  background:#0f1114!important;
  border-color:rgba(255,255,255,.18)!important;
}
.gr-tool-view .field:focus,
.gr-tool-view input:focus,
.gr-tool-view select:focus,
.gr-tool-view textarea:focus{
  outline:none!important;
  border-color:rgba(var(--gr-accent-rgb),.82)!important;
  box-shadow:0 0 0 2px rgba(var(--gr-accent-rgb),.14)!important;
}
.gr-tool-view input[type="checkbox"],
.gr-tool-view input[type="radio"]{accent-color:var(--gr-accent)!important}

/* Primary actions own the color; secondary actions stay quiet. */
.gr-tool-view .btnx:not(.alt){
  border-color:rgba(var(--gr-accent-rgb),.78)!important;
  background:linear-gradient(180deg,var(--gr-accent),var(--gr-accent-deep))!important;
  color:var(--gr-accent-contrast)!important;
  box-shadow:0 8px 22px rgba(var(--gr-accent-rgb),.15),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.gr-tool-view .btnx:not(.alt):hover{
  filter:brightness(1.12);
  box-shadow:0 10px 28px rgba(var(--gr-accent-rgb),.22),0 0 0 1px rgba(var(--gr-accent-rgb),.18)!important;
}
.gr-tool-view .btnx.alt:hover{
  border-color:rgba(var(--gr-accent-rgb),.42)!important;
  color:var(--gr-accent-bright)!important;
}
.gr-tool-view .pill{
  border-color:rgba(var(--gr-accent-rgb),.38)!important;
  color:var(--gr-accent-bright)!important;
}

/* Faction identity becomes most visible once a lobby/draft is underway. */
body[data-gr-theme="horde"] #preDraftLobby,
body[data-gr-theme="alliance"] #preDraftLobby{
  border-color:rgba(var(--gr-accent-rgb),.55)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--gr-accent-rgb),.14),transparent 35%),
    linear-gradient(145deg,rgba(24,24,26,.97),rgba(10,11,13,.985))!important;
}
body[data-gr-theme="horde"] #preDraftLobby h2,
body[data-gr-theme="alliance"] #preDraftLobby h2,
body[data-gr-theme="horde"] #draftTitle,
body[data-gr-theme="alliance"] #draftTitle,
body[data-gr-theme="horde"] #offerTitle,
body[data-gr-theme="alliance"] #offerTitle{
  color:var(--gr-accent-bright)!important;
}
body[data-gr-theme="horde"] #lobbySettings,
body[data-gr-theme="alliance"] #lobbySettings,
body[data-gr-theme="horde"] #pickTimerDisplay,
body[data-gr-theme="alliance"] #pickTimerDisplay{
  border-color:rgba(var(--gr-accent-rgb),.42)!important;
  background:rgba(var(--gr-accent-rgb),.08)!important;
  color:#f5eee7!important;
}
body[data-gr-theme="horde"] .lobby-entry strong,
body[data-gr-theme="alliance"] .lobby-entry strong,
body[data-gr-theme="horde"] .live-picks h3,
body[data-gr-theme="alliance"] .live-picks h3,
body[data-gr-theme="horde"] .live-pick strong,
body[data-gr-theme="alliance"] .live-pick strong{
  color:var(--gr-accent-bright)!important;
}
body[data-gr-theme="horde"] #unifiedOrder .gr-player-state.onclock,
body[data-gr-theme="alliance"] #unifiedOrder .gr-player-state.onclock,
body[data-gr-theme="horde"] #unifiedOrder .draft-state.active,
body[data-gr-theme="alliance"] #unifiedOrder .draft-state.active{
  border-color:rgba(var(--gr-accent-rgb),.68)!important;
  background:linear-gradient(90deg,rgba(var(--gr-accent-rgb),.18),rgba(17,18,20,.82))!important;
  box-shadow:inset 4px 0 0 var(--gr-accent)!important;
}
body[data-gr-theme="horde"] #unifiedOrder .gr-player-state.onclock .gr-player-name,
body[data-gr-theme="alliance"] #unifiedOrder .gr-player-state.onclock .gr-player-name,
body[data-gr-theme="horde"] #unifiedOrder .draft-state.active .draft-order-name,
body[data-gr-theme="alliance"] #unifiedOrder .draft-state.active .draft-order-name{
  color:var(--gr-accent-bright)!important;
}
body[data-gr-theme="horde"] #unifiedOrder .gr-player-state.onclock .gr-player-status,
body[data-gr-theme="alliance"] #unifiedOrder .gr-player-state.onclock .gr-player-status,
body[data-gr-theme="horde"] #unifiedOrder .board-status.active,
body[data-gr-theme="alliance"] #unifiedOrder .board-status.active{
  color:#fff!important;
  border-color:rgba(var(--gr-accent-rgb),.62)!important;
  background:rgba(var(--gr-accent-rgb),.22)!important;
}

/* Name Forge gets its own arcane identity instead of inheriting the old gold everywhere. */
body[data-gr-theme="forge"] #nameForge .forge-results-stage{
  border-color:rgba(var(--gr-accent-rgb),.48)!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(var(--gr-accent-rgb),.13),transparent 38%),
    linear-gradient(180deg,rgba(25,22,30,.98),rgba(10,11,14,.99))!important;
}
body[data-gr-theme="forge"] #nameForge .forge-name-card{
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(155deg,#19181d,#0c0d10)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-name-card::before{
  background:linear-gradient(90deg,transparent,#7543bc 14%,#c49cff 50%,#7543bc 86%,transparent)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-card-name{
  color:#fff0cf!important;
  text-shadow:0 2px 18px rgba(0,0,0,.50);
}
body[data-gr-theme="forge"] #nameForge .forge-card-head{
  color:#b8adc5!important;
}
body[data-gr-theme="forge"] #nameForge .forge-card-actions{
  border-top-color:rgba(var(--gr-accent-rgb),.24)!important;
  background:rgba(var(--gr-accent-rgb),.20)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-card-actions button{
  color:#e5dced!important;
  background:#15151a!important;
}
body[data-gr-theme="forge"] #nameForge .forge-card-actions button:hover{
  color:#fff!important;
  background:rgba(var(--gr-accent-rgb),.16)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn{
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(155deg,#17181c,#101114)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn strong{color:#eee9f3!important}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn small{color:#afa7b7!important}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="serious"].active{
  border-color:#b9c3d0!important;
  background:linear-gradient(155deg,rgba(96,109,124,.22),#14161a 72%)!important;
  box-shadow:0 0 0 1px rgba(185,195,208,.12),0 0 28px rgba(170,184,201,.08)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="serious"].active strong{color:#e8eef6!important}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="clever"].active{
  border-color:#d9a84e!important;
  background:linear-gradient(155deg,rgba(128,86,22,.28),#171512 72%)!important;
  box-shadow:0 0 0 1px rgba(217,168,78,.13),0 0 28px rgba(217,168,78,.08)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="clever"].active strong{color:#ffd77a!important}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="silly"].active{
  border-color:#b77aeb!important;
  background:linear-gradient(155deg,rgba(113,55,156,.30),#161219 72%)!important;
  box-shadow:0 0 0 1px rgba(183,122,235,.16),0 0 30px rgba(183,122,235,.11)!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-btn[data-forge-style="silly"].active strong{color:#d7a6ff!important}
body[data-gr-theme="forge"] #nameForge .forge-toggle-row{
  border-color:rgba(255,255,255,.14)!important;
  background:#111216!important;
}
body[data-gr-theme="forge"] #nameForge .forge-toggle-copy strong{color:#e8e1ef!important}
body[data-gr-theme="forge"] #nameForge .forge-switch input:checked + .forge-switch-track{
  border-color:#b783f2!important;
  background:#4b2b70!important;
  box-shadow:0 0 14px rgba(var(--gr-accent-rgb),.18);
}
body[data-gr-theme="forge"] #nameForge .forge-switch input:checked + .forge-switch-track::after{
  background:#dab8ff!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-summary{
  border-color:rgba(var(--gr-accent-rgb),.30)!important;
  background:rgba(var(--gr-accent-rgb),.055)!important;
  color:#d0c7d8!important;
}
body[data-gr-theme="forge"] #nameForge .forge-mode-summary b{color:#d6b8ff!important}
body[data-gr-theme="forge"] #nameForge .forge-blizzard-note{
  border-left-color:#9f6fe3!important;
  background:rgba(var(--gr-accent-rgb),.06)!important;
  color:#b8afbf!important;
}
body[data-gr-theme="forge"] #nameForge .forge-character-preview{
  border-color:rgba(var(--gr-accent-rgb),.28)!important;
  background:linear-gradient(120deg,rgba(var(--gr-accent-rgb),.07),#111216 62%)!important;
}

/* Small type that was getting lost now gets a little more breathing room. */
.gr-tool-view .forge-card-head,
.gr-tool-view .forge-kicker,
.gr-tool-view .gr-tool-kicker{font-size:9px!important}
.gr-tool-view .forge-card-meta,
.gr-tool-view .forge-toggle-copy small,
.gr-tool-view .forge-settings-note{font-size:10px!important}
.gr-tool-view .forge-mode-btn small{font-size:10.5px!important;line-height:1.48!important}
.gr-tool-view .forge-direction-help{font-size:11px!important}

@media(max-width:700px){
  .gr-tool-view label{font-size:10.5px}
}

/* =========================================================
   THE GREAT REROLL — PAGE BACKGROUNDS
   ========================================================= */

body {
  background-color: #0b0b0c;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
/* Homepage */
body[data-gr-theme="home"] {
  background-image:
    linear-gradient(
      rgba(5, 5, 6, 0.20),
      rgba(5, 5, 6, 0.48)
    ),
    url("../assets/backgrounds/home.png");
}

/* Horde draft setup / lobby / draft */
body[data-gr-theme="horde"] {
  background-image:
    linear-gradient(
      rgba(18, 4, 2, 0.28),
      rgba(10, 3, 2, 0.58)
    ),
    url("../assets/backgrounds/horde-draft.png");
}

/* Alliance draft setup / lobby / draft */
body[data-gr-theme="alliance"] {
  background-image:
    linear-gradient(
      rgba(4, 9, 18, 0.24),
      rgba(3, 7, 14, 0.54)
    ),
    url("../assets/backgrounds/alliance-draft.png");
}

/* Name Forge */
body[data-gr-theme="forge"] {
  background-image:
    linear-gradient(
      rgba(8, 5, 12, 0.28),
      rgba(5, 4, 8, 0.58)
    ),
    url("../assets/backgrounds/home.png");
}
/* Keep draft faction backgrounds sharp */
body[data-gr-theme="horde"],
body[data-gr-theme="alliance"] {
  filter: none !important;
}

/* Prevent full-page blur effects from affecting the faction backgrounds */
body[data-gr-theme="horde"]::before,
body[data-gr-theme="alliance"]::before {
  backdrop-filter: none !important;
  filter: none !important;
}

/* Keep tool panels readable without blurring the scenery */
body[data-gr-theme="horde"] .panelx,
body[data-gr-theme="alliance"] .panelx,
body[data-gr-theme="horde"] .roll-panel,
body[data-gr-theme="alliance"] .roll-panel {
  background: rgba(12, 13, 15, 0.90) !important;
  backdrop-filter: none !important;
}

/* =========================================================
   THE GREAT REROLL — ILLUSTRATED HOME MODE CARDS
   Drop the three artwork files into assets/homepage/ using
   the filenames referenced below.
   ========================================================= */
.gr-home-grid{
  gap:18px!important;
}
.gr-home-card{
  min-height:430px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(180deg,rgba(17,18,21,.97),rgba(8,9,11,.985))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48)!important;
  isolation:isolate;
}
.gr-home-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 26px 58px rgba(0,0,0,.58)!important;
}
.gr-home-card-lottery:hover{border-color:rgba(235,165,79,.72)!important}
.gr-home-card-roster:hover{border-color:rgba(93,159,227,.76)!important}
.gr-home-card-forge:hover{border-color:rgba(181,113,234,.78)!important}

/* Replaces the old abstract icon block with true artwork. */
.gr-home-icon{display:none!important}
.gr-home-art{
  position:relative;
  display:block;
  width:100%;
  height:205px;
  flex:0 0 205px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.gr-home-art::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(7,8,10,.1) 58%,rgba(7,8,10,.88) 100%);
  pointer-events:none;
}
.gr-home-art::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 -22px 38px rgba(0,0,0,.32);
}
.gr-home-art-lottery{
  background-image:
    linear-gradient(135deg,rgba(96,43,17,.18),rgba(17,11,8,.08)),
    url("../assets/homepage/character-lottery.png"),
    linear-gradient(135deg,#4c2616,#17120f);
}
.gr-home-art-roster{
  background-image:
    linear-gradient(135deg,rgba(9,30,52,.15),rgba(9,14,22,.08)),
    url("../assets/homepage/guild-roster-draft.png"),
    linear-gradient(135deg,#102a42,#11151d);
}
.gr-home-art-forge{
  background-image:
    linear-gradient(135deg,rgba(61,23,76,.12),rgba(24,10,28,.08)),
    url("../assets/homepage/name-forge.png"),
    linear-gradient(135deg,#3e203f,#18121d);
}
.gr-home-art-badge{
  position:absolute;
  z-index:2;
  left:14px;
  bottom:12px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(8,9,11,.72);
  color:#eee8dc;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(5px);
}

.gr-home-card-copy{
  padding:17px 18px 18px!important;
}
.gr-home-card-kicker{
  margin-bottom:5px!important;
  color:#958d82!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}
.gr-home-card-title{
  margin:0 0 5px!important;
  color:#f4dfb2!important;
  font:900 clamp(21px,2vw,26px)/1.05 Georgia,"Times New Roman",serif!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.78);
}
.gr-home-card-roster .gr-home-card-title{color:#d9ebff!important}
.gr-home-card-forge .gr-home-card-title{color:#ead8ff!important}
.gr-home-card-tagline{
  display:block;
  margin:0 0 10px;
  color:#f0e6d7;
  font:700 14px/1.35 "Segoe UI",Arial,sans-serif;
}
.gr-home-card small{
  min-height:51px;
  color:#bbb3a8!important;
  font-size:11px!important;
  line-height:1.52!important;
}
.gr-home-features{margin-top:14px!important}
.gr-home-card em{
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
.gr-home-card-lottery em{color:#efad62!important}
.gr-home-card-roster em{color:#84bfff!important}
.gr-home-card-forge em{color:#ca91f0!important}

@media(max-width:900px){
  .gr-home-grid{grid-template-columns:1fr!important}
  .gr-home-card{min-height:0!important}
  .gr-home-art{height:230px;flex-basis:230px}
  .gr-home-card small{min-height:0}
}
@media(max-width:560px){
  .gr-home-art{height:185px;flex-basis:185px}
  .gr-home-card-copy{padding:15px!important}
  .gr-home-card-title{font-size:22px!important}
}


/* Campfire ambience stays above the scenery and below every interactive panel. */
.gr-campfire{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none}
body:not(.gr-home-view) .gr-campfire{display:none}
@media(prefers-reduced-motion:reduce){.gr-campfire{display:none!important}}

/* An explicit viewport layer avoids body/root background sizing against page height. */
body.gr-home-view[data-gr-theme="home"]{background-image:none}
.gr-campfire-scene{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-color:#0b0b0c;
  background-image:linear-gradient(rgba(5,5,6,.20),rgba(5,5,6,.48)),url("../assets/backgrounds/home.png");
  background-repeat:no-repeat;background-position:center bottom;background-size:cover;
}
body:not(.gr-home-view) .gr-campfire-scene{display:none}

/* Preserve the foreground fire when wide screens crop the cover image. */
body.gr-home-view{background-position:center bottom}


/* THE WAR TABLE — homepage text/CTA refresh */
.gr-home-community{
  margin-top:7px;
  color:#9d9385;
  font-size:10px;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.gr-home-community strong{color:#d1c2a8;font-weight:800}
.gr-home-card-kicker,.gr-home-features{display:none!important}
.gr-home-card-copy{padding-bottom:18px!important}
.gr-home-card em{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  margin-top:auto!important;
  padding:13px 15px!important;
  border:1px solid rgba(var(--mode-rgb),.48)!important;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(var(--mode-rgb),.18),rgba(var(--mode-rgb),.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 22px rgba(0,0,0,.22);
  color:#f7ead2!important;
  font-size:11px!important;
  font-style:normal;
  font-weight:900;
  letter-spacing:.11em!important;
  text-align:center;
  text-transform:uppercase;
}
.gr-home-card:hover em,.gr-home-card:focus-visible em{
  border-color:rgba(var(--mode-rgb),.75)!important;
  background:linear-gradient(180deg,rgba(var(--mode-rgb),.28),rgba(var(--mode-rgb),.13));
}

/* THE GREAT REROLL — guided draft creation flow */
.rr-flow{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px}.rr-flow.hidden{display:none!important}.rr-flow-backdrop{position:absolute;inset:0;background:rgba(3,5,8,.76);backdrop-filter:blur(9px)}.rr-flow-shell{position:relative;z-index:1;width:min(970px,96vw);max-height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(224,189,111,.35);border-radius:16px;background:radial-gradient(circle at 18% 0%,rgba(123,72,27,.18),transparent 32%),linear-gradient(145deg,rgba(26,24,23,.985),rgba(8,10,13,.99));box-shadow:0 28px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.05)}.rr-flow-close{position:absolute;right:17px;top:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.26);color:#d9d0c3;font-size:24px;line-height:29px;cursor:pointer}.rr-flow-head{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:26px 64px 21px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.rr-flow-kicker{display:block;margin-bottom:5px;color:#c69b57;font-size:9px;font-weight:900;letter-spacing:.16em}.rr-flow-head h2{margin:0;color:#f2ddb0;font:900 30px/1.05 Georgia,"Times New Roman",serif;letter-spacing:.025em;text-transform:uppercase}.rr-flow-head p{margin:7px 0 0;color:#aaa195;font-size:12px}.rr-flow-progress{display:flex;align-items:center;min-width:250px}.rr-flow-progress span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#121418;color:#746f67;font-size:10px;font-weight:900}.rr-flow-progress span.active{border-color:#d0a25c;background:rgba(177,118,42,.18);color:#ffe1a4;box-shadow:0 0 18px rgba(201,145,64,.16)}.rr-flow-progress i{height:1px;flex:1;background:rgba(255,255,255,.1)}.rr-flow-body{overflow:auto;padding:27px 29px 22px}.rr-flow-step{display:none}.rr-flow-step.active{display:block;animation:rrStepIn .2s ease-out}@keyframes rrStepIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.rr-step-label{margin-bottom:8px;color:#a68048;font-size:9px;font-weight:900;letter-spacing:.15em}.rr-flow-step h3{margin:0;color:#f5e7c7;font:800 25px/1.12 Georgia,"Times New Roman",serif}.rr-step-intro{margin:8px 0 21px;color:#aaa195;font-size:12px;line-height:1.55}.rr-choice-grid{display:grid;gap:15px}.rr-choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-choice-card,.rr-launch-card{position:relative;min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(37,36,36,.72),rgba(16,18,21,.88));color:#eee7da;text-align:left;cursor:pointer;transition:.16s ease}.rr-choice-card:hover,.rr-launch-card:hover{transform:translateY(-2px);border-color:rgba(211,172,102,.35)}.rr-choice-card.selected,.rr-launch-card.selected{border-color:rgba(218,172,89,.72);background:linear-gradient(145deg,rgba(83,59,29,.5),rgba(18,19,21,.92));box-shadow:0 10px 32px rgba(0,0,0,.28),inset 0 0 24px rgba(194,133,55,.06)}.rr-choice-card.selected:after,.rr-launch-card.selected:after{content:"SELECTED";position:absolute;right:13px;top:12px;color:#f3c873;font-size:8px;font-weight:900;letter-spacing:.12em}.rr-choice-icon{display:block;margin-bottom:15px;font-size:31px}.rr-choice-card strong,.rr-launch-card strong{display:block;margin-bottom:8px;color:#f4deae;font:900 18px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.04em}.rr-choice-card small,.rr-launch-card small{display:block;color:#b8afa2;font-size:11px;line-height:1.55}.rr-choice-card em{display:block;margin-top:16px;color:#8c8377;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.rr-settings-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,.75fr);gap:20px;align-items:start}.rr-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rr-settings-grid label,.rr-schedule-wrap label{color:#bdb4a7;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.rr-field{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid rgba(220,197,153,.22);border-radius:7px;background:#101216;color:#eee7da;font:600 12px/1.2 "Segoe UI",Arial,sans-serif}.rr-field:focus{outline:none;border-color:#c79a51;box-shadow:0 0 0 2px rgba(199,154,81,.09)}.rr-draft-summary{padding:19px;border:1px solid rgba(222,179,96,.26);border-radius:10px;background:rgba(9,10,12,.58)}.rr-draft-summary>span{display:block;margin-bottom:8px;color:#8e8374;font-size:8px;font-weight:900;letter-spacing:.14em}.rr-draft-summary>strong{display:block;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08);color:#f1cf8e;font:900 20px Georgia,serif}#rrSummaryLines{padding-top:10px}#rrSummaryLines div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#ada498;font-size:10px;border-bottom:1px solid rgba(255,255,255,.045)}#rrSummaryLines b{color:#e7dfd2;font-weight:800;text-align:right}.rr-player-list{display:grid;gap:8px}.rr-player-row{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}.rr-player-index{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(211,171,100,.24);color:#caa35e;font-size:10px;font-weight:900}.rr-player-remove{height:34px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#131519;color:#9f9589;cursor:pointer}.rr-add-player,.rr-create-lobby{margin-top:13px;padding:10px 14px;border:1px solid rgba(209,167,91,.35);border-radius:7px;background:rgba(116,76,27,.16);color:#e7c683;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.rr-lobby-created{margin-top:18px;padding:18px;border:1px solid rgba(108,172,221,.3);border-radius:10px;background:rgba(20,39,55,.28);text-align:center}.rr-lobby-created>span{display:block;color:#8599aa;font-size:8px;font-weight:900;letter-spacing:.15em}.rr-lobby-created>strong{display:block;margin:7px 0;color:#d7edff;font:900 32px/1 Georgia,serif;letter-spacing:.16em}.rr-lobby-created>small{color:#85919b}.rr-invite-row{display:flex;gap:6px;margin:12px auto;max-width:560px}.rr-invite-row code{flex:1;overflow:hidden;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0d1014;color:#aab5bd;text-overflow:ellipsis;white-space:nowrap}.rr-invite-row button{border:1px solid rgba(117,180,228,.28);border-radius:6px;background:#17232d;color:#ccecff;font-size:9px;font-weight:900}.rr-lobby-player{display:flex;justify-content:space-between;margin-top:12px;padding:10px 12px;border-radius:7px;background:rgba(255,255,255,.04);color:#d7dfe5;font-size:10px}.rr-lobby-player span{color:#79c79d;font-weight:900}.rr-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.rr-launch-card{min-height:125px}.rr-launch-card>span{display:block;margin-bottom:8px;font-size:24px}.rr-schedule-wrap{margin-top:14px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.rr-final-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.rr-final-summary div{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.025)}.rr-final-summary span{display:block;margin-bottom:4px;color:#817a71;font-size:7px;font-weight:900;letter-spacing:.13em}.rr-final-summary strong{color:#ddd4c8;font-size:10px}.rr-online-notice{margin-top:13px;padding:10px 12px;border:1px solid rgba(110,172,219,.22);border-radius:7px;background:rgba(34,76,105,.17);color:#a9cce2;font-size:10px;line-height:1.45}.rr-scheduled-done{margin-top:15px;padding:16px;border:1px solid rgba(107,190,134,.3);border-radius:9px;background:rgba(34,91,52,.18);color:#bee2c7;font-size:11px;line-height:1.55}.rr-flow-foot{display:flex;align-items:center;gap:9px;padding:15px 28px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,5,7,.45)}.rr-flow-foot-spacer{flex:1}.rr-flow-back,.rr-flow-advanced,.rr-flow-next{min-height:39px;padding:0 16px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.rr-flow-back,.rr-flow-advanced{border:1px solid rgba(255,255,255,.13);background:#15171a;color:#aaa296}.rr-flow-next{border:1px solid rgba(218,171,85,.48);background:linear-gradient(#553b1e,#302314);color:#ffe0a4;box-shadow:0 7px 20px rgba(0,0,0,.24)}body.rr-flow-open{overflow:hidden}
@media(max-width:760px){.rr-flow{padding:10px}.rr-flow-shell{max-height:96vh}.rr-flow-head{padding:21px 51px 16px 18px}.rr-flow-head h2{font-size:23px}.rr-flow-progress{min-width:145px}.rr-flow-progress span{width:23px;height:23px;flex-basis:23px}.rr-flow-body{padding:20px 17px}.rr-choice-grid-2,.rr-settings-grid,.rr-settings-layout,.rr-launch-grid{grid-template-columns:1fr}.rr-choice-card{min-height:150px}.rr-final-summary{grid-template-columns:repeat(2,1fr)}.rr-flow-foot{padding:12px 17px;flex-wrap:wrap}.rr-flow-foot-spacer{display:none}.rr-flow-next{margin-left:auto}}


/* ==========================================================
   THE GREAT REROLL — subtle forged / fantasy UI pass
   v2: less app-dashboard, more War Table.
   ========================================================== */

/* Typography: slightly more old-world without becoming hard to read. */
.rr-flow-shell,
.rr-flow-shell button,
.rr-flow-shell input,
.rr-flow-shell select{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
}
.rr-flow-head h2,
.rr-flow-step h3,
.rr-choice-card strong,
.rr-launch-card strong,
.rr-draft-summary>strong{
  font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,"Times New Roman",serif!important;
  font-variant:small-caps;
  letter-spacing:.035em;
}
.rr-flow-kicker,
.rr-step-label{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:.18em;
}

/* The modal itself feels like a forged frame around an inset war-table panel. */
.rr-flow-shell{
  border:1px solid rgba(174,137,73,.52)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 10%,transparent 90%,rgba(255,255,255,.018)),
    radial-gradient(circle at 18% 0%,rgba(108,69,28,.18),transparent 32%),
    linear-gradient(145deg,#1a1815 0%,#0c0e10 62%,#090a0c 100%)!important;
  box-shadow:
    0 30px 95px rgba(0,0,0,.74),
    inset 0 1px 0 rgba(255,235,191,.08),
    inset 0 0 0 3px rgba(0,0,0,.28)!important;
}
.rr-flow-shell:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(163,125,63,.13);
  border-radius:11px;
  pointer-events:none;
  z-index:0;
}
.rr-flow-head,.rr-flow-body,.rr-flow-foot{position:relative;z-index:1}

/* Choice cards: dark timber / forged plate instead of plain app cards. */
.rr-choice-card{
  overflow:hidden;
  border:1px solid #655238!important;
  background:
    linear-gradient(rgba(21,18,14,.82),rgba(12,13,15,.91)),
    repeating-linear-gradient(
      90deg,
      rgba(121,82,43,.12) 0px,
      rgba(121,82,43,.12) 2px,
      transparent 2px,
      transparent 38px
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,232,190,.06),
    inset 0 0 22px rgba(0,0,0,.55),
    0 10px 25px rgba(0,0,0,.22)!important;
}
.rr-choice-card:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(205,170,105,.10);
  border-radius:7px;
  pointer-events:none;
}
.rr-choice-card:after{
  border:1px solid rgba(217,170,82,.28);
  border-radius:999px;
  padding:4px 7px;
  background:rgba(15,13,10,.72);
}
.rr-choice-card:hover{
  border-color:#917044!important;
  box-shadow:
    inset 0 1px 0 rgba(255,232,190,.08),
    inset 0 0 22px rgba(0,0,0,.48),
    0 13px 30px rgba(0,0,0,.3)!important;
}
.rr-choice-card.selected{
  border-color:#b88943!important;
  background:
    linear-gradient(rgba(53,39,22,.86),rgba(18,17,16,.94)),
    repeating-linear-gradient(
      90deg,
      rgba(147,97,43,.13) 0px,
      rgba(147,97,43,.13) 2px,
      transparent 2px,
      transparent 38px
    )!important;
  box-shadow:
    inset 0 0 0 1px rgba(244,199,112,.08),
    inset 0 0 26px rgba(151,97,35,.10),
    0 13px 30px rgba(0,0,0,.35)!important;
}

/* Purpose-built icons: host/table vs connected party. No emoji. */
.rr-choice-icon{
  position:relative;
  display:block!important;
  width:49px;
  height:49px;
  margin:0 0 17px!important;
  border:1px solid rgba(197,158,92,.34);
  border-radius:9px;
  background:
    linear-gradient(145deg,rgba(73,55,34,.55),rgba(17,18,19,.82));
  box-shadow:
    inset 0 1px 0 rgba(255,229,177,.07),
    inset 0 0 12px rgba(0,0,0,.35);
}
.rr-icon-local:before{
  content:"";
  position:absolute;
  left:13px;top:12px;
  width:21px;height:21px;
  border:2px solid #d2a55f;
  transform:rotate(45deg);
  box-shadow:inset 0 0 0 4px rgba(210,165,95,.07);
}
.rr-icon-local:after{
  content:"";
  position:absolute;
  left:22px;top:20px;
  width:5px;height:5px;
  border-radius:50%;
  background:#f0cf91;
  box-shadow:0 0 8px rgba(231,181,91,.4);
}
.rr-icon-online:before{
  content:"";
  position:absolute;
  left:8px;top:8px;
  width:8px;height:8px;
  border:2px solid #d2a55f;
  border-radius:50%;
  box-shadow:
    25px 0 0 -2px #151515,25px 0 0 0 #d2a55f,
    12px 24px 0 -2px #151515,12px 24px 0 0 #d2a55f;
}
.rr-icon-online:after{
  content:"";
  position:absolute;
  left:14px;top:15px;
  width:25px;height:22px;
  background:
    linear-gradient(31deg,transparent 46%,#9d7944 47%,#9d7944 52%,transparent 53%),
    linear-gradient(-31deg,transparent 46%,#9d7944 47%,#9d7944 52%,transparent 53%),
    linear-gradient(90deg,transparent 46%,#9d7944 47%,#9d7944 52%,transparent 53%);
  opacity:.8;
}

/* Inputs feel inset into the table instead of generic web form controls. */
.rr-field{
  border-color:rgba(150,119,73,.42)!important;
  background:
    linear-gradient(180deg,#0c0e10,#141312)!important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.42),
    0 1px 0 rgba(255,255,255,.025)!important;
}
.rr-field:focus{
  border-color:#ad8243!important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.42),
    0 0 0 2px rgba(187,137,61,.09)!important;
}

/* Buttons look forged: beveled metal / dark oak with a restrained brass edge. */
.rr-flow-next,
.rr-create-lobby{
  position:relative;
  border:1px solid #8b6632!important;
  background:
    linear-gradient(180deg,#4d371e 0%,#332516 45%,#211910 100%)!important;
  color:#f3d79a!important;
  text-shadow:0 1px 0 #000;
  box-shadow:
    inset 0 1px 0 rgba(255,229,177,.13),
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 5px 12px rgba(0,0,0,.28)!important;
}
.rr-flow-next:before,
.rr-create-lobby:before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(225,183,103,.10);
  border-radius:4px;
  pointer-events:none;
}
.rr-flow-next:hover,
.rr-create-lobby:hover{
  border-color:#b08345!important;
  background:
    linear-gradient(180deg,#5b4123 0%,#3b2b19 48%,#271d12 100%)!important;
}
.rr-flow-back,
.rr-flow-advanced,
.rr-add-player{
  border:1px solid rgba(123,105,77,.55)!important;
  background:
    linear-gradient(180deg,#2b2925,#171819)!important;
  color:#c8b89d!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.4)!important;
}

/* Progress markers as stamped brass medallions. */
.rr-flow-progress span{
  border-color:#47443e!important;
  background:
    radial-gradient(circle at 35% 30%,#2a2925,#101215 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.rr-flow-progress span.active{
  border-color:#b08343!important;
  background:
    radial-gradient(circle at 35% 30%,#5a3d1d,#241b12 72%)!important;
  color:#f1cf8d!important;
  box-shadow:
    inset 0 1px 0 rgba(255,231,180,.08),
    0 0 14px rgba(177,124,49,.13)!important;
}

/* Launch cards use the same material language as session cards. */
.rr-launch-card{
  border-color:#594a36!important;
  background:
    linear-gradient(145deg,rgba(36,31,24,.94),rgba(14,16,18,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.rr-launch-card.selected{
  border-color:#a77b3d!important;
  background:
    linear-gradient(145deg,rgba(65,46,25,.92),rgba(19,18,17,.96))!important;
}
.rr-launch-icon{
  position:relative;
  display:block!important;
  width:34px;height:34px;
  margin-bottom:10px!important;
}
.rr-launch-now:before{
  content:"";
  position:absolute;
  left:6px;top:5px;
  width:20px;height:20px;
  border:2px solid #cda05c;
  transform:rotate(45deg);
}
.rr-launch-now:after{
  content:"";
  position:absolute;
  left:15px;top:14px;
  width:4px;height:4px;border-radius:50%;
  background:#e7c37f;
}
.rr-launch-later:before{
  content:"";
  position:absolute;
  left:5px;top:4px;
  width:22px;height:22px;
  border:2px solid #cda05c;
  border-radius:50%;
}
.rr-launch-later:after{
  content:"";
  position:absolute;
  left:16px;top:9px;
  width:2px;height:10px;
  background:#cda05c;
  box-shadow:4px 8px 0 -0.5px #cda05c;
  transform-origin:bottom center;
}

/* Small decorative separators rather than overt fantasy ornament. */
.rr-flow-head{
  background:
    linear-gradient(90deg,rgba(89,58,25,.12),transparent 42%),
    rgba(0,0,0,.08);
}
.rr-flow-foot{
  background:
    linear-gradient(180deg,rgba(5,6,7,.35),rgba(2,3,4,.58))!important;
}


/* ==========================================================
   v3 — make the material language actually visible.
   ========================================================== */

/* Modal frame: dark forged iron with an inner brass trim. */
.rr-flow-shell{
  border:2px solid #6f542e!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(116,75,31,.20),transparent 33%),
    linear-gradient(145deg,#171512 0%,#0a0c0f 66%,#08090b 100%)!important;
  box-shadow:
    0 32px 100px rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(235,199,125,.08),
    inset 0 0 0 7px rgba(0,0,0,.35)!important;
}
.rr-flow-shell:before{
  inset:8px!important;
  border-color:rgba(188,145,76,.22)!important;
}

/* Header and footer gain a faint hammered-metal texture. */
.rr-flow-head{
  background:
    radial-gradient(circle at 12% 30%,rgba(255,255,255,.025) 0 1px,transparent 1.5px) 0 0/9px 9px,
    linear-gradient(90deg,rgba(94,61,27,.16),transparent 46%),
    linear-gradient(#151310,#0e1012)!important;
}
.rr-flow-foot{
  background:
    radial-gradient(circle at 20% 40%,rgba(255,255,255,.018) 0 1px,transparent 1.5px) 0 0/10px 10px,
    linear-gradient(#0d0f11,#070809)!important;
}

/* Session cards: visibly framed like dark wooden/forged plaques. */
.rr-choice-card{
  border:2px solid #5c4930!important;
  background:
    linear-gradient(rgba(18,15,12,.72),rgba(11,12,14,.88)),
    repeating-linear-gradient(
      0deg,
      rgba(119,77,36,.18) 0px,
      rgba(119,77,36,.18) 2px,
      rgba(55,37,22,.08) 2px,
      rgba(55,37,22,.08) 8px
    ),
    linear-gradient(90deg,#322418,#1b1713 48%,#281d15)!important;
  box-shadow:
    inset 0 0 0 1px rgba(224,184,112,.055),
    inset 0 0 28px rgba(0,0,0,.68),
    0 10px 24px rgba(0,0,0,.24)!important;
}
.rr-choice-card:before{
  inset:8px!important;
  border-color:rgba(216,174,102,.14)!important;
  box-shadow:
    -3px -3px 0 -2px #9a7540,
    3px -3px 0 -2px #9a7540,
    -3px 3px 0 -2px #9a7540,
    3px 3px 0 -2px #9a7540;
}
.rr-choice-card.selected{
  border-color:#b3843f!important;
  background:
    linear-gradient(rgba(52,36,19,.69),rgba(18,16,14,.90)),
    repeating-linear-gradient(
      0deg,
      rgba(145,91,39,.20) 0px,
      rgba(145,91,39,.20) 2px,
      rgba(64,40,22,.10) 2px,
      rgba(64,40,22,.10) 8px
    ),
    linear-gradient(90deg,#3a2918,#1d1813 48%,#312219)!important;
}

/* Card typography: more fantasy, still readable. */
.rr-choice-card strong,
.rr-flow-step h3,
.rr-flow-head h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
}
.rr-choice-card strong{
  color:#f1d79c!important;
  text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.rr-choice-card small{color:#c0b5a6!important}

/* Purpose-driven icon plaques; no emoji. */
.rr-choice-icon{
  width:52px!important;
  height:52px!important;
  border:1px solid #806039!important;
  border-radius:7px!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(218,176,100,.09),transparent 44%),
    linear-gradient(#211a13,#111315)!important;
  box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,230,177,.07),
    0 4px 10px rgba(0,0,0,.25)!important;
}

/* Local = a single command table / host station. */
.rr-icon-local:before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:13px!important;
  width:30px!important;
  height:20px!important;
  border:2px solid #d0a05b!important;
  border-radius:2px!important;
  transform:none!important;
  background:
    linear-gradient(90deg,transparent 47%,rgba(208,160,91,.55) 48% 52%,transparent 53%),
    linear-gradient(0deg,transparent 47%,rgba(208,160,91,.55) 48% 52%,transparent 53%)!important;
  box-shadow:inset 0 0 0 3px rgba(208,160,91,.06)!important;
}
.rr-icon-local:after{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:35px!important;
  width:8px!important;
  height:7px!important;
  border:0!important;
  border-radius:1px!important;
  background:#c49350!important;
  box-shadow:
    -9px 3px 0 -2px #9e753f,
    9px 3px 0 -2px #9e753f!important;
}

/* Online = three linked party sigils. */
.rr-icon-online:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  width:8px!important;
  height:8px!important;
  border:2px solid #d0a05b!important;
  border-radius:50%!important;
  background:#171717!important;
  box-shadow:
    26px 0 0 -2px #171717,
    26px 0 0 0 #d0a05b,
    13px 25px 0 -2px #171717,
    13px 25px 0 0 #d0a05b!important;
}
.rr-icon-online:after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:15px!important;
  width:27px!important;
  height:24px!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(32deg,transparent 46%,#a47b42 47% 52%,transparent 53%),
    linear-gradient(-32deg,transparent 46%,#a47b42 47% 52%,transparent 53%),
    linear-gradient(90deg,transparent 47%,#a47b42 48% 52%,transparent 53%)!important;
  box-shadow:none!important;
}

/* CTAs get an obvious forged bevel. */
.rr-flow-next,
.rr-create-lobby{
  border:2px solid #77572c!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,#59401f 0%,#3c2a17 46%,#24190f 100%)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,218,150,.10),
    inset 0 -3px 0 rgba(0,0,0,.40),
    0 6px 13px rgba(0,0,0,.35)!important;
}

/* Small "rivets" in the main CTA. */
.rr-flow-next:after,
.rr-create-lobby:after{
  content:"";
  position:absolute;
  width:3px;height:3px;
  left:8px;top:50%;
  margin-top:-1px;
  border-radius:50%;
  background:#9e783e;
  box-shadow:calc(100% + 0px) 0 0 #9e783e;
  opacity:.7;
}

/* Keep the selected pill elegant, not app-like. */
.rr-choice-card.selected:after{
  color:#f0c66f!important;
  border-color:#987038!important;
  background:linear-gradient(#241a10,#121314)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}


/* ==========================================================
   v5 — cleaner fantasy pass
   Reverts the broken cut-corner approach and leans on materials,
   engraved borders, subtle runes, and better hierarchy instead.
   ========================================================== */

/* Main modal: darker "war table" frame with a carved inner border. */
.rr-flow-shell{
  border:2px solid #6f512d!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(116,73,30,.14),transparent 30%),
    linear-gradient(145deg,#17130f 0%,#0b0d10 62%,#080a0c 100%)!important;
  box-shadow:
    0 34px 95px rgba(0,0,0,.78),
    inset 0 1px 0 rgba(255,235,195,.06),
    inset 0 0 0 4px rgba(0,0,0,.34)!important;
}
.rr-flow-shell:before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(199,153,78,.18);
  border-radius:7px;
  pointer-events:none;
  z-index:0;
}

/* Header becomes a subtle carved wood banner. */
.rr-flow-head{
  background:
    linear-gradient(rgba(15,12,9,.66),rgba(11,11,11,.80)),
    repeating-linear-gradient(
      0deg,
      rgba(97,62,30,.22) 0 3px,
      rgba(56,35,20,.18) 3px 7px,
      rgba(83,51,26,.18) 7px 11px
    )!important;
  border-bottom:1px solid rgba(155,111,55,.34)!important;
  box-shadow:inset 0 -1px 0 rgba(255,210,130,.045)!important;
}
.rr-flow-kicker{
  color:#c8994e!important;
  letter-spacing:.17em!important;
}
.rr-flow-head h2{
  color:#f0d7a6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  letter-spacing:.035em!important;
  text-shadow:0 2px 0 #000,0 0 14px rgba(193,133,53,.11)!important;
}

/* Main content surface: less flat black, more leather/parchment-on-table. */
.rr-flow-body{
  background:
    radial-gradient(circle at 50% 0%,rgba(111,72,31,.08),transparent 45%),
    linear-gradient(180deg,rgba(26,20,15,.28),rgba(8,10,12,.34))!important;
}
.rr-flow-step{
  position:relative;
  padding:20px 22px 22px!important;
  border:1px solid rgba(131,94,49,.32)!important;
  border-radius:8px!important;
  background:
    linear-gradient(180deg,rgba(41,30,19,.84),rgba(18,16,14,.86)),
    radial-gradient(circle at 20% 15%,rgba(186,137,67,.055),transparent 36%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,223,166,.035),
    inset 0 0 28px rgba(0,0,0,.36),
    0 9px 24px rgba(0,0,0,.18)!important;
}
.rr-flow-step:before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:10px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(202,153,77,.26),transparent);
}
.rr-step-label{
  color:#d0a45d!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.15em!important;
}
.rr-flow-step h3{
  color:#f0d7aa!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  letter-spacing:.025em!important;
  text-shadow:0 2px 0 rgba(0,0,0,.7);
}
.rr-step-intro{
  color:#c2b6a6!important;
}

/* Cards: carved wood plaques with a metal edge. */
.rr-choice-card{
  position:relative;
  min-height:200px!important;
  border:1px solid #6b4f31!important;
  border-radius:9px!important;
  background:
    linear-gradient(180deg,rgba(28,20,14,.66),rgba(13,14,15,.86)),
    repeating-linear-gradient(
      0deg,
      rgba(125,79,35,.12) 0 2px,
      rgba(59,38,23,.08) 2px 8px
    ),
    linear-gradient(90deg,#342417,#1c1713 52%,#2e2118)!important;
  box-shadow:
    inset 0 0 0 1px rgba(220,170,92,.06),
    inset 0 0 24px rgba(0,0,0,.55),
    0 8px 22px rgba(0,0,0,.24)!important;
}
.rr-choice-card:before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(207,159,82,.11);
  border-radius:5px;
  pointer-events:none;
}
.rr-choice-card:hover{
  border-color:#8b673b!important;
  transform:translateY(-1px)!important;
}
.rr-choice-card.selected{
  border-color:#b6813d!important;
  background:
    linear-gradient(180deg,rgba(56,38,19,.72),rgba(18,16,14,.88)),
    repeating-linear-gradient(
      0deg,
      rgba(147,90,37,.14) 0 2px,
      rgba(67,41,23,.09) 2px 8px
    ),
    linear-gradient(90deg,#3a2818,#1f1914 52%,#332319)!important;
  box-shadow:
    inset 0 0 0 1px rgba(243,190,100,.08),
    inset 0 0 28px rgba(144,88,31,.12),
    0 10px 24px rgba(0,0,0,.31)!important;
}

/* Decorative "rivets" on each plaque. */
.rr-choice-card .rr-choice-icon:before,
.rr-choice-card .rr-choice-icon:after{
  z-index:1;
}
.rr-choice-card .rr-choice-icon{
  border:1px solid #80613a!important;
  border-radius:6px!important;
  background:
    linear-gradient(145deg,#2f2419,#141618)!important;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,230,179,.05),
    0 4px 10px rgba(0,0,0,.26)!important;
}

/* More fantasy title treatment, but readable. */
.rr-choice-card strong{
  color:#f0d39b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:21px!important;
  letter-spacing:.045em!important;
  text-shadow:0 2px 0 rgba(0,0,0,.75);
}
.rr-choice-card small{
  color:#c2b6a6!important;
  line-height:1.55!important;
}
.rr-choice-card em{
  color:#aa9677!important;
  letter-spacing:.11em!important;
}

/* Selected tag = engraved brass plate. */
.rr-choice-card.selected:after{
  border-radius:4px!important;
  border:1px solid #8c642f!important;
  background:linear-gradient(#2d2115,#151515)!important;
  color:#efc66f!important;
  box-shadow:
    inset 0 1px 0 rgba(255,229,170,.06),
    0 2px 7px rgba(0,0,0,.28)!important;
}

/* Progress path: round medallions, not modern circles and not broken diamonds. */
.rr-flow-progress span{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  border:1px solid #4f4437!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 35% 30%,#25231f,#101214 72%)!important;
  color:#918a7e!important;
  transform:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 2px 7px rgba(0,0,0,.32)!important;
}
.rr-flow-progress span:after{display:none!important}
.rr-flow-progress span.active{
  border-color:#a87536!important;
  background:
    radial-gradient(circle at 35% 30%,#4a321a,#1c1611 72%)!important;
  color:#f1cb7c!important;
  box-shadow:
    inset 0 1px 0 rgba(255,231,178,.06),
    0 0 12px rgba(170,113,43,.10)!important;
}
.rr-flow-progress i{
  height:1px!important;
  background:linear-gradient(90deg,#453421,#2d2a26)!important;
}

/* Footer becomes a dark carved ledge. */
.rr-flow-foot{
  border-top:1px solid rgba(129,91,46,.32)!important;
  background:
    linear-gradient(rgba(15,12,9,.72),rgba(7,8,9,.94)),
    repeating-linear-gradient(
      0deg,
      rgba(90,57,29,.14) 0 3px,
      rgba(49,31,20,.10) 3px 7px
    )!important;
}

/* Buttons: forged bronze/wood plaque, no strange clipping. */
.rr-flow-next,
.rr-create-lobby{
  min-height:43px!important;
  padding:0 20px!important;
  border:1px solid #8a6231!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,#4f371c 0%,#342414 48%,#21170e 100%)!important;
  color:#f0cf8b!important;
  text-shadow:0 1px 0 #000!important;
  box-shadow:
    inset 0 1px 0 rgba(255,227,169,.10),
    inset 0 -2px 0 rgba(0,0,0,.38),
    0 5px 12px rgba(0,0,0,.27)!important;
}
.rr-flow-next:hover,
.rr-create-lobby:hover{
  border-color:#a77738!important;
  background:
    linear-gradient(180deg,#5d4120 0%,#3b2916 48%,#24180f 100%)!important;
}
.rr-flow-back,
.rr-flow-advanced,
.rr-add-player{
  border-radius:6px!important;
  border:1px solid #5e5140!important;
  background:linear-gradient(#26231f,#151718)!important;
  color:#c6b79e!important;
}

/* Inputs: inset iron/leather. */
.rr-field{
  border-radius:5px!important;
  border:1px solid #655038!important;
  background:linear-gradient(180deg,#0c0e10,#15120f)!important;
  color:#eee2cc!important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.42),
    0 1px 0 rgba(255,255,255,.025)!important;
}
.rr-settings-grid label,
.rr-schedule-wrap label{
  color:#cfb27b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.055em!important;
}

/* Launch cards match the same plaque language. */
.rr-launch-card{
  border:1px solid #62492e!important;
  border-radius:8px!important;
  background:
    linear-gradient(180deg,rgba(30,22,15,.72),rgba(13,14,15,.88)),
    repeating-linear-gradient(0deg,rgba(119,76,35,.10) 0 2px,transparent 2px 8px)!important;
}
.rr-launch-card.selected{
  border-color:#a47436!important;
  background:
    linear-gradient(180deg,rgba(56,38,18,.70),rgba(16,15,14,.90)),
    repeating-linear-gradient(0deg,rgba(137,85,37,.12) 0 2px,transparent 2px 8px)!important;
}

/* Slight rune-like corner accents using simple lines, no disconnected geometry. */
.rr-flow-step .rr-choice-grid:before,
.rr-flow-step .rr-choice-grid:after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  opacity:.38;
  pointer-events:none;
}
.rr-flow-step .rr-choice-grid:before{
  left:11px;bottom:11px;
  border-left:1px solid #a6793b;
  border-bottom:1px solid #a6793b;
}
.rr-flow-step .rr-choice-grid:after{
  right:11px;bottom:11px;
  border-right:1px solid #a6793b;
  border-bottom:1px solid #a6793b;
}

/* ================================================================
   WAR TABLE D100 — SOLID FACTION DIE
   Horde = crimson/red. Alliance = deep blue.
   ================================================================ */

#rollStage{
  position:relative!important;
  overflow:hidden!important;
}

/* Transparent overlay only — never paints a brown/opaque strip. */
#rollStage .d100-roll-canvas{
  position:absolute;
  z-index:25;
  left:0;
  top:104px;
  width:100%;
  height:335px;
  display:block;
  opacity:0;
  pointer-events:none;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:opacity .10s ease;
}

#rollStage .d100-roll-canvas.active{
  opacity:1;
}

#rollStage .roll-die{
  transition:opacity .14s ease,filter .18s ease,transform .18s ease;
}

#rollStage .roll-die.roll-die-hidden{
  opacity:0!important;
}

#rollStage .roll-die.die-result-reveal{
  animation:wtD100ResultReveal .46s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes wtD100ResultReveal{
  0%{opacity:0;transform:translateY(-5px) scale(.91);filter:brightness(1.42)}
  55%{opacity:1;transform:translateY(1px) scale(1.045);filter:brightness(1.16)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
}

#rollAction.is-rolling{
  opacity:.72;
  cursor:wait;
}

#rollStage .die-tumbling{
  animation:none!important;
}

@media(max-width:700px){
  #rollStage .d100-roll-canvas{
    top:128px;
    height:270px;
  }
}

@media(prefers-reduced-motion:reduce){
  #rollStage .roll-die.die-result-reveal{animation:none}
}

/* ======================================================================
   WAR TABLE — INTERACTIVE PLAYER DICE THROW
   ====================================================================== */
#rollStage .wt-old-roll-die,
#rollStage #rollAction,
#rollStage .d100-roll-canvas{display:none!important}

#rollStage .wt-dice-throw-zone{
  position:relative;
  width:min(900px,100%);
  height:330px;
  margin:18px auto 10px;
  overflow:hidden;
  border:1px solid rgba(181,139,71,.28);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 115%,rgba(173,107,42,.11),transparent 50%),
    linear-gradient(180deg,rgba(9,11,14,.84),rgba(13,12,11,.94));
  box-shadow:inset 0 0 36px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,224,164,.025)
}
#rollStage .wt-dice-zone-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    linear-gradient(90deg,transparent 0 49.8%,rgba(204,155,77,.08) 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 0 76%,rgba(204,155,77,.07) 76.2%,transparent 76.5%)
}
#rollStage .wt-dice-throw-zone:after{
  content:"";position:absolute;left:6%;right:6%;bottom:38px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(201,150,75,.25),transparent);pointer-events:none
}
#rollStage .wt-active-die{
  position:absolute;z-index:5;left:0;top:0;object-fit:contain;user-select:none;-webkit-user-drag:none;
  touch-action:none;cursor:grab;filter:drop-shadow(0 18px 12px rgba(0,0,0,.55));
  transform-origin:50% 52%;transition:filter .12s ease
}
#rollStage .wt-active-die:not(.wt-die-disabled){animation:wtDieReadyPulse 1.9s ease-in-out infinite}
#rollStage .wt-active-die.wt-die-grabbed{cursor:grabbing;animation:none;filter:drop-shadow(0 24px 15px rgba(0,0,0,.56)) brightness(1.08)}
#rollStage .wt-active-die.wt-die-thrown{animation:none;cursor:default}
#rollStage .wt-active-die.wt-die-disabled{pointer-events:none;opacity:.38;animation:none}
@keyframes wtDieReadyPulse{0%,100%{filter:drop-shadow(0 17px 11px rgba(0,0,0,.52)) brightness(1)}50%{filter:drop-shadow(0 19px 13px rgba(0,0,0,.54)) brightness(1.09)}}

#rollStage .wt-dice-shadow{position:absolute;z-index:2;left:0;top:0;height:30px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.58),rgba(0,0,0,0) 72%);filter:blur(5px);opacity:.68;transform-origin:center}
#rollStage .wt-dice-hint{position:absolute;z-index:8;left:50%;bottom:11px;transform:translateX(-50%);max-width:88%;padding:7px 12px;border:1px solid rgba(170,126,62,.24);border-radius:999px;background:rgba(8,9,11,.72);color:#cbbd9f;font-size:11px;font-weight:800;letter-spacing:.035em;white-space:nowrap;pointer-events:none}
#rollStage .wt-die-result{position:absolute;z-index:10;display:grid;place-items:center;width:74px;height:74px;transform:translate(-50%,-50%) scale(.55);border:2px solid currentColor;border-radius:50%;background:radial-gradient(circle,#171411 0 58%,#08090b 73%);box-shadow:0 0 0 3px rgba(0,0,0,.38),0 0 22px currentColor;color:#e9ce91;font:900 31px/1 Georgia,serif;text-shadow:0 2px 4px #000;opacity:0;pointer-events:none}
#rollStage .wt-die-result.show{animation:wtResultPop .46s cubic-bezier(.19,.85,.25,1.28) forwards}
@keyframes wtResultPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}

#unifiedOrder .unified-order-row,#rollEntries .roll-entry{position:relative;padding-left:50px!important;min-height:51px}
.wt-player-mini-die{position:absolute;left:8px;top:50%;width:34px;height:34px;transform:translateY(-50%);object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.45));opacity:.64;pointer-events:none}
#unifiedOrder .unified-order-row.wt-roll-active,#rollEntries .roll-entry.wt-roll-active{border-color:#c18b3d!important;background:linear-gradient(90deg,rgba(114,73,29,.33),rgba(27,28,32,.96))!important;box-shadow:inset 0 0 16px rgba(187,126,42,.08),0 0 14px rgba(182,120,43,.08)}
#unifiedOrder .unified-order-row.wt-roll-active .wt-player-mini-die,#rollEntries .roll-entry.wt-roll-active .wt-player-mini-die{opacity:1;animation:wtMiniDiePulse 1.35s ease-in-out infinite}
@keyframes wtMiniDiePulse{0%,100%{transform:translateY(-50%) scale(1);filter:drop-shadow(0 4px 3px rgba(0,0,0,.45)) brightness(1)}50%{transform:translateY(-50%) scale(1.13);filter:drop-shadow(0 0 8px rgba(220,165,75,.34)) brightness(1.14)}}
#unifiedOrder .unified-order-row.wt-roll-finished .wt-player-mini-die{opacity:.42;filter:grayscale(.15) drop-shadow(0 4px 3px rgba(0,0,0,.4))}

@media(max-width:700px){
  #rollStage .wt-dice-throw-zone{height:270px}
  #rollStage .wt-dice-hint{font-size:10px;white-space:normal;text-align:center;width:88%}
  .wt-player-mini-die{width:30px;height:30px}
  #unifiedOrder .unified-order-row,#rollEntries .roll-entry{padding-left:45px!important}
}
@media(prefers-reduced-motion:reduce){
  #rollStage .wt-active-die:not(.wt-die-disabled),.wt-player-mini-die{animation:none!important}
}


/* Continuous 100-face tabletop model. Result stays above the physical die. */
#rollStage .wt-active-die{filter:drop-shadow(0 3px 2px rgba(0,0,0,.28));transition:none}
#rollStage .wt-active-die:not(.wt-die-disabled){animation:none}
#rollStage .wt-active-die.wt-die-grabbed{filter:brightness(1.12);animation:none}
#rollStage .wt-active-die:focus-visible{outline:2px solid #e8c582;outline-offset:2px;border-radius:50%}
#rollStage .wt-die-result{width:auto;min-width:58px;height:36px;padding:0 12px;border:1px solid currentColor;border-radius:8px;font-size:25px;box-shadow:0 3px 15px #0009;background:#141416ee}
#rollStage .wt-dice-throw-zone:after{display:none}
#rollStage .wt-dice-zone-grid{opacity:.22;background:repeating-linear-gradient(2deg,transparent 0 7px,rgba(177,136,87,.07) 8px,transparent 9px 16px)}
#rollStage .wt-dice-shadow{filter:blur(4px)}

/* Keep the D100 and its result legible throughout the completed state. */
#rollStage .wt-active-die.wt-die-disabled{opacity:1}
#rollStage .wt-die-result{min-width:70px;height:46px;font-size:36px;font-family:Arial,sans-serif;font-weight:900;background:#090b10;box-shadow:0 3px 14px #000b;text-shadow:0 0 9px currentColor}
.wt-player-mini-die{opacity:.95}
#unifiedOrder .wt-roll-finished .wt-player-mini-die,#rollEntries .wt-roll-finished .wt-player-mini-die{opacity:.85;filter:drop-shadow(0 3px 3px #0008)}