/* Shadows of Azeroth — Alliance workshop. All ornament is local CSS/SVG. */
:root{color-scheme:dark;--guild-gold:#d5b877;--guild-line:#645536;--guild-blue:#142f50;--guild-ink:#0d131e}
body{background:radial-gradient(ellipse at 4% 24%,#20203988,transparent 42%),radial-gradient(ellipse at 96% 13%,#17345777,transparent 42%),linear-gradient(90deg,#080d15,#131b28 45%,#080d15);color:#e4e7ee}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 2px),#69758b0b calc(25% - 1px),transparent 25%),linear-gradient(180deg,#b2a0710a,transparent 35%)}
.wrap{max-width:1400px;padding-top:0}.guild-header{min-height:86px;gap:20px;border-bottom:1px solid #b99b5844}.guild-wordmark{text-decoration:none;font-size:14px;color:#ead6aa;letter-spacing:.12em}.guild-wordmark small{display:block;font-family:inherit;font-size:9px;color:#a7b4c6;letter-spacing:.22em;margin-top:6px}.guild-mini-mark{display:grid;place-items:center;width:35px;height:42px;background:#173151;border:1px solid #a38b54;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);font-size:23px;color:#e1c788}.guild-header .nav{gap:5px}.nav .tab{border-radius:3px;background:transparent;border-color:transparent;padding:13px 23px;color:#b8c5d5}.nav .tab.on{color:#f2d9a4;background:linear-gradient(#25446388,#14243988);border:1px solid #887140;border-bottom:2px solid #d8b66a}.help-link{background:transparent;border:0;color:#c4b18a;font-size:12px}
.guild-masthead{position:relative;isolation:isolate;display:grid;grid-template-columns:140px 1fr 120px;align-items:center;gap:26px;min-height:238px;padding:24px 35px 30px;border-bottom:1px solid #b99b5844;margin-bottom:22px;overflow:hidden;background:radial-gradient(ellipse at 52% 130%,#ba69212a,transparent 58%),linear-gradient(110deg,#11172455,#11233b66,#19152866)}
.guild-masthead:before,.guild-masthead:after{content:"";position:absolute;z-index:-1;width:290px;height:360px;top:-150px;border:1px solid #d1b57213;transform:rotate(35deg);pointer-events:none}.guild-masthead:before{left:17%}.guild-masthead:after{right:17%;transform:rotate(-35deg)}.guild-standard{align-self:start;text-align:center;padding:0 9px 20px;background:linear-gradient(90deg,#10243a,#1c3e62 48%,#10243a);border-top:2px solid #b79b5f;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}.alliance-crest{width:91px;height:112px;margin:10px auto 0}.crest-shield{fill:#142b47;stroke:#d9bb75;stroke-width:2}.crest-inner{fill:none;stroke:#8d7541;stroke-width:1}.crest-lion{fill:#d9bb75}.crest-eye{fill:#18304d}.crest-detail{fill:none;stroke:#d9bb75;stroke-width:1.5}.guild-standard>span{display:block;font-size:7px;letter-spacing:.17em;color:#e4cd9b;margin-top:0}.guild-title{text-align:center}.guild-title .kicker{font-size:10px;letter-spacing:.34em;color:#b6a57c}.guild-title h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(30px,4.4vw,57px);line-height:1.15;letter-spacing:-.025em;color:#f0dfb7;margin:13px 0 10px;text-shadow:0 3px 15px #0008}.guild-title h1 em{font-size:.65em;color:#bca67c;font-weight:400}.guild-rule{max-width:350px;display:flex;align-items:center;gap:15px;margin:0 auto;color:#b99b58;font-size:9px}.guild-rule:before,.guild-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#b99b5880)}.guild-rule:after{transform:rotate(180deg)}.guild-title p{font-family:Georgia,serif;font-style:italic;font-size:17px;color:#c7c7d0;margin:14px 0 8px}.guild-subtitle{color:#92a4ba;font-size:11px;letter-spacing:.04em}.forge-seal{text-align:center;color:#a18b62}.forge-seal svg{width:100px;fill:none;stroke:currentColor;stroke-width:1}.forge-seal svg path{fill:#a18b6220;stroke-width:1.5}.forge-seal span{font-size:8px;letter-spacing:.22em;line-height:1.8;display:block}
h2,.sectiontitle{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:.01em;color:#e5d2aa}h3{color:#d8c7a4}.kicker{color:#c3a76b}.panel{position:relative;background:linear-gradient(145deg,#172130,#101925 65%);border:1px solid #50505a;border-top-color:#8b7750;border-radius:5px;box-shadow:0 8px 22px #0002,inset 0 1px #d2b66e10}.panel>.kicker:first-child{font-size:10px}.metric,.bs-gear-card{background:linear-gradient(135deg,#17283a,#101b29);border-color:#405064;border-radius:4px}.metric .big{font-variant-numeric:tabular-nums}.banner{background:#1b2533;border-color:#6e6045;border-left:3px solid #b49759;border-radius:4px;color:#ded4bf}.note,.muted{color:#a2afc0}button,.chip{border-radius:4px;background:linear-gradient(#213955,#17283d);border-color:#536078;color:#e0e7f1;box-shadow:inset 0 1px #ffffff07;transition:background .15s,border-color .15s}button:hover{border-color:#b49b64;background:#29415e}button.primary,.chip.on{background:linear-gradient(#e0c58b,#ba9453);color:#1c1b1a;border-color:#e6cb90;text-shadow:0 1px #fff3}button.primary:hover{background:linear-gradient(#f0d59c,#c5a25e)}button:disabled{opacity:.6;cursor:wait}.danger{color:#ffb4b4;border-color:#8b5058}input,select,textarea{background:#0c1623;border-color:#45566e;border-radius:4px;color:#e7ebf2}input:focus,select:focus,textarea:focus{outline:2px solid #bd9e59;outline-offset:1px}input[type=checkbox]{accent-color:#d6b778}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e5c680;outline-offset:3px}
.quickmarket{background:#101c2a;border-color:#344962;border-radius:4px}#deploymentNotice:empty{display:none}th{background:#1b2b3d;color:#c8b891;font-weight:600}td{font-variant-numeric:tabular-nums}tr:hover td{background:#1c2b3a}table{line-height:1.5}.green{color:#99d8ad}.red{color:#f2a4a4}.bs-trees>details{background:#111c2a;border-color:#45536a;border-radius:4px}.bs-active{border-color:#cbb477}.profession-sigil{display:inline-grid;place-items:center;flex:0 0 auto;width:43px;height:43px;background:radial-gradient(circle at 50% 25%,#36577b,#102439);border:1px solid #b69a5e;border-radius:4px;box-shadow:0 2px 6px #0006;color:#e9d29c}.profession-sigil svg{width:30px;height:30px}.profession-title{display:flex;align-items:center;gap:13px}.profession-card{position:relative;transition:border-color .15s,background .15s}.profession-card>.profession-sigil{margin-bottom:8px}.profession-card:has(input:checked){background:linear-gradient(135deg,#233d59,#14243a);border-color:#d3b776;box-shadow:inset 0 0 0 1px #d3b77630}.profession-card .bs-check{margin-top:0}.profession-card .note{min-height:3em}.profession-card button{font-size:12px}#bsStatus:not(:empty),#combinedStatus:not(:empty){border-left:2px solid #b89b5e;padding-left:12px}.recipe-dialog{background:#111b29;border:1px solid #a08a5e;border-radius:6px}.recipe-header{background:#182b42}body:has(#bsPlanButton:disabled) .alliance-crest,body:has(#combinedWorkshop fieldset:disabled) .alliance-crest{animation:forge-glow 2.4s ease-in-out infinite}@keyframes forge-glow{50%{filter:drop-shadow(0 0 9px #e9a54988)}}
@media(min-width:851px){.guild-header .nav{margin-left:auto}.guild-header>.help-link{border-left:1px solid #74613e;padding-left:23px}}
@media(max-width:850px){.guild-header{padding:16px 0;gap:14px}.guild-header .nav{order:3;width:100%}.nav .tab{flex:1;padding:10px}.guild-header>.help-link{margin-left:auto}.guild-masthead{grid-template-columns:90px 1fr;padding:18px 12px;gap:15px;min-height:200px}.forge-seal{display:none}.guild-standard{padding:0 4px 17px}.alliance-crest{width:70px;height:91px}.guild-standard>span{font-size:6px}.guild-title h1{font-size:clamp(27px,5vw,42px)}.guild-title p{font-size:15px}.guild-title .kicker{font-size:8px}.guild-subtitle{font-size:10px}}
@media(max-width:480px){.guild-masthead{grid-template-columns:1fr}.guild-standard{display:none}.guild-title h1{font-size:34px}.guild-header .guild-wordmark{font-size:12px}.guild-header .help-link{font-size:11px}.guild-masthead{padding:24px 10px}.panel{padding:16px}.profession-title{align-items:flex-start}.guild-title p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Forged buttons: bevel, lift, press and a restrained activation flash. */
button:not(.item-link):not(.market-click):not(.recipe-close){position:relative;box-shadow:0 3px 0 #060d18,0 6px 13px #0005,inset 0 1px 0 #a7c5e52b,inset 0 -1px 0 #0005;transition:transform 110ms ease,box-shadow 150ms ease,border-color 150ms ease,background 150ms ease,filter 150ms ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button.primary{box-shadow:0 3px 0 #5b421f,0 6px 16px #0006,inset 0 1px 0 #fff2c280,inset 0 -1px 0 #78582266!important}
@media(hover:hover){button:not(:disabled):not(.item-link):not(.market-click):not(.recipe-close):hover{transform:translateY(-1px);box-shadow:0 4px 0 #060d18,0 8px 18px #0006,0 0 12px #7ea9dc24,inset 0 1px 0 #c9def54d}button.primary:not(:disabled):hover{box-shadow:0 4px 0 #5b421f,0 9px 20px #0006,0 0 17px #dcb46d33,inset 0 1px 0 #fff2c2a0!important}}
button:not(:disabled):not(.item-link):not(.market-click):not(.recipe-close):active{transform:translateY(2px);box-shadow:0 1px 0 #060d18,inset 0 2px 5px #0007;filter:brightness(1.12)}
button.primary:not(:disabled):active{box-shadow:0 1px 0 #5b421f,inset 0 2px 6px #74501c88!important}
button:disabled{transform:none!important;box-shadow:inset 0 1px 0 #ffffff0a!important}
button.item-link:active,button.market-click:active{filter:brightness(1.35);text-decoration:underline}
button.recipe-close:active{transform:scale(.94);background:#314865}
button.guild-clicked{animation:guild-button-flash 380ms ease-out}
@keyframes guild-button-flash{0%{filter:brightness(1.38)}100%{filter:brightness(1)}}
.guild-click-spark{position:fixed;pointer-events:none;z-index:2147483646;width:46px;height:46px;border:1px solid #ead3a1;border-radius:50%;box-shadow:0 0 9px #e6bc6e77,inset 0 0 9px #e6bc6e44;transform:translate(-50%,-50%);animation:guild-click-spark 420ms ease-out forwards}
@keyframes guild-click-spark{from{opacity:.85;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
@media(prefers-reduced-motion:reduce){button:not(.item-link):not(.market-click):not(.recipe-close){transition:none!important}button:hover,button:active{transform:none!important}.guild-click-spark{display:none}button.guild-clicked{animation:none!important;outline:2px solid #e6c783;outline-offset:2px}}