:root{--bg:#080f18;--panel:#101c2b;--gold:#dbb877;--text:#e9edf3;--muted:#9daebf;--line:#28384a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}header{position:absolute;top:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid #ffffff18;background:linear-gradient(#070d17c9,transparent)}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:15px;line-height:1.25;letter-spacing:2px}.brand b{color:var(--gold)}.crest{font-size:36px;color:var(--gold)}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a:hover{color:var(--gold)}#menu{display:none}.hero{position:relative;min-height:830px;height:95vh;max-height:1100px;background:linear-gradient(90deg,#050d19f0 0%,#071321c9 35%,#07132110 80%),linear-gradient(0deg,var(--bg),transparent 35%),url('assets/dragon-hero.png') center/cover}.hero-content{padding:170px 7% 80px;max-width:900px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:bold;margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(40px,5.5vw,78px);line-height:1.06;letter-spacing:1px;margin:20px 0 28px;text-shadow:0 3px 30px #000}h1 em{font-style:normal;color:var(--gold)}.motto{font-family:Georgia,serif;font-size:26px;line-height:1.45;margin:0 0 20px}.intro{color:#b7c8da}.actions{display:flex;gap:14px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:2px;padding:13px 24px;font-size:14px;font-weight:bold;letter-spacing:.4px}.gold{background:var(--gold);color:#121721}.gold:hover{background:#efd29d}.outline{background:#08132170;color:var(--gold)}.outline:hover{background:#263244}.small{background:transparent;color:var(--gold);border:1px solid #dbb87766;padding:8px 18px}.game{display:flex;gap:22px;align-items:center;font-size:11px;color:var(--muted);letter-spacing:1px}.game img{width:140px;height:115px;object-fit:contain;mix-blend-mode:screen}.game strong{font-size:16px;color:#d9e3ed;letter-spacing:0}.scroll{position:absolute;bottom:26px;left:7%;font-size:11px;letter-spacing:2px;color:var(--muted)}.scroll span{margin-left:20px;color:var(--gold)}.section{max-width:1280px;margin:auto;padding:95px 5%;border-bottom:1px solid var(--line)}h2{font-size:clamp(32px,3.7vw,48px);line-height:1.2;margin:0 0 24px}h3{font-size:24px;line-height:1.3}.guild{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.guild p{margin-top:0;color:var(--muted)}.values{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px;color:var(--gold);font-size:12px}.values b{display:block;color:var(--text);font-size:16px;font-weight:normal}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.muted{color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 28px}.filters button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 16px;font-size:14px;border-radius:2px}.filters button.active{border-color:var(--gold);color:var(--gold);background:#dbb8770c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:linear-gradient(140deg,#15273a,#0e1723);border:1px solid var(--line);padding:30px;text-align:left;color:var(--text);min-height:270px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card .number{font:36px Georgia,serif;color:#dbb87780}.card p{color:var(--muted);font-size:14px}.card .read{color:var(--gold);font-size:13px}.tips{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.tip-list details{border-bottom:1px solid var(--line);padding:18px 0}.tip-list summary{cursor:pointer;font-size:17px}.tip-list p{color:var(--muted);font-size:15px}.recruitment{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.recruitment>div>p:not(.eyebrow){color:var(--muted)}.roles{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.roles span{background:var(--panel);border:1px solid var(--line);padding:8px 16px;color:var(--gold);font-size:14px}form{background:#101b29;border:1px solid var(--line);padding:30px}label{display:block;font-size:14px;color:#c7d4e2;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;width:100%;background:#09121e;color:var(--text);border:1px solid #334356;padding:11px 12px;margin-top:7px;border-radius:2px;font-size:15px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}.form-note{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:0}#result{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}#copy-status{font-size:14px;color:var(--gold)}.community{text-align:center;background:radial-gradient(ellipse at bottom,#13314c,transparent 75%)}.community p:not(.eyebrow){color:var(--muted)}footer{padding:40px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}footer p{width:100%;font-size:12px}dialog{background:#101c2b;color:var(--text);border:1px solid #8a7248;max-width:700px;width:calc(100% - 32px);padding:45px;max-height:85vh}dialog::backdrop{background:#030812d9}.close{position:absolute;top:10px;right:15px;border:0;background:none;color:var(--gold);font-size:30px}dialog p,dialog li{color:#bac9d9}dialog h2{font-size:32px}dialog h3{font-size:22px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:900px){nav{gap:15px}header{padding:20px 4%}.guild,.tips,.recruitment{gap:35px}.cards{gap:14px}.card{padding:23px}.hero-content{padding-left:5%}}@media(max-width:700px){header{position:absolute}.brand{font-size:12px}#menu{display:block;background:none;border:1px solid var(--line);color:var(--gold);font-size:24px;padding:2px 12px}nav{display:none;position:absolute;top:80px;left:0;width:100%;background:#0a1624;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{height:auto;min-height:800px;background-position:62% center}.hero-content{padding:145px 6% 100px;background:linear-gradient(90deg,#05101a95,transparent)}h1{font-size:43px}.motto{font-size:23px}.intro br{display:none}.actions{flex-wrap:wrap}.button{padding:12px 18px}.section{padding:65px 6%}.guild,.tips,.recruitment{grid-template-columns:1fr;gap:24px}.cards{grid-template-columns:1fr}.card{min-height:220px}.section-head{display:block}.form-row{grid-template-columns:1fr;gap:0}form{padding:22px}.values{justify-content:space-between;gap:12px}.game img{width:110px;height:100px}dialog{padding:35px 24px}.community h2{font-size:32px}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.role-picker{border:0;padding:0;margin:0 0 18px;min-width:0}.role-picker legend{font-size:14px;color:#c7d4e2;margin-bottom:9px}.role-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-options label{display:flex;gap:10px;align-items:center;margin:0;border:1px solid #334356;padding:10px 12px;background:#09121e;cursor:pointer}.role-options input{width:18px;height:18px;margin:0;accent-color:var(--gold)}.role-options label:has(input:checked){border-color:var(--gold);color:var(--gold)}

/* Alliance fantasy styling */
:root{--gold:#e2bc72;--line:#82653555;--panel:#112137}body{background:radial-gradient(ellipse at 50% 40%,#10273d55,transparent 65%),#070e18}header{border-bottom:1px solid #bb924b66;background:linear-gradient(#050a13ed,#09142270);box-shadow:0 1px 0 #060a10,0 5px 30px #0005}.brand{color:#f0d8a3;text-shadow:0 2px 4px #000}.hero{border-bottom:2px solid #aa824a;box-shadow:0 4px 0 #161e2a,0 6px 0 #6f542533}h1{color:#f5e3ba;font-weight:bold;text-shadow:0 2px 0 #634620,0 4px 8px #000,0 0 28px #000}h1 em{color:#e4bd70}h2,h3{color:#eddbb7;text-shadow:0 2px 3px #000}.game{margin-top:32px;gap:24px}.game img{width:205px;height:168px;mix-blend-mode:normal;filter:drop-shadow(0 5px 8px #0009);background:transparent}.button{border:1px solid #e4c386;box-shadow:inset 0 0 0 2px #080e1c60,0 3px 8px #0007;text-transform:uppercase;font-family:Georgia,serif;letter-spacing:1px}.gold{background:linear-gradient(#f0d295,#c69a4f);color:#1e170d}.outline{background:linear-gradient(#162b41,#091725)}.section{border-color:#9b794344}.section>.eyebrow,.section-head .eyebrow{color:#d5b56f}.guild{background:linear-gradient(135deg,#13263c33,#0b121c11)}form{background:linear-gradient(145deg,#172b41,#0b1421);border:1px solid #947341;box-shadow:inset 0 0 0 4px #09121d,0 10px 35px #0004}.tip-list details{border-color:#876f444f}.values{border-color:#95723e66}.community{background:radial-gradient(ellipse at bottom,#174b715c,transparent 80%)}.guide-categories{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 26px}.guide-categories span{font-family:Georgia,serif;color:var(--gold);padding:9px 23px;border:1px solid #9b794377;background:linear-gradient(#162b43,#0b1726)}.guides-empty{padding:42px;text-align:center;border:1px solid #95744788;background:radial-gradient(ellipse at top,#24405b70,transparent),#0c1622;box-shadow:inset 0 0 0 5px #08101b}.guides-empty h3{font-size:28px;margin:0 0 16px}.guides-empty p:last-child{max-width:690px;margin:auto;color:var(--muted)}@media(max-width:700px){.game img{width:155px;height:126px}.game{gap:16px}.guides-empty{padding:30px 22px}.guide-categories{gap:8px}.guide-categories span{padding:8px 15px}.hero{min-height:850px}}

.intro{max-width:560px;line-height:1.75}.hero{min-height:940px}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:28px}.guild-value{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:18px 8px}.values .value-number{display:flex;align-items:center;justify-content:center;width:76px;height:86px;font-family:Georgia,'Times New Roman',serif;font-weight:bold;font-size:64px;line-height:1;color:#edc775;background:linear-gradient(145deg,#22384b,#091320);border:1px solid #b49350;border-top:3px solid #e2bd75;border-bottom:3px solid #87612b;box-shadow:inset 0 0 0 4px #070f19,inset 0 0 18px #c4942920,0 5px 12px #0007;text-shadow:0 2px 0 #795424,0 4px 5px #000}.values b{color:#efdbb5;font-family:Georgia,serif;font-size:18px;line-height:1.4}@media(max-width:700px){.hero{min-height:1000px}.values{gap:8px}.guild-value{padding:12px 0}.values .value-number{width:64px;height:76px;font-size:55px}.values b{font-size:16px}}
/* Classic Warcraft-inspired guild hall: bronze, dark leather, Alliance blue. */
:root{--bg:#090b0e;--panel:#17181b;--text:#ece2cf;--muted:#b9b2a4;--gold:#efc56d;--line:#7e6746}body{background:radial-gradient(ellipse at 50% 0,#20334766,transparent 55%),repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px),#090b0e;color:var(--text)}header{position:relative;max-width:1400px;margin:auto;padding:18px 32px;background:linear-gradient(#303038,#14171e 45%,#0a0d12);border:2px solid #6b5840;border-top:3px solid #c6a574;box-shadow:inset 0 1px #f1d39c55,inset 0 -2px #000,0 5px 20px #000;gap:25px}.brand{font-weight:bold;letter-spacing:1.5px;color:#f0d9a5}.crest{color:#d8b064;text-shadow:0 2px #000;font-size:38px}nav{gap:6px}nav a{padding:9px 13px;color:#dbc59a;font-family:Georgia,serif;font-size:15px;border:1px solid transparent;text-shadow:0 2px #000}nav a:hover{background:linear-gradient(#3a3328,#15191e);border-color:#9b7f4b;box-shadow:inset 0 0 0 2px #111}.small{background:linear-gradient(#2c4058,#101c2c);border:1px solid #ac8a50;box-shadow:inset 0 0 0 2px #0b111c}.hero{height:auto;min-height:880px;max-height:none;max-width:1400px;margin:auto;border:3px solid #6d5739;border-top:0;background:linear-gradient(90deg,#04070cec 0%,#091321ac 42%,#050b1310 85%),linear-gradient(0deg,#080c14,transparent 42%),url('assets/dragon-hero.png') center/cover;box-shadow:inset 0 0 0 2px #c29b4a44,0 15px 45px #000}.hero-content{padding:80px 7% 100px;max-width:850px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5vw,70px);font-weight:bold;letter-spacing:1px;color:#ffe0a0;text-shadow:0 2px #89501f,0 4px #28180b,0 7px 12px #000}h1 em{color:#dbad59}.motto{color:#eddfc6;font-style:italic;text-shadow:0 2px #000}.intro{color:#cfccbd;font-size:16px;max-width:545px}.eyebrow{color:#d5b172;letter-spacing:2.2px}.button{position:relative;border-radius:0;border:2px solid #b99861;border-top-color:#efd199;border-bottom-color:#655037;box-shadow:inset 0 0 0 2px #100d09,inset 0 4px 8px #ffffff15,0 3px 0 #030406,0 5px 14px #0009;padding:12px 23px;font-family:Georgia,serif;font-weight:bold;text-shadow:0 1px #000;letter-spacing:.6px}.gold{color:#ffdfa0;background:linear-gradient(#84312b,#551a1a 52%,#3b1213);border-color:#9e7c4e;border-top-color:#e8c889}.gold:hover{background:linear-gradient(#a04535,#712323 52%,#501819);color:#fff0c8}.outline{background:linear-gradient(#283b53,#132033 55%,#0c1625);color:#e9d2a2}.outline:hover{background:linear-gradient(#3a5372,#1b2f4a)}.game{margin-top:35px}.game img{width:210px;height:172px;filter:drop-shadow(0 7px 8px #000)}.game strong{color:#ecd7af}.scroll{color:#d1ba8d}.section{max-width:1180px;margin:42px auto;padding:48px 46px;border:2px solid #705a3b;border-top-color:#b59968;background:radial-gradient(ellipse at top,#27314240,transparent 65%),repeating-linear-gradient(90deg,#ffffff01 0,#ffffff01 1px,transparent 1px,transparent 6px),linear-gradient(#1d1e22,#111317);box-shadow:inset 0 0 0 4px #090b0e,inset 0 0 0 5px #715d3333,0 8px 22px #0009}.section h2{font-family:Georgia,serif;font-weight:bold;font-size:clamp(30px,3vw,43px);color:#e6c381;text-shadow:0 2px #39230d,0 4px 6px #000}.section-head{padding-bottom:12px;border-bottom:1px solid #76603e80;margin-bottom:25px}.guild{gap:55px}.guild p{color:#c4bdad;font-size:16px}.values{border-top:1px solid #9e80484d}.values .value-number{background:linear-gradient(145deg,#414039,#171717 45%,#2b2c2c);color:#eac376;border:2px solid #9f7a45;border-top-color:#e2c28a;box-shadow:inset 0 0 0 3px #100e0b,inset 0 1px 8px #fff3,0 4px 8px #000}.values b{color:#ead4a8}.guide-categories{gap:0}.guide-categories span{padding:10px 25px;border:1px solid #987c4b;border-bottom:3px solid #48351d;background:linear-gradient(#3a3328,#1f1d1b);color:#ebd4a4;font-size:16px;text-shadow:0 2px #000;box-shadow:inset 0 0 0 2px #13120e;margin-right:8px;margin-bottom:8px}.guides-empty{background:radial-gradient(ellipse at top,#3b352580,transparent 75%),linear-gradient(#151719,#0c0e11);border:1px solid #6e5a36;box-shadow:inset 0 0 0 4px #090a0c;padding:38px}.guides-empty h3{color:#e5d5b2;font-style:italic;font-size:25px}.guides-empty p:last-child{color:#bdb6a7}.recruitment{gap:48px}.recruitment>div>p:not(.eyebrow){color:#c4bdad}.roles span{background:linear-gradient(#2e3035,#16191e);border:1px solid #8b704a;color:#e2c486;box-shadow:inset 0 0 0 2px #0a0d11}form{background:linear-gradient(135deg,#27262a,#13151b);border:2px solid #927446;border-top-color:#cfb17b;box-shadow:inset 0 0 0 3px #0b0c10,0 5px 15px #0008;padding:28px}label,.role-picker legend{color:#dacbab}input,select,textarea{background:linear-gradient(#090b10,#12171f);border:1px solid #796448;box-shadow:inset 0 2px 5px #0009;color:#eae0cd}input::placeholder,textarea::placeholder{color:#92928a}.role-options label{border-color:#796448;background:linear-gradient(#282a30,#131820);color:#cabb9d}.role-options label:has(input:checked){background:linear-gradient(#394b60,#1b2a40);border-color:#e0bb72;color:#ffe0a2;box-shadow:inset 0 0 0 2px #091321}.community{background:radial-gradient(ellipse at bottom,#244a725c,transparent 80%),linear-gradient(#14191f,#0e131a)}footer{max-width:1180px;margin:auto;padding:22px 10px 40px;border-top:1px solid #7d643b;color:#9e9c92}footer .brand{font-size:14px;color:#cbb07b}#menu{border-color:#9f8050;background:linear-gradient(#333846,#111924)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ffe1a2}
@media(max-width:1100px){header{padding:16px 20px}nav a{font-size:14px;padding:8px}.section{margin:30px 20px;padding:40px 30px}.hero-content{padding-left:6%}.guild{gap:32px}}
@media(max-width:700px){header{padding:15px 18px;min-height:80px}.brand{font-size:12px}.crest{font-size:29px}nav{top:76px;background:linear-gradient(#222935,#0a111d);border:2px solid #8d7045;padding:18px;z-index:5}nav a{font-size:16px;padding:10px 14px}.hero{min-height:900px;background-position:60% center}.hero-content{padding:55px 6% 100px}h1{font-size:clamp(34px,9vw,47px)}.section{margin:24px 12px;padding:34px 23px}.section h2{font-size:32px}.guild,.recruitment{gap:28px}.section-head{display:block}.guides-empty{padding:28px 20px}.guide-categories span{padding:8px 14px;font-size:14px}.game img{width:150px;height:124px}.game{gap:14px}.game span{font-size:10px}.game strong{font-size:14px}.values .value-number{width:60px;height:74px;font-size:52px}.values b{font-size:15px}form{padding:23px 18px}.role-options{gap:8px}.role-options label{padding:10px 8px}footer{margin:0 24px}.community .button{max-width:100%}}

/* Luminous Alliance-gold masthead */
.hero h1{font-family:'Cinzel Decorative',Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(35px,4.5vw,63px);line-height:1.25;letter-spacing:.015em;color:#ffdb81;text-shadow:0 1px 0 #fff3ba,0 3px 0 #986019,0 5px 2px #362008,0 0 12px #ffbb485c,0 0 30px #e79a353b,0 7px 15px #000}.hero h1 em{color:#ffdb81;font:inherit;text-shadow:inherit}@supports(background-clip:text){.hero h1{background:linear-gradient(180deg,#fffbdc 4%,#fff0b0 20%,#e5ad42 44%,#fff0a1 58%,#d79829 78%,#ffe3a1 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #754813) drop-shadow(0 4px 1px #261602) drop-shadow(0 0 9px #ffc45a66) drop-shadow(0 0 23px #e6a13d38)}.hero h1 em{color:transparent}}@media(max-width:700px){.hero h1{font-size:clamp(28px,7.7vw,45px);line-height:1.3;letter-spacing:0}}@media(forced-colors:active){.hero h1,.hero h1 em{color:CanvasText;background:none;filter:none;text-shadow:none}}