:root{--bg:#101716;--panel:#18211f;--line:#2d3832;--text:#e8eadf;--muted:#97a69a;--gold:#d8b773;--green:#b4c7a1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}aside{width:247px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:31px 21px;background:#121b18}.brand{font-size:14px;letter-spacing:1px;font-weight:bold;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:4px}.crest{font:26px Georgia;color:var(--gold);border:1px solid #6e6345;padding:0 10px;margin-right:8px}.gold{color:var(--gold)}.side-label{color:#778a7d;font-size:10px;letter-spacing:2px;margin:56px 12px 17px}nav [data-tab]{display:block;width:100%;text-align:left;background:none;border:0;padding:13px 12px;border-radius:5px;color:var(--muted);margin:6px 0}nav [data-tab].active{background:#253227;color:#e4d7b7;border-left:2px solid var(--gold)}.side-bottom{position:absolute;bottom:30px;font-size:11px;color:var(--muted)}.side-bottom p{font:italic 17px Georgia;color:#bdc4b6;margin-top:25px}.dot{display:inline-block;width:6px;height:6px;background:#b1c88b;border-radius:50%;margin-right:6px}main{margin-left:247px;padding:0 46px;max-width:1800px}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:var(--muted)}header b{color:#c7cebf;font-weight:normal}.outline,.primary{border:1px solid #52604b;padding:10px 18px;border-radius:4px;background:transparent;font-size:12px;letter-spacing:.2px}.primary{background:var(--gold);border-color:var(--gold);color:#192017;font-weight:bold}.primary span{padding-left:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden;min-height:350px;margin:30px 0;padding:32px 35px;background:linear-gradient(110deg,#223027,#18261f 65%,#253d30);border:1px solid #394735;border-radius:7px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:2.5px}h1{font:46px/1.15 Georgia,serif;margin:18px 0;color:#f0eddd;font-weight:normal}h1 em{color:var(--gold);font-weight:normal}.hero p{font-size:13px;color:#acbaaa;margin-bottom:23px}.hero-art{position:relative;overflow:hidden;min-height:260px}.rune{position:absolute;border:1px solid #a5ae6a42;width:235px;height:235px;border-radius:50%;left:50%;top:4%;transform:translateX(-50%)}.r2{width:195px;height:195px;top:11%;border-style:dashed}.mountain{position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#758e69,#233e32 55%);width:260px;height:190px;bottom:5px;left:10%}.m2{height:140px;left:40%;background:linear-gradient(135deg,#8b9e7a,#1c3027 55%)}.m3{height:100px;width:300px;left:0%;background:#15261e;bottom:-25px}.orb{position:absolute;left:50%;top:30px;font-size:47px;color:#e6d7a1;text-shadow:0 0 40px #d7c981}.art-caption{position:absolute;bottom:0;right:5px;font-size:9px;letter-spacing:3px;color:#b2bda2}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px}.stat{padding:20px 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat small{color:var(--muted);font-size:10px;letter-spacing:1.5px}.stat strong{display:block;font:28px Georgia;margin-top:6px}.stat strong span{font:12px Arial;color:var(--muted);margin-left:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 17px}h2{font:24px Georgia;margin:0}h3{font:21px/1.3 Georgia;margin:12px 0}.section-title>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.section-title p{margin:6px 0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:25px;transition:.2s}.feature:hover{border-color:#9e8e5f;transform:translateY(-3px)}.feature-icon{display:block;font-size:30px;color:var(--gold);margin-bottom:20px}.feature small{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.feature h3{font-size:25px}.feature p{color:var(--muted);font-size:12px;min-height:58px}.feature-link{font-size:11px;color:var(--gold)}.panel,.list-card,.character{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:5px;margin-bottom:16px}.text-btn{background:none;border:0;color:var(--gold);padding:5px;font-size:12px}.task{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task input{accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}.task label{flex:1}.task.done label{text-decoration:line-through;color:var(--muted)}.task small{color:var(--muted);display:block}.muted{color:var(--muted);font-size:12px}.notice{background:#2b3023;border:1px solid #5e6140;border-radius:5px;padding:14px 18px;color:#d6d5b5;margin:15px 0;font-size:12px}label{display:block;color:#bac6b7;font-size:12px}input,select,textarea{width:100%;background:#101a16;border:1px solid #3b4a3e;color:var(--text);padding:10px;border-radius:4px;margin:6px 0 12px}input[type=checkbox]{width:auto;margin:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roster{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.character .level{color:var(--gold);font-size:11px;letter-spacing:2px}.character h3{font-size:28px}.badge{display:inline-block;border:1px solid #40503c;padding:3px 9px;border-radius:20px;font-size:10px;color:var(--green);margin:3px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button{background:none;border:1px solid var(--line);padding:8px 17px;border-radius:30px;color:var(--muted)}.filters button.active{background:#34412d;color:#e2dbbd;border-color:#7a8057}.progress{height:4px;background:#303d31;border-radius:5px;overflow:hidden;margin:14px 0}.progress div{height:100%;background:var(--gold)}.list-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.list-head h3{margin:0}.material{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:center}.material output{color:var(--gold);font-size:16px}.calc-total{padding:15px 0;font:22px Georgia;color:var(--gold)}footer{display:flex;justify-content:space-between;gap:15px;margin-top:45px;border-top:1px solid var(--line);padding:24px 0;color:#788d7e;font-size:10px}.empty{text-align:center;padding:40px;color:var(--muted)}dialog{background:#19231d;color:var(--text);border:1px solid #586143;border-radius:8px;width:550px;max-width:94vw;padding:26px}dialog::backdrop{background:#000b}dialog h2{margin-bottom:16px}dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d8b773;color:#142018;padding:12px 24px;border-radius:4px;display:none;z-index:10}[hidden]{display:none!important}.danger{color:#d4a296}.character p{white-space:pre-wrap;overflow-wrap:anywhere}.task label{overflow-wrap:anywhere}@media(min-width:1500px){main{padding:0 70px}.hero{min-height:390px}h1{font-size:56px}}@media(max-width:1000px){aside{width:205px;padding:25px 12px}.brand{font-size:11px}main{margin-left:205px;padding:0 24px}.feature{padding:18px}.hero{padding:25px}.hero-art{min-width:0}h1{font-size:38px}}@media(max-width:740px){aside{position:static;width:100%;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:14px}.side-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav [data-tab]{white-space:nowrap;width:auto;font-size:11px;padding:9px}main{margin:0;padding:0 17px}header{height:65px;letter-spacing:.5px;font-size:9px}.hero{grid-template-columns:1fr;margin:20px 0;min-height:300px}.hero-art{position:absolute;width:44%;height:220px;right:-40px;bottom:0;opacity:.35;pointer-events:none}.hero>div:first-child{position:relative;z-index:1}h1{font-size:40px}.feature-grid,.roster{grid-template-columns:1fr}.feature p{min-height:0}.feature h3 br{display:none}.feature-icon{float:right}.stats .stat{padding:14px 10px}.stat small{font-size:8px}.stat strong{font-size:23px}.stat strong span{display:block;margin-left:0;font-size:10px}.section-title{align-items:flex-start}.section-title>span{display:none}.form-grid{grid-template-columns:1fr}.material{grid-template-columns:2fr 1fr 1fr;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.material output{font-size:12px}.list-head{align-items:flex-start}.list-head h3{font-size:19px}footer{flex-direction:column}.panel,.list-card{padding:18px}}
/* Classic Azeroth: stone, bronze, burgundy and quest parchment. */
:root{--bg:#151311;--panel:#211c17;--line:#514330;--text:#eee0bd;--muted:#b1a38a;--gold:#edbf64;--green:#c1b98c}body{background-color:#151311;background-image:radial-gradient(ellipse at 80% 0%,#58402630,transparent 60%),repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px);font-family:Verdana,Arial,sans-serif}aside{background:linear-gradient(90deg,#171411,#282119 94%,#141210);border-right:3px ridge #715b37;box-shadow:5px 0 20px #0007}.brand{font-family:Georgia,serif;font-size:15px;letter-spacing:.5px;text-shadow:0 2px 2px #000}.crest{background:linear-gradient(135deg,#8c773e,#292217 50%,#776036);border:3px ridge #b29255;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);padding:2px 12px 8px;color:#ffe29b;font-weight:bold}.side-label{color:#b7975b}nav [data-tab]{font-family:Georgia,serif;font-size:14px;border-radius:2px}nav [data-tab].active{background:linear-gradient(#753329,#411b18);border:1px solid #a17a3c;box-shadow:inset 0 0 0 2px #2a1713,0 2px 5px #0008;color:#ffe6a7}nav [data-tab]:hover{color:#ffda83;background-color:#433323}.dot{background:#e4bc69}.side-bottom p{color:#d0b680}header{border-bottom:1px solid #59472f;color:#a49479}header b{color:#e0cc99}.hero{border:3px ridge #927443;border-radius:3px;background:radial-gradient(ellipse at 80% 30%,#d49b3c25,transparent 40%),linear-gradient(110deg,#191713 15%,#292b24 65%,#48483a);box-shadow:0 6px 20px #0007,inset 0 0 45px #0008;padding:34px}.hero:before,.hero:after{content:'◆';position:absolute;color:#d3ad58;font-size:16px;z-index:2;top:3px}.hero:before{left:7px}.hero:after{right:7px}.eyebrow{color:#d6b375;text-shadow:0 1px 2px #000}h1{color:#ffe5a4;text-shadow:0 3px 3px #000;font-weight:bold}h1 em{font-style:normal;color:#dba750}.hero p{color:#c4bda3}.primary{background:linear-gradient(#973b2b,#63241d 55%,#491b16);border:2px ridge #c2a064;color:#ffe8ac;text-shadow:0 1px 2px #000;border-radius:2px;box-shadow:inset 0 0 0 1px #3c1a14,0 2px 4px #0007;font-family:Georgia,serif;font-size:14px}.primary:hover{background:linear-gradient(#b64b36,#782d22);border-color:#f4d285}.outline{background:linear-gradient(#3e3527,#211d18);border:2px ridge #88714a;color:#e7cf96;border-radius:2px;box-shadow:inset 0 0 0 1px #15120f}.outline:hover{border-color:#d0ad65}.stats{background:linear-gradient(#30281f,#1e1a16);border:2px ridge #7c6540;border-radius:2px;box-shadow:0 3px 12px #0005}.stat{border-color:#665137}.stat strong{color:#f0ce80}.stat small{color:#b8a588}.section-title h2{color:#efd399;text-shadow:0 2px 2px #000;font-weight:bold;font-size:25px}.feature{position:relative;border:3px ridge #856c43;border-radius:2px;background:radial-gradient(ellipse at top,#4b3e292b,transparent 60%),linear-gradient(135deg,#30291f,#211b16);box-shadow:inset 0 0 20px #0007,0 4px 9px #0005}.feature:after{content:'◆';position:absolute;right:9px;bottom:5px;font-size:10px;color:#b79b5d}.feature h3{color:#f0d29b;text-shadow:0 2px 2px #000}.feature-icon{width:49px;height:49px;line-height:42px;text-align:center;background:radial-gradient(#3b492f,#141d13);border:3px ridge #b39a61;box-shadow:0 0 0 2px #0c0c0b,0 3px 8px #000a;color:#ffe69e;font-size:30px}.feature:nth-child(2) .feature-icon{background:radial-gradient(#79512c,#231910)}.feature:nth-child(3) .feature-icon{background:radial-gradient(#394968,#141922)}.feature:hover{border-color:#e3c378;transform:translateY(-2px)}.feature small{color:#c3a875}.feature p{color:#bbae93}.feature-link{color:#ffd978}.panel,.list-card{background-color:#d1b885;background-image:radial-gradient(ellipse at 50% 40%,#f0dba9aa,transparent 75%),repeating-linear-gradient(93deg,#5e381109 0px,#5e381109 1px,transparent 1px,transparent 4px);border:3px ridge #94754a;border-radius:2px;box-shadow:inset 0 0 30px #6a43194a,0 4px 12px #0007;color:#302619}.panel h3,.list-card h3{color:#422813;font-weight:bold}.panel .muted,.list-card .muted,.panel label,.list-card small,.panel .task small{color:#685037}.task{border-color:#9d7c4d60}.task.done label{color:#7a684b}.task input{accent-color:#723a20}.task label{font-family:Georgia,serif;font-size:16px;color:#3e2e1a}.panel .text-btn,.list-card .text-btn{color:#73401f;font-weight:bold}.panel .danger,.list-card .danger{color:#8c2b1c}.list-card .badge{border-color:#98764a;background:#bda16b66;color:#553b1f}.progress{height:7px;background:#78623e55;border:1px solid #9f7f4b}.progress div{background:linear-gradient(#a7a15c,#5c702d)}.character{background:linear-gradient(135deg,#28231c,#1b1916);border:3px ridge #897048;border-radius:2px;box-shadow:inset 0 0 25px #0006}.character h3{color:#f1d295}.character .level{color:#cba45e}.badge{border-color:#7a6542;color:#d8bf83;border-radius:2px}.filters button{border-radius:2px;border:2px ridge #6d5839;background:linear-gradient(#30291f,#211b16);font-family:Georgia,serif;color:#cab68c}.filters button.active{background:linear-gradient(#73432a,#3e251b);border-color:#c9a360;color:#ffe2a0}input,select,textarea{background:#171510;border:2px inset #796543;color:#f2e1bb;border-radius:1px}.panel input,.panel select,.panel textarea{background:#f0dfb6;color:#3a2b19;border-color:#b59562}.material output,.calc-total{color:#6b3515}.notice{background:linear-gradient(#342a1b,#251e15);border:1px solid #947442;color:#dcc394;border-radius:2px}.text-btn{color:#e6ba65}.side-bottom small{color:#94836a}footer{border-color:#59472f;color:#a28f6b}dialog{background:linear-gradient(135deg,#30271d,#1b1813);border:4px ridge #a5864c;border-radius:2px;box-shadow:0 20px 70px #000b}dialog h2{color:#f3d18e}dialog label{color:#cbb992}#toast{border:2px ridge #bb9857;background:#e1c28a;color:#382411;border-radius:2px}.hero-art .rune{border-color:#b59a6245}.hero-art .orb{color:#ffe1a0;text-shadow:0 0 35px #edb44e}.mountain{background:linear-gradient(135deg,#817e60,#2c342b 55%)}.m2{background:linear-gradient(135deg,#a39b75,#252b25 55%)}.m3{background:#1b211b}.art-caption{color:#dcc38c}.castle{position:absolute;bottom:28px;left:37%;width:100px;height:105px;background:linear-gradient(90deg,#292c29,#606252 45%,#33372f);clip-path:polygon(0 20%,0 0,12% 0,12% 10%,24% 10%,24% 0,36% 0,36% 24%,44% 24%,44% 3%,51% 3%,51% 24%,62% 24%,62% 0,75% 0,75% 10%,87% 10%,87% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 5px #000)}.castle:after{content:'';position:absolute;bottom:0;left:40%;height:35px;width:20%;background:#121710;border-radius:15px 15px 0 0}.banner{position:absolute;top:80px;left:calc(37% + 43px);width:22px;height:35px;background:linear-gradient(90deg,#3b426f,#627baa,#263555);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}@media(max-width:740px){.brand{font-size:14px}.hero{padding:25px}.section-title h2{font-size:23px}nav [data-tab]{font-size:12px}.panel,.list-card{padding:17px}}
/* Elite edition: original game art and target-frame textures. */
body{background-image:linear-gradient(#15110fee,#15110ff5),url('assets/classic-hero.jpg');background-size:cover;background-attachment:fixed}aside{border-right:5px ridge #80735a;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 62px),linear-gradient(90deg,#151413,#302a23 94%,#111);box-shadow:inset -3px 0 5px #000,8px 0 25px #0009}main{padding-top:0}header{border-bottom:3px ridge #6e5c40}.hero{background-image:linear-gradient(90deg,#110d0bf5 0%,#160e0ada 32%,#1a0e0740 63%,#180a0020),url('assets/classic-hero.jpg');background-size:cover;background-position:center 44%;border:6px ridge #95856a;outline:1px solid #0b0907;box-shadow:inset 0 0 0 2px #201a10,inset 0 0 60px #000a,0 8px 25px #000b;min-height:380px;overflow:visible}.hero-art{visibility:hidden}.hero h1{font-size:49px;line-height:1.08}.hero p{color:#e2cda2;text-shadow:0 2px 3px #000}.hero .eyebrow{font-size:11px;letter-spacing:2px;color:#ffd573}.hero:before,.hero:after{content:'';width:15px;height:15px;border:3px ridge #b7a585;background:radial-gradient(#d2b27c,#4c3b22 70%);transform:rotate(45deg);top:-9px;box-shadow:0 2px 5px #000}.hero:before{left:-9px}.hero:after{right:-9px}.feature-grid{gap:23px}.feature{padding:19px 23px 25px;border:5px ridge #918371;outline:1px solid #100e0c;background:radial-gradient(ellipse at top,#4c3b2633,transparent 55%),linear-gradient(135deg,#29231d,#171513);box-shadow:inset 0 0 0 2px #0c0b09,inset 0 0 30px #0008,0 7px 12px #0008}.feature:hover{border-color:#c7b58d}.feature:after{content:'◆';right:6px;bottom:4px;color:#dbc492;text-shadow:1px 1px #000}.elite-portrait{position:relative;width:256px;height:110px;max-width:100%;margin:-6px auto 5px;isolation:isolate}.elite-portrait:after{content:'';position:absolute;inset:0;background:url('assets/elite.png') center top/256px 128px no-repeat;z-index:2;pointer-events:none}.elite-portrait img{position:absolute;width:58px;height:58px;object-fit:cover;border-radius:50%;left:calc(50% + 23px);top:23px;z-index:1}.elite-portrait:before{content:'';position:absolute;top:25px;left:calc(50% - 99px);width:117px;height:12px;background:linear-gradient(#6c9f35,#2b5715);box-shadow:0 22px 0 #263f8a;z-index:0}.elite-portrait span{position:absolute;top:24px;left:calc(50% - 94px);width:107px;text-align:center;font-size:8px;line-height:13px;font-family:Verdana,sans-serif;font-weight:bold;color:#fff2cf;z-index:3;text-shadow:1px 1px #000}.feature small{color:#b9a57a}.feature h3{font-size:27px;color:#ffcf67}.panel,.list-card{border:6px ridge #93836a;outline:1px solid #17110a;box-shadow:inset 0 0 0 1px #674c27,inset 0 0 35px #6a431950,0 6px 18px #0008}.character{border:5px ridge #96866c;position:relative;padding-left:100px;min-height:190px}.character:before{content:'';position:absolute;left:19px;top:26px;width:59px;height:59px;background:url('assets/warrior.jpg') center/cover;border:4px ridge #c5a961;box-shadow:0 0 0 2px #080706,0 3px 8px #0008}.character h3{color:#ffd36c}.stats{border:4px ridge #82745f;outline:1px solid #17120d}.stat strong{color:#ffd364;text-shadow:0 2px 2px #000}.primary{border:3px ridge #b4a17d;background:linear-gradient(#992f28 0%,#7e211d 48%,#581713 50%,#6c211b 100%);box-shadow:inset 0 0 0 1px #230907,inset 0 2px 0 #c7644b,0 3px 6px #0009;color:#ffdf87;letter-spacing:.2px}.primary:hover{filter:brightness(1.18)}.outline{border:3px ridge #8e8269}.section-title h2{color:#f8cd71}.filters button{border:3px ridge #84765d}.filters button.active{background:linear-gradient(#8b3125,#4b1713);color:#ffe69d;border-color:#d0b580}.progress{height:11px;border:2px inset #816a43;background:#3d3325}.progress div{background:linear-gradient(#a7bb56,#486c1d 60%,#718c2f)}dialog{border:6px ridge #a39070;box-shadow:inset 0 0 0 2px #110d09,0 20px 80px #000}nav [data-tab].active{border:3px ridge #9f8860;background:linear-gradient(#722b20,#41150f);box-shadow:inset 0 0 0 1px #250b08}.notice{border:3px ridge #8a7553}footer{flex-wrap:wrap}.feature .elite-portrait{pointer-events:none}@media(min-width:1500px){.hero h1{font-size:58px}}@media(max-width:1100px) and (min-width:741px){.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:256px 1fr;column-gap:20px}.elite-portrait{grid-row:1/5;align-self:center}.feature h3{margin:5px 0}.feature h3 br{display:none}.feature p{min-height:0}.feature small{grid-column:2}}@media(max-width:740px){.hero{min-height:355px;background-position:60% center;background-image:linear-gradient(90deg,#130d0bf5,#140b07bd 58%,#160c0455),url('assets/classic-hero.jpg')}.hero h1{font-size:40px}.hero-art{display:none}.feature-grid{gap:20px}.elite-portrait{margin-bottom:0}.feature{padding-top:15px}.character{padding-left:96px}.panel,.list-card{padding:15px;border-width:5px}aside{border-right:0;border-bottom:4px ridge #80735a}}
.gear-controls{display:flex;align-items:center;gap:20px;margin:20px 0}.gear-controls label{min-width:250px}.paperdoll-frame{border:7px ridge #9e8b6c;background:radial-gradient(ellipse at 50% 40%,#42493d,#181d19 55%,#101310);box-shadow:inset 0 0 0 2px #080a08,0 6px 18px #000b;margin-bottom:35px;padding:18px}.paperdoll-title{text-align:center;background:linear-gradient(#33281c,#18140e);border:2px ridge #82714e;padding:8px}.paperdoll-title h3{color:#ffcf67;margin:0;font-size:24px}.paperdoll-title>span{font-size:11px;color:#c4ae83}.paperdoll{display:grid;grid-template-columns:minmax(190px,1fr) minmax(100px,.8fr) minmax(190px,1fr);gap:20px;padding:20px 0}.equip-column{display:flex;flex-direction:column;gap:9px}.equip-row{border:1px solid #6c6045;background:#11150fe0;min-width:0;position:relative;padding:3px}.equip-slot{border:0;background:none;width:100%;display:flex;gap:9px;text-align:left;align-items:center;padding:0}.slot-image{width:42px;height:42px;flex-shrink:0;border:3px ridge #908678;background-color:#272923;background-position:center;background-size:cover;display:grid;place-items:center;color:#726e57;font-size:23px;box-shadow:0 0 0 1px #000}.equip-slot small{font:10px Verdana;color:#b1a58a;display:block}.equip-slot strong{font:11px/1.3 Verdana;display:block;overflow-wrap:anywhere}.equip-slot>span:last-child{min-width:0}.obtained-check{font-size:10px;color:#b5c38b;display:flex;align-items:center;gap:5px;padding:4px 0 0 51px}.obtained-check input{accent-color:#91a74d}.obtained{border-color:#86a15b;box-shadow:inset 0 0 14px #63843820}.slot-empty{font-size:9px;color:#766f58;display:block;text-align:right;margin-top:-12px;pointer-events:none}.weapon-slots{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gear-progress{text-align:center;font-size:12px;color:#d5c18d}.character-silhouette{position:relative;min-height:450px;align-self:stretch;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#b5b07c24,transparent 65%)}.silhouette-head{position:absolute;left:calc(50% - 22px);top:55px;width:44px;height:55px;border-radius:40% 40% 45% 45%;background:linear-gradient(100deg,#373b31,#636a52,#292e25);box-shadow:0 0 20px #aba77b20}.silhouette-body{position:absolute;left:10%;top:106px;width:80%;height:190px;background:linear-gradient(90deg,#252e25,#68725a 50%,#272d22);clip-path:polygon(21% 0,79% 0,100% 15%,96% 90%,83% 97%,77% 40%,71% 100%,29% 100%,23% 40%,17% 97%,4% 90%,0 15%)}.silhouette-legs{position:absolute;left:28%;top:290px;width:44%;height:145px;background:linear-gradient(90deg,#2c3528,#555e48,#242b22);clip-path:polygon(0 0,100% 0,97% 100%,60% 100%,50% 20%,40% 100%,3% 100%)}.character-silhouette>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#a28e61;letter-spacing:1px}.character-silhouette b{font-size:7px;font-weight:normal}.quality-epic{color:#c689f9}.quality-rare{color:#69adff}.quality-legendary{color:#ff9c38}.quality-common{color:#eee5ce}#gearPicker{width:730px}.gear-result{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #66583d}.gear-result img{width:42px;height:42px;border:2px ridge #9c865f}.gear-result>div{flex:1;min-width:0}.gear-result strong{font-size:13px}.gear-result small{display:block;color:#baaa8a;font-size:10px}.gear-result a{color:#cbb27e;font-size:10px}#gearResults{max-height:50vh;overflow:auto}.gear-result .primary{font-size:12px;white-space:nowrap;padding:8px}.equip-slot:hover .slot-image{border-color:#ffdd85}.equip-slot:focus-visible{outline:2px solid #e9bf6a}.gear-controls .outline{margin-top:8px}@media(max-width:1000px){.paperdoll{grid-template-columns:1fr 1fr;gap:12px}.character-silhouette{display:none}}@media(max-width:740px){.paperdoll-frame{padding:10px;border-width:5px}.paperdoll{gap:9px}.equip-slot strong{font-size:10px}.slot-image{width:33px;height:33px}.equip-slot{gap:6px}.obtained-check{padding-left:0}.weapon-slots{grid-template-columns:1fr}.gear-controls{display:block}.gear-controls label{min-width:0}.paperdoll-title h3{font-size:20px}.gear-result{flex-wrap:wrap}.gear-result .primary{margin-left:54px}}
.character-checklist-callout{margin:18px 0;padding:12px 0;border-top:1px solid #675437;border-bottom:1px solid #675437}.character-checklist-callout p{font-size:12px;color:#d8c391;margin:0 0 10px}.character-checklist-callout .primary{display:block;margin-bottom:8px;font-size:12px}.gear-controls{flex-wrap:wrap}#bisDialog{width:650px}#bisPreview{margin:16px 0}#bisPreview details{border:1px solid #6b593b;padding:10px;margin-bottom:12px}#bisPreview summary{cursor:pointer;color:#edc371}#bisPreview ul{font-size:12px;max-height:220px;overflow:auto}#characterChecklistScope label{max-width:400px}
.cp-status,.cp-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:18px 0}.cp-status{font-size:12px;color:#c9b88b}.cp-gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-gear-slot{background:#141813d9;border:2px ridge #81745d;padding:12px}.cp-gear-slot>small{color:#c0ac7b;text-transform:uppercase;font-size:10px;letter-spacing:1px}.cp-gear-slot>div{display:flex;gap:9px;margin-top:8px;align-items:flex-start}.cp-gear-slot img{width:36px;height:36px;border:2px ridge #9c855e}.cp-gear-slot a{font-size:12px;text-decoration:none}.cp-gear-slot small{display:block;font-size:10px;color:#c1b496}.cp-gear-slot p{margin-bottom:0}#cpAdminPanel{margin-top:30px}#cpAdminPanel input[type=checkbox]{margin:10px 6px}#cpAdminPanel .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#cpAdminPanel .notice{color:#e3cda1}.cp-gear-slot a:hover{text-decoration:underline}#cpAdminMessage{margin-left:10px}@media(max-width:1050px){.cp-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.cp-gear-grid,#cpAdminPanel .form-grid{grid-template-columns:1fr}.cp-gear-slot{padding:12px}.cp-actions>button{width:100%}}
.item-stat-preview{position:fixed;z-index:10000;padding:14px 16px;background:linear-gradient(135deg,#111a26f9,#05090ffb);color:#f2e7ca;border:2px ridge #a99876;border-radius:5px;box-shadow:0 5px 25px #000c,inset 0 0 0 1px #070808;font:12px/1.5 Verdana,Arial,sans-serif;pointer-events:none;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:hidden;text-align:left}.item-stat-preview>strong{font-size:14px;display:block;margin-bottom:4px}.preview-meta{color:#b8b3a4;font-size:10px;margin:3px 0}.preview-stats{border-top:1px solid #6f675448;margin-top:8px;padding-top:7px}.preview-effect{color:#50df6d}.preview-foot{color:#a99c7e;font-size:9px;margin-top:10px;border-top:1px solid #5d59423b;padding-top:7px}.item-preview-info{border:0;background:transparent;color:#c6b987;font:14px Georgia;cursor:help;display:inline-block;padding:3px 5px;vertical-align:middle;min-width:24px;min-height:24px}.item-preview-info:focus-visible{outline:2px solid #e9c574;border-radius:3px}.item-preview-link{color:inherit;text-decoration:none;border-bottom:1px dotted #8a7249}.item-preview-link:hover{color:#e6b84f}.equip-row>.item-preview-info{position:absolute;right:1px;top:1px;background:#10140fdd;border-radius:50%}.equip-row .equip-slot{padding-right:22px}.panel .item-preview-info{color:#68451f}.gear-result .item-preview-info{margin-right:3px}.item-stat-preview .quality-uncommon{color:#44e76b}.item-stat-preview .quality-common{color:#fff}@media(pointer:coarse){.item-preview-info{min-width:36px;min-height:36px;font-size:18px}.equip-row>.item-preview-info{position:static}.item-stat-preview{font-size:12px}}
.gear-result{contain:content}.gear-result img{flex-shrink:0}
header{gap:15px;flex-wrap:wrap;height:auto;min-height:87px;padding:15px 0}.account-controls{display:flex;align-items:center;gap:10px;margin-left:auto}#accountStatus{font-size:9px;letter-spacing:.2px;color:#b5c39a}#accountError{color:#e8aa96;font-size:12px}.account-controls button{white-space:nowrap}#accountManage .dialog-actions{flex-wrap:wrap}@media(max-width:740px){.account-controls{width:100%;justify-content:space-between}header{padding:12px 0}.account-controls button{font-size:11px}}

nav a[data-tab]{text-decoration:none}nav a[data-tab]:hover{color:#ffe0a0;background-color:#463223}.tool-guide{margin:30px 0;padding:22px 26px;border:4px ridge #93836a;background:linear-gradient(135deg,#29231d,#171513);line-height:1.8}.tool-guide h1{font-size:clamp(26px,4vw,40px);color:#ffcf67}.tool-guide h2{font:28px Georgia;color:#ffcf67}.tool-guide h3{color:#e8c98b}.tool-guide p,.tool-guide ol{max-width:85ch}.tool-guide a{color:#ffda84}.tool-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px}.skip-link{position:fixed;left:10px;top:-100px;z-index:1000;background:#ffe0a0;color:#21150d;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid #ffdb80;outline-offset:4px}@media(max-width:740px){.tool-guide{padding:18px}.tool-links{display:grid}}

.tool-guide details{margin-top:12px}.tool-guide summary{cursor:pointer;color:#ffda84;font-weight:bold}.tool-guide details h2{font-size:23px}.tool-guide details[open]{padding-bottom:8px}