/* DR Armory — brass, leather, game lettering. No blur surfaces. */
:root{--bg:#100c08;--bg2:#1d160f;--text:#f4e8cf;--mute:#c2ad88;--dim:#998568;--line:#d9ac632b;--line2:#d9ac635b;--gold:#e5b15c;--gold2:#ffe2a1;--sans:"DR Frank","Segoe UI",sans-serif;--serif:"DR Frank Bold","Segoe UI",sans-serif;--cond:var(--sans)}
body{background:var(--bg);font:17px/1.5 var(--sans)}.wrap{max-width:1380px;padding:0 38px}button,input,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}
.top{background:linear-gradient(#22190f,#130d08);border-bottom:1px solid #72512a;box-shadow:0 2px 0 #050402,0 3px 0 #38281a}.top .wrap{height:76px;gap:24px}.brand b{font:24px var(--serif);letter-spacing:.06em;color:var(--gold2)}.brand small{font-size:12px;color:var(--dim)}.brand .lg{height:40px}.recent{display:none}.topnav{display:flex;gap:20px;margin-left:24px}.topnav a{color:var(--mute);font:17px var(--serif);text-decoration:none;padding:24px 0 20px;border-bottom:2px solid transparent}.topnav a:hover,.topnav a[aria-current=page]{color:var(--gold2);border-bottom-color:var(--gold)}.search{width:min(360px,35vw);height:44px;border-width:8px}.search input{font:15px var(--sans)}.search button{height:32px;margin:0 -4px 0 0;border-width:7px;font-size:13px}.search button,.bigsearch button,.ib,.tabs a{color:#ffebbc;text-shadow:0 1px 1px #000}
.land{min-height:calc(100vh - 76px);background:#100c08}.land .bd img{filter:brightness(.32) saturate(.9);transform:none}.land .bd::after{background:linear-gradient(180deg,#100c08ad,#100c0810 36%,#100c08 85%)}.land .inner{display:block;min-height:0;padding:46px 0 42px}.land .intro{max-width:720px;margin:0 auto 38px;text-align:center}.land h1{font:clamp(42px,5vw,64px)/1 var(--serif);letter-spacing:.025em;text-transform:uppercase;margin:0 0 14px;color:#ffd78c;background:none;-webkit-text-fill-color:initial;text-shadow:0 2px 0 #351b05,0 6px 20px #000}.land .lede{font:19px/1.5 var(--sans);color:#cbb58e;margin:0 0 22px;max-width:none}.bigsearch{height:60px;width:100%;max-width:560px;margin:0 auto;border-width:10px}.bigsearch input{padding:0 16px;font:18px var(--sans)}.bigsearch button{font:16px var(--serif);border-width:8px;padding:0 16px;min-width:108px}.intro .plan-link{display:inline-block;margin-top:15px;font:15px var(--sans);color:#dcb57a;text-underline-offset:4px}
.panel,.board{border-image-source:url(assets/ui/panel.webp)!important}.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:auto}.board{min-width:0;border-width:18px!important}.board .bh{padding:6px 8px 16px;align-items:center;gap:12px}.board h2{font:25px var(--serif);color:#ffe1a0;margin:0}.board .bh small{font:13px var(--sans);color:#b59b76;white-space:nowrap}.board-icon{width:28px;height:28px;margin-right:9px;color:#e4b866;vertical-align:-5px}.pvpb .board-icon{color:#ee9e54}.board ol{padding:6px 0!important;max-height:440px!important;scrollbar-width:thin;scrollbar-color:#795833 #171009}.board li button{grid-template-columns:28px minmax(0,1fr) 68px 42px;gap:10px;padding:10px;background:none!important;border-bottom:1px solid #e8bb6410}.board li button:hover{background:#e3b5670a!important}.board .rk{font:15px var(--serif);color:#a9906c}.board .nm{font:17px var(--serif);min-width:0;color:#f1dfbd;overflow:visible}.board .cl{font:14px var(--sans);color:#b8a181}.board .lv{font:17px var(--serif);color:#e9c684}.board .crown{background:none!important;box-shadow:none!important}.board .nm>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.board .nm .secret{font-size:19px;line-height:1.35;filter:none!important;text-shadow:none!important;animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}.board .nm .secret::after{content:none}.board .nm .s-goblin{color:#f7cc72!important}.board .nm .s-fire{color:#ffb362!important;font-family:var(--serif)!important;font-weight:400!important;letter-spacing:.015em}.board .nm .shine{filter:none!important;text-shadow:none!important}.board-note{font-size:13px;color:#a8906b;margin:8px 0 0;padding:10px 8px 2px;border-top:1px solid var(--line)}
.stage.s3d{background:#100c08;border-bottom:1px solid #70502a}.stage .bd::after{background:linear-gradient(#100c08ee,#100c0820 30%,transparent 65%,#100c08)}.stage .head{padding:24px 0 20px;gap:20px;background:linear-gradient(#100c08e8,#100c0866);align-items:center}.head .who{flex:1;min-width:0}.head .who h1{font-size:clamp(42px,4.2vw,60px);line-height:1.06;filter:none;overflow-wrap:anywhere}.head .who .ttl{font:22px/1.35 var(--serif);color:#f3d496;margin-top:8px;text-shadow:0 2px 2px #000}.head .who .cls{font:18px/1.4 var(--sans);color:#cfbd9f;margin-top:4px}.facts{margin-left:auto;display:flex;flex:none;background:#160e08cf;border:1px solid #b78a4545;box-shadow:inset 0 1px 0 #edd3a51a;border-radius:2px}.fact{padding:14px 18px;min-width:86px;background:none;border:0}.fact+.fact{border-left:1px solid #bd96562b}.fact b{font:26px/1.1 var(--serif);color:#f5d38c}.fact small{font:12px var(--sans);color:#c5b08c;text-transform:none;letter-spacing:.02em;margin-top:6px}.fact .pbar2{height:3px}.tabs.bbar{border-bottom:1px solid #d9ab6336;padding:0 0 16px;gap:12px;min-height:52px;background:none}.tabs .fresh{font:13px var(--sans);color:#ae9674}.zlabel,.zlabel.throne{font:14px var(--sans);color:#b6a07b;background:none;box-shadow:none;border:0}.zlabel.throne svg{color:var(--gold)}.view-tools{display:flex;gap:5px;margin-left:8px}.view-tools a,.view-tools button{font:14px var(--serif);letter-spacing:0;text-transform:none;color:#c9b28c;text-decoration:none;border:1px solid #af854539;padding:7px 10px;background:#28190e99;border-radius:2px;cursor:pointer;height:auto}.view-tools button[aria-pressed=true]{color:#ffdfa0;border-color:#be904f;background:#68432544}.view-tools a{margin-left:4px;color:#f3c77d}
.gear{grid-template-columns:minmax(0,1fr) minmax(320px,460px) minmax(0,1fr);gap:16px;min-height:566px;padding:18px 0 26px}.gcol{padding:6px 0 76px;gap:12px}.gs,.gcol.r .gs{min-height:76px;max-width:370px;padding:8px 4px;gap:14px;border:0;border-radius:0;backdrop-filter:none}.gn{font:17px/1.35 var(--serif);-webkit-line-clamp:3;overflow-wrap:anywhere}.gl{font:14px var(--sans);color:#cbb999;margin-top:4px}.gi{width:58px;height:58px}.gs.empty .gn{font-size:16px;color:#a99271}.gs .gl .tier{font-size:12px;box-shadow:none;padding:2px 6px}.weap{width:min(720px,calc(100vw - 76px));gap:18px;margin-top:4px}.m3dhint{font:12px var(--sans);color:#b7a386!important;letter-spacing:.03em;text-transform:none}
.badge{position:relative;display:inline-flex;gap:8px;min-height:34px;padding:7px 14px;height:auto;border-radius:2px;font:14px var(--serif);letter-spacing:.035em;box-shadow:inset 0 1px 0 #ffffff18,0 2px 4px #0009}.badge svg{width:20px;height:20px;flex:none;color:var(--gold2)}.badge.set{padding:7px 14px;font-size:14px;height:auto}.badge.set.s1{border-color:#b2773d;background:linear-gradient(#3d2611,#1b1109)}.badge.set.s2{border-color:#b9c5cf;background:linear-gradient(#293138,#121519)}.badge.set.s3{border:1px solid transparent;background:linear-gradient(#251926,#160f18) padding-box,linear-gradient(110deg,#ff8c87,#eecd7d,#9fdab0,#8bcadf,#bf94e6) border-box;box-shadow:0 0 14px #b599ca26}.badge.sec{--bc:#d4a452;border:1px solid var(--bc);background:linear-gradient(#342211,#160d07);box-shadow:inset 0 1px 0 #ffe4ab25,0 2px 8px #0008;font-size:14px}.badge.sec>span{background:none!important;-webkit-text-fill-color:currentColor!important;color:#f2d59c}.badge.sec::before,.badge.sec::after{content:'';position:absolute;left:2px;top:2px;bottom:2px;width:3px;border-top:1px solid var(--bc);border-bottom:1px solid var(--bc)}.badge.sec::after{left:auto;right:2px}.badge.sec-pvp1{--bc:#e89a49;background:linear-gradient(#42200e,#1e0c05)}.badge.sec-darkorder{--bc:#b98ae8;background:linear-gradient(#35203e,#170e1d)}.badge.sec-darkorder>span{font-family:"Pirata One",var(--serif);font-size:19px;color:#dfbeff}.badge.sec-ninja{--bc:#8b9ca4;background:linear-gradient(#283034,#101517)}.badge.sec-ninja>span{font-family:"Shojumaru",var(--serif);font-size:12px}.badge.sec-uberknight{--bc:#bdc5cd;background:linear-gradient(#30363d,#13161a)}.badge.sec-uberknight>span{font-family:"Cinzel Decorative",var(--serif);font-size:11px;color:#e4eaf1}.badge.sec-pirate>span{font-family:"Jolly Lodger",var(--serif);font-size:22px}.badge.sec-gold1>span{font-family:"Rye",var(--serif);font-size:13px;color:#ffe098}.s-fire,.head .who h1.secret.s-fire{font-family:var(--serif)!important;font-weight:400;letter-spacing:.01em;padding-top:0;color:#ffc06d!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(#fff0b5 12%,#ffbb54 53%,#ee5d25 98%)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none!important;filter:none!important;animation:none!important}.s-fire::after{content:none!important}.head .who h1.s-fire{font-size:clamp(42px,4.2vw,60px)}.head .who h1.secret.s-goblin{color:#f6cf78!important;-webkit-text-fill-color:#f6cf78!important;background:none!important;filter:none!important;text-shadow:0 2px 0 #3c2107;animation:none!important}
.sec{margin:34px 0 0}.sh{margin-bottom:14px;gap:14px;min-width:0}.sh h2{font:28px var(--serif);color:#f1d49f;letter-spacing:0}.sh small{font:14px var(--sans);color:#af9874;white-space:normal}.panel{border-width:16px!important;min-width:0}.panel.pad{padding:8px 10px}.attr2,.attr{padding:18px}.attr2 .v,.attr .v{font-size:36px}.attr2 .k,.attr .k{font-size:15px}.cstat .ck{font:14px var(--sans);text-transform:none;letter-spacing:0}.cstat .cv{font:26px var(--serif)}.fine{font:14px/1.6 var(--sans);color:#ac9470}.skdetail{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:18px;padding:18px!important;min-height:0;margin-top:18px}.skdetail>div{min-width:0}.skdetail .si{width:68px;height:68px;padding:6px}.skdetail h3{font:27px var(--serif);margin:0 0 7px;color:#ffd39c}.skdetail .sock{font:14px var(--serif);margin-left:10px;color:#c6b18c}.skmeta{display:flex;flex-wrap:wrap;gap:8px 13px;font:15px var(--serif);color:#cab38c;letter-spacing:0}.skdesc{font:18px/1.65 var(--sans);color:#f1ddb7;margin-top:12px;overflow-wrap:anywhere}.trayframe,.hotbar{min-width:0}.tray{max-width:100%;margin:0 auto}.hotbar{margin:0}.tip{border-image-source:url(assets/ui/panel.webp)!important;padding:8px 10px!important;font:16px var(--sans)}.tip .tn{font:22px/1.3 var(--serif)}.tip .tt,.tip .req{font-size:14px}.tip .base,.tip ul{font-size:16px}.tip.inl{position:static;box-shadow:none;max-width:100%;width:auto}
.plhome{max-width:1120px;margin:auto}.plhome h1{text-align:center;margin-bottom:32px}.plan-choices{display:grid;grid-template-columns:1fr 1fr;gap:26px}.plan-choice{padding:10px!important;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.plan-choice h2{font:30px var(--serif);color:#ffe0a1;margin:12px 0 8px}.plan-choice p{font:17px var(--sans);color:#bda680;margin:0 0 24px}.choice-emblem{width:58px;height:58px;color:#d9ac65;margin:14px auto 0}.plan-choice .bigsearch{height:54px;max-width:440px}.gender-pick{display:flex;gap:12px;margin:auto 0 16px}.gender-pick button{font:20px var(--serif);color:#d8bf96;min-width:104px;padding:9px 20px;border:1px solid #966b37;background:linear-gradient(#2d1d10,#170e07)}.gender-pick button[aria-pressed=true]{border-color:#efc574;color:#ffdfa0}.start-fresh{margin-bottom:4px;padding:0 22px!important}.saved-builds{margin:26px 0 0}.saved-builds summary,.stats-more>summary,.skill-ranks>summary{cursor:pointer;color:#dfbd83;font:18px var(--serif);padding:14px 0}.pllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plcard{background:#24170b66;border:1px solid #a77c3933;padding:14px;text-decoration:none;min-width:0}.plcard b{font-size:20px}.plcard small{font-size:14px}.pltitle{font:clamp(30px,3.3vw,46px)/1.2 var(--serif);border:0;border-bottom:1px dashed #a27a3d65;color:#f1d293;width:100%;min-width:0;field-sizing:fixed}.plhead .who{flex:1}.plhead .hact{display:flex;gap:7px;position:relative}.plhead .fact{min-width:76px;padding:12px 14px}.plhead .fact b{font-size:24px}.ib{font-size:15px;border-width:7px;height:40px}.plan-level{display:flex;gap:18px;align-items:center;padding:12px 14px;margin:12px 0 0;background:#2f21126b;border:1px solid #a77b3e42;flex-wrap:wrap}.plan-level label{font:19px var(--serif);color:#e4c795}.plan-level output{font:30px var(--serif);color:#ffe2a1;min-width:40px}.plan-level input[type=range]{flex:1;min-width:170px;max-width:520px;accent-color:#dcb368}.scale-check{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:15px}.scale-check input{accent-color:#dcb368}.plan-warning{color:#ecae73;font:15px/1.5 var(--sans);padding:10px 0 0}.plan-warning:empty{display:none}.pgs.unavailable .gi{opacity:.5;filter:grayscale(.7)}.pgs.unavailable .gn{color:#b8a283}.unavailable-note{display:block;color:#ecac78;font:13px/1.4 var(--sans);margin-top:3px}.scards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.scard{background:#1b10084d;border:1px solid #a97d3633;padding:14px}.scard .sk{font:14px var(--sans);text-transform:none;letter-spacing:0}.scard .sv{font:30px var(--serif);margin-top:4px;color:#f4d29a}.scard .sd{font-size:13px}.plattr .lvrow{display:none}.arow .an{font-size:18px}.arow .at small{font-size:13px}.astep input,.astep output{font-size:19px}
.dlg{background:#080502d9;backdrop-filter:none;padding:24px;z-index:100}.dlgbox{min-width:0;width:min(1100px,100%);background:#1d140d;border:18px solid transparent;border-image:url(assets/ui/panel.webp) 46 fill stretch}.dlghead{padding:4px 8px 16px}.dlghead h2{font:28px var(--serif);color:#ffdb96;background:none;-webkit-text-fill-color:#ffdb96;filter:none;letter-spacing:0}.dlgbody{padding:15px 4px 4px;min-width:0}.pk{grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:24px}.pk,.pkl,.pkr,.pkg{min-width:0}.pks{font:18px var(--sans);background:#120b06;padding:12px}.pkf button{font:14px var(--serif);padding:6px 12px}.pki{width:100%;margin:0;padding:10px 6px;grid-template-columns:48px minmax(0,1fr)}.pki .gi{width:48px;height:48px}.pki .gn{font:17px var(--serif);-webkit-line-clamp:2}.pki small{font:14px var(--sans)}.pgl{font:16px var(--serif);text-transform:none;letter-spacing:0}.pkcfg select{width:100%;min-width:0;max-width:100%;font:15px var(--sans);padding:9px 32px 9px 10px}.tiers button,.tiers input{font-size:15px}.pkprev{grid-template-columns:minmax(0,1fr);gap:12px}.pkprev .pkeq{height:46px;width:100%;font-size:18px}.skprev{grid-template-columns:58px minmax(0,1fr)}.sharebox{background:#1c120a;border:1px solid #b88e4c;padding:16px;max-width:90vw}
.looks{padding:44px 0;min-height:calc(100vh - 76px)}.looks h1{font:46px var(--serif);color:#f1d099;margin:0 0 10px}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.look-card{display:block;text-decoration:none;min-width:0;border:12px solid transparent;border-image:url(assets/ui/panel.webp) 46 fill stretch;background:#1d140d;padding:10px;color:#eccea0}.look-card img{display:block;width:100%;height:170px;object-fit:cover;opacity:.8}.look-card h2{font:23px var(--serif);margin:15px 0 8px;color:#ffdda0}.look-card p{font:15px/1.5 var(--sans);color:#bda580;margin:0}.look-card .badge{margin:12px 0 0;max-width:100%;white-space:normal}
@media(max-width:1150px){.wrap{padding:0 26px}.head{flex-wrap:wrap}.facts{margin-left:0}.gear{grid-template-columns:minmax(0,1fr) minmax(280px,360px) minmax(0,1fr)}.gn{font-size:16px}.weap{width:600px}.plhead .facts{margin-left:0}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wrap{padding:0 18px}.top .wrap{height:auto;min-height:104px;padding-top:12px;padding-bottom:10px;gap:10px;flex-wrap:wrap}.brand{margin-right:auto}.brand b{font-size:21px}.brand .lg{height:34px}.topnav{gap:16px;margin-left:0}.topnav a{padding:10px 0;font-size:16px}.search{order:3;width:100%;height:40px;margin-left:0}.search button{height:28px}.land .inner{padding:34px 0}.land h1{font-size:44px}.land .lede{font-size:17px}.bigsearch{height:56px}.bigsearch input{font-size:16px;padding:0 10px}.bigsearch button{font-size:14px;padding:0 10px;min-width:80px}.boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board{border-width:12px!important}.board .bh{display:block;padding:4px 2px 10px}.board h2{font-size:23px}.board .bh small{font-size:12px;display:block;margin-top:4px}.board ol{max-height:360px!important}.board li button{grid-template-columns:20px minmax(0,1fr) 30px;gap:5px;padding:9px 2px}.board .cl,.board-icon{display:none}.board .nm{font-size:15px}.board .nm .secret{font-size:16px}.board .lv{font-size:15px}.board .rk{font-size:13px}.board-note{font-size:11px;padding:8px 2px}.stage .head{gap:12px}.head .who h1{font-size:38px}.head .who .ttl{font-size:20px}.head .who .cls{font-size:17px}.crest2{width:74px;height:74px}.facts{width:100%}.fact{flex:1;min-width:0;padding:11px 9px}.fact b{font-size:22px}.fact small{font-size:11px}.tabs.bbar{gap:9px;padding-bottom:12px}.tabs .fresh{margin:0;width:100%;font-size:12px;order:5}.badge,.badge.set{font-size:12px;padding:7px 10px;min-height:32px}.view-tools{margin-left:0}.view-tools button,.view-tools a{font-size:13px;padding:6px 8px}.gear{grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:12px 0 20px;display:grid}.gear .center{grid-column:1/-1;grid-row:1;min-height:365px}.m3dspace{height:320px!important}.weap{display:grid;width:100%;gap:10px;margin-top:12px;grid-template-columns:1fr 1fr}.weap .gs,.weap .gs.mh{flex-direction:row;text-align:left}.weap .gs.mh .gn,.weap .gs.mh .gl{text-align:left}.gear .gcol{grid-row:2;display:flex;flex-direction:column;padding:0;gap:6px}.gcol .gs,.gcol.r .gs{max-width:none;min-height:78px;flex-direction:row;text-align:left;padding:6px 2px;gap:8px}.gi{width:48px;height:48px}.gn{font-size:14px}.gl{font-size:12px}.sh{flex-wrap:wrap;gap:8px}.sh h2{font-size:25px}.sh small{font-size:13px}.sh::after{display:none}.panel{border-width:12px!important}.panel.pad{padding:8px}.attrs{grid-template-columns:1fr 1fr}.skdetail{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px!important}.skdetail .si{width:52px;height:52px}.skdetail h3{font-size:24px}.skdesc{font-size:17px}.skmeta{font-size:13px;gap:6px 10px}.plan-choices{grid-template-columns:1fr;gap:20px}.pllist{grid-template-columns:1fr}.pltitle{font-size:28px;min-width:0}.plhead .who{flex:1;min-width:0}.plhead .hact{margin-left:auto}.plhead .facts{width:100%;margin:0}.plhead .fact{padding:10px;min-width:0}.plan-level{gap:10px;padding:10px}.plan-level input[type=range]{max-width:none;min-width:110px}.scale-check{width:100%;margin:0;font-size:14px}.scards{grid-template-columns:1fr 1fr;gap:10px}.arow{grid-template-columns:26px 1fr auto;gap:8px}.arow .at{grid-column:1/-1}.astep input{width:50px}.dlg{padding:8px}.dlgbox{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-width:12px;min-width:0}.dlghead{padding:4px 2px 12px;flex:none}.dlghead h2{font-size:24px}.dlgbody{padding:12px 0 0;min-width:0}.pk{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:14px;overflow:auto}.pkl{max-height:32dvh;min-height:175px}.pkr{overflow:visible;max-height:none;padding:0}.pks{font-size:16px}.pki .gn{font-size:15px}.pkcfg select{font-size:14px}.look-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.s3d .plan-level,.s3d .plan-warning{pointer-events:auto}.pgs.unavailable{flex-wrap:wrap}.pgs.unavailable .unavailable-note{flex-basis:100%;text-align:left;padding-left:72px}.gcol.r .pgs.unavailable .unavailable-note{text-align:right;padding-left:0;padding-right:72px}@media(max-width:820px){.pgs.unavailable .unavailable-note,.gcol.r .pgs.unavailable .unavailable-note{text-align:left;padding-left:56px;padding-right:0}}
.crest2.set3::before{-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(circle closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:none;opacity:.85}.s3d{overflow:hidden}.stats-more summary::marker,.saved-builds summary::marker{color:#be9554}

/* Shared spacing: all framed content has a predictable inner inset. */
:root{--section-gap:28px;--panel-inset:16px;--page-inset:28px}
body{font-size:16px}.wrap{max-width:1280px;padding-inline:var(--page-inset)}
.panel{border-width:12px!important}.panel.pad{padding:var(--panel-inset)}
.sec{margin-top:var(--section-gap)}.sh{margin-bottom:12px}.sh h2{font-size:24px}
#app>.wrap:last-child{padding-bottom:32px}
.board-home .inner{padding:28px 0 32px}.boards{max-width:none;gap:24px;align-items:start}
.board-section{min-width:0}.board-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 2px}
.board-title h2{font:26px/1.2 var(--serif);color:#f5ddb1;margin:0}.board-title small{font:12px var(--sans);color:#a18c6b;text-align:right}
.board{border-width:12px!important;padding:6px 8px 8px}.board-columns,.board li button{display:grid;grid-template-columns:30px minmax(0,1fr) 66px 52px;gap:10px;align-items:center}
.board-columns{padding:5px 8px 10px;font:12px var(--sans);color:#a68e6b;border-bottom:1px solid #d9ac632b}.board-columns span:last-child{text-align:right}
.board ol{max-height:calc(100dvh - 220px)!important;min-height:330px;padding:0!important}.board li button{height:32px;min-height:32px;padding:5px 8px;line-height:20px}
.board .nm,.board .nm>span,.board .nm .secret,.board .nm .shine{font-size:14px!important;line-height:20px!important;font-weight:400;display:inline-block;vertical-align:top;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .rk,.board .cl,.board .lv{font-size:12px!important;line-height:20px}.board .lv{text-align:right}.board .cl{color:#a89273}
.board .nm .s-goblin{font-family:"Rye",var(--serif)!important;font-size:12.5px!important;background:linear-gradient(110deg,#ffdb38 0%,#ffe96a 28%,#fffdeb 40%,#ffd52a 48%,#edb914 65%,#ffe778 82%,#fff9d0 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#ffdf4b!important;animation:gold-sweep 5s linear infinite!important;filter:drop-shadow(0 0 3px #ffd42855)!important;text-shadow:none!important}
@keyframes gold-sweep{to{background-position:-250% 0}}
.board .nm .shine.s3{background:linear-gradient(110deg,#f687ba,#80cced,#9ee29c,#eee199,#c1a2e8,#f687ba)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gold-sweep 9s linear infinite!important}
.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px}
.overview-stat{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:12px;align-content:start;padding:16px}
.overview-stat+.overview-stat{border-left:1px solid var(--line)}.stat-icon{color:#dfb66e;align-self:center}.stat-icon svg{width:28px;height:28px;display:block}.stat-main{min-width:0}.stat-label{font:14px/1.3 var(--sans);color:#c9b38d}.stat-value{font:24px/1.2 var(--serif);color:#f8dfa6;margin-top:5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-note{grid-column:1/-1;font:12px/1.5 var(--sans);color:#a99370;margin:0;overflow-wrap:anywhere}
.attrs2 .attr2{padding:16px}.attr2 .v{font-size:28px}.resg .rtile{padding:16px 10px}.rtile .rv{font-size:28px}.cstat{padding:16px}.cstat .cv{font-size:25px}
.trayframe{padding:16px}.trayframe .tray,.pltray .tray{width:min(100%,580px)!important;max-width:580px!important;margin-inline:auto}
.skdetail{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px 0 0!important;margin-top:16px;border-top:1px solid var(--line)}
.skdetail .si{width:48px;height:48px;padding:4px}.skdetail h3{font-size:23px;line-height:1.3}.skdesc{max-width:none;font-size:16px;line-height:1.6}.skmeta{font-size:13px;line-height:1.4}.skdetail .sock{font-size:12px}
.itemdlg .pki .gn,.itemdlg .tip.q7 .tn{background:none!important;-webkit-text-fill-color:#f3d4a0!important;color:#f3d4a0!important}.itemdlg .tier,.pgs .tier{background:#2e2114!important;color:#f0d49d!important;-webkit-text-fill-color:#f0d49d!important}.itemdlg .tip.inl{padding:12px!important}.pkdiff{margin-top:16px}.pkdiff h3{font:17px var(--serif)}
.stats-more>.panel{padding:16px}.plattr.panel{padding:16px}.pltray{padding:16px}.plhome h1{font-size:36px}.saved-builds{margin-top:24px}.plcard-actions{display:flex;gap:12px;margin-top:12px}.plcard-actions button{font:14px var(--serif);color:#edc584;background:#2d1c0e;border:1px solid #987343;padding:5px 12px;cursor:pointer}.save-build{color:#edc584;background:#2d1c0e;border:1px solid #987343;padding:6px 12px;font:14px var(--serif);cursor:pointer}.import-build{display:flex;gap:10px;margin:20px 0 0}.import-build input{flex:1;min-width:0;background:#100b06;border:1px solid #8c663b;padding:10px 12px;font:15px var(--sans);color:var(--text)}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-stat:nth-child(4){border-left:0}.overview-stat:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:820px){:root{--page-inset:16px;--section-gap:24px;--panel-inset:12px}.board-home .inner{padding-top:22px}.boards{gap:12px}.board-title{display:block;margin-bottom:10px}.board-title h2{font-size:22px}.board-title small{display:block;font-size:10px;margin-top:5px;text-align:left}.board{padding:4px 1px;border-width:9px!important}.board-columns,.board li button{grid-template-columns:20px minmax(0,1fr) 33px;gap:5px}.board-columns span:nth-child(3){display:none}.board-columns{padding:4px 3px 8px;font-size:10px}.board li button{padding:5px 3px;height:31px;min-height:31px}.board .nm,.board .nm>span,.board .nm .shine,.board .nm .secret{font-size:12px!important}.board .nm .s-goblin{font-size:10.5px!important}.board .rk,.board .lv{font-size:11px!important}.board ol{max-height:calc(100dvh - 255px)!important;min-height:310px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px}.overview-stat{padding:12px;grid-template-columns:24px minmax(0,1fr);column-gap:8px}.overview-stat+.overview-stat{border-left:0}.overview-stat:nth-child(even){border-left:1px solid var(--line)}.overview-stat:nth-child(n+3){border-top:1px solid var(--line)}.overview-stat:last-child{grid-column:1/-1}.stat-icon svg{width:24px;height:24px}.stat-label{font-size:13px}.stat-value{font-size:22px}.stat-note{font-size:12px}.trayframe{padding:12px}.skdetail{grid-template-columns:40px minmax(0,1fr);gap:10px;padding-top:12px!important;margin-top:12px}.skdetail .si{width:40px;height:40px}.skdetail h3{font-size:21px}.skdesc{font-size:15px}.skmeta{font-size:12px}.attrs2 .attr2{padding:12px}.cstat{padding:12px}.resg .rtile{padding:12px 4px}.import-build{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.board .nm .s-goblin,.board .nm .shine.s3{animation:none!important}}

.stage.sec-pirate,.stage.sec-gold1,.stage.sec-darkorder{background:#100c08}.stage.sec-pirate>.m3d::after,.stage.sec-gold1>.m3d::after,.stage.sec-darkorder>.m3d::after{background:linear-gradient(#100c08d9,transparent 32%,transparent 82%,#100c08)}.plcard a{display:block;text-decoration:none;color:var(--text)}.plcard small{display:block;margin-top:5px}.import-build+.pllist{margin-top:16px}

.plstage .q7 .gn,.planner-tip.q7 .tn{background:none!important;-webkit-text-fill-color:#efcf99!important;color:#efcf99!important}.board .nm .s-fire{background:linear-gradient(#ffe6a0,#ffbb52 50%,#ef772b)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.plhome .pllist{margin-top:16px}.plhead .hact{flex-wrap:wrap}.stat-label{min-height:18px}

.s-fire.fire-painted,.board .nm .s-fire.fire-painted,.head .who h1.s-fire.fire-painted{position:relative;background:none!important;-webkit-text-fill-color:transparent!important;color:transparent!important;overflow:visible!important;filter:none!important;text-shadow:none!important}.fire-letters{position:absolute;pointer-events:none;max-width:none!important;filter:drop-shadow(0 0 2px #ff6d1440)}.board .nm:has(.fire-painted){overflow:visible!important}.head .who h1.fire-painted{width:fit-content;max-width:100%}.fire-painted::after{content:none!important}

.plattr .at em{display:none}.share-link{width:100%;min-width:0;background:#100b06;border:1px solid #88643b;padding:10px;color:var(--text);font:15px var(--sans)}
.trayframe .tray,.pltray .tray{width:min(100%,464px)!important;max-width:464px!important}.tk .lv{font-size:11px}
@media(max-width:600px){.top .wrap{min-height:0;gap:8px;padding-top:10px;padding-bottom:10px}.brand b{font-size:17px;letter-spacing:.035em}.brand .lg{height:28px}.topnav{gap:12px}.topnav a{font-size:14px;padding:7px 0}.search{height:38px}.search button{height:27px;font-size:12px}.board li button{height:28px;min-height:28px}.stat-value{font-size:20px}.stat-label{min-height:34px}.stat-note{font-size:11px}}
.resg{grid-template-columns:repeat(5,minmax(0,1fr))}.rtile{min-width:0}.rtile .rv{overflow-wrap:anywhere}@media(max-width:600px){.resg .rtile{padding:12px 3px}.rtile .rv{font-size:17px}.rtile .ro{width:28px;height:28px}.rtile .ro svg{width:18px;height:18px}.rtile .rk{font-size:10px;letter-spacing:0}}
.head .who h1.secret.s-goblin{background:linear-gradient(110deg,#ffd741,#fff5ae 30%,#fffdec 40%,#f0bb1c 58%,#ffe86a 85%,#ffd741)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gold-sweep 6s linear infinite!important;text-shadow:none!important;filter:drop-shadow(0 0 4px #ecc62833)!important}@media(prefers-reduced-motion:reduce){.head .who h1.secret.s-goblin{animation:none!important}}

/* Full-width scenery, readable restrictions, and the game's framed headings. */
.m3dimg{max-width:none!important;max-height:none!important}.item-access{display:block;margin-top:5px!important;color:#b9b28b!important}.item-access.locked{color:#f1ae80!important}.pki.locked .gi{filter:grayscale(.7);opacity:.7}.pki.locked .gn{color:#bcac92!important;-webkit-text-fill-color:#bcac92!important}.pkprev .pkeq:disabled{opacity:1;color:#ad9a7a;filter:grayscale(.8)}
.board-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 12px 0;margin:0 0 12px;position:relative}.board-title h2{display:flex;align-items:center;justify-content:center;gap:12px;min-width:210px;margin:0;padding:10px 30px;border:14px solid transparent;border-image:url(assets/ui/plaque.png) 34 fill stretch;font:30px/1 var(--serif);color:#ffe1a0;text-shadow:0 2px #321a05,0 0 15px #dfae3538;white-space:nowrap}.board-emblem{width:25px;height:25px;display:flex;align-items:center}.board-emblem svg{width:100%;height:100%;color:#dfb76c}.pvp-title .board-emblem{color:#f3b66c}.board-title small{font-size:11px;text-align:center;color:#a49070}.board ol{max-height:calc(100dvh - 279px)!important}
.s-goblin,.head .who h1.secret.s-goblin,.board .nm .s-goblin{font-family:var(--serif)!important;letter-spacing:.01em!important;font-weight:400!important}.board .nm .s-goblin{font-size:14px!important}
.light-painted,.board .nm .light-painted,.head .who h1.secret.light-painted{position:relative;background:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:none!important;filter:none!important;text-shadow:none!important;overflow:visible!important}.light-painted::after{content:none!important}.name-light{position:absolute;pointer-events:none;max-width:none!important}.board .nm:has(.light-painted){overflow:visible!important}.head .who h1.light-painted{width:fit-content;max-width:100%}
.name-preview{margin:0 0 32px;padding:20px;background:#130d07e8;border:1px solid #9f763844}.name-preview>header{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.name-preview h2{font:25px var(--serif);margin:0;color:#f5d296}.name-preview p{margin:3px 0 0;color:#bda680;font-size:13px}.name-preview label{display:flex;gap:10px;align-items:center;margin-left:auto;font-size:14px;color:#bda680}.name-preview input{width:180px;padding:8px;background:#0c0804;color:#f6dfb0;border:1px solid #79562a;font:16px var(--sans)}.name-preview a{font-size:13px;color:#e4bf7b;text-underline-offset:3px}#nameSamples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.name-sample{padding:12px;min-width:0;border:1px solid #a8793833;background:#24180f70}.name-sample h3{font:14px var(--sans);color:#bca582;margin:0 0 12px}.name-sample .head{padding:8px 0 12px!important;min-height:88px;background:none;display:block}.name-sample .head .who h1{margin:0;font-size:42px!important;line-height:1.1;overflow-wrap:anywhere}.name-sample .preview-board{display:flex;align-items:center;gap:16px;margin:8px 0 12px;padding:0;border:0!important;background:none!important;box-shadow:none}.preview-board>span:first-child{font-size:11px;color:#bca582}.name-sample .nm{flex:1;min-width:0}.name-sample .nm>span{max-width:100%}
@media(max-width:820px){.board-title{padding:0;margin-bottom:10px}.board-title h2{font-size:21px;min-width:0;width:100%;gap:7px;padding:7px 3px;border-width:9px}.board-emblem{width:18px;height:18px;flex:none}.board-title small{margin:0;font-size:10px}.board ol{max-height:calc(100dvh - 284px)!important}.board .nm .s-goblin{font-size:12px!important}#nameSamples{grid-template-columns:repeat(2,minmax(0,1fr))}.name-preview{padding:12px}.name-preview>header{gap:12px}.name-preview label{margin:0;width:100%}.name-preview input{flex:1;min-width:0}.name-sample .head .who h1{font-size:32px!important}.name-sample .preview-board{display:block}.name-sample .preview-board>span{display:block}.name-sample .head{min-height:74px}.board-title h2{white-space:normal}}
.board-title h2{border-image-slice:8;border-width:8px}.board-title{margin-bottom:16px}
.name-sample .head .who h1{text-transform:none!important}
@media(max-width:820px){.preview-nav-label{display:none}}

.private-preview{background:#120d08;border-bottom:1px solid #7e5b2a;padding:14px 0}.private-preview .wrap{display:flex;gap:22px;align-items:center}.private-preview form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;width:100%}.private-preview label{display:grid;gap:4px;min-width:0;font-size:12px;color:#c5ac82;flex:1 1 130px}.private-preview input,.private-preview select{width:100%;min-width:0;background:#0c0906;color:#e8c994;border:1px solid #725529;padding:7px;font:14px var(--sans);height:35px}.private-preview a{color:#e6c589;font-size:13px;text-underline-offset:3px;white-space:nowrap}.private-preview .ib{height:35px;font-size:13px}.private-preview [name=scene]{min-width:180px}@media(max-width:820px){.private-preview label{flex:1 1 140px}.private-preview form{gap:10px}.private-preview [name=scene]{min-width:0}}
.ovgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ov{min-width:0;min-height:176px;padding:14px;gap:12px}.ov .orb{width:80px;height:80px}.ovt{min-width:0;display:grid;grid-template-rows:20px 38px 60px;align-content:start}.ov .k{font-size:14px;line-height:20px;letter-spacing:0}.ov .v{font-size:32px;line-height:38px;white-space:nowrap}.ov .h{font-size:13px;line-height:18px;margin-top:4px;overflow-wrap:normal}.ov.rt{gap:10px}.rtr{gap:10px;grid-template-columns:30px minmax(0,1fr)}.rtr svg{width:30px;height:30px}.rtr .v{font-size:28px;line-height:32px}.rtr .h{font-size:12px;line-height:17px}@media(max-width:1100px){.ovgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.ovgrid{grid-template-columns:1fr}.ov{min-height:170px}.ov .orb{width:80px;height:80px}}
.ovgrid>.ov{min-height:208px}
/* Keep the original game globes, with one consistent frame and compact content. */
.overview-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px!important;border-width:14px!important;box-shadow:none!important}
.overview-entry{min-width:0;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.overview-entry+.overview-entry{border-left:1px solid var(--line2)}
.overview-top{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-width:0;width:min(100%,220px);margin:0 auto}
.overview-top>div{min-width:0}.overview-globe,.overview-pvp-art{width:76px;height:76px;flex:none}
.overview-label{font:16px/1.3 var(--sans);color:#d6c2a0;margin-bottom:3px}
.overview-total{display:block;font:32px/1.15 var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe1a0}
.overview-note{font:14px/1.5 var(--sans);color:#bda786;display:flex;flex-wrap:wrap;justify-content:center;gap:0 10px;min-height:42px;text-align:center}
.overview-note span{white-space:nowrap}.overview-note b{font-weight:400;color:#e2cba5}
.overview-pvp-art{display:grid;place-items:center;border:4px solid #c5943c;border-radius:50%;box-shadow:inset 0 0 12px #000,0 0 12px #d5a13e14;background:radial-gradient(#483319,#160e07)}
.overview-pvp-art svg{width:34px;height:34px;color:#f1ce73}
.overview-ratings{gap:14px}.overview-rating{display:flex;align-items:center;gap:14px}.overview-rating>svg{width:28px;height:28px;flex:none;color:#d1ab64}.overview-rating .overview-total{font-size:26px}.overview-rating+.overview-rating{border-top:1px solid var(--line);padding-top:12px}
/* Row names use the game's readable face; prestige stays in the colored light/fire. */
.board .nm,.board .nm>span,.board .nm .secret,.board .nm .shine,.board .nm .s-goblin{font-family:var(--serif)!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;line-height:22px!important}
.board li button{height:34px;min-height:34px}
@media(max-width:820px){.board-columns,.board li button{grid-template-columns:16px minmax(0,1fr) 30px;gap:4px}.board li button{height:34px;min-height:34px;padding:5px 2px}.board-columns{padding-left:2px;padding-right:2px}}
@media(max-width:1100px){.overview-board{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-entry:nth-child(3){border-left:0}.overview-entry:nth-child(n+3){border-top:1px solid var(--line2)}}
@media(max-width:560px){.overview-board{grid-template-columns:minmax(0,1fr);padding:0!important;border-width:10px!important}.overview-entry{padding:16px;gap:10px}.overview-entry+.overview-entry{border-left:0;border-top:1px solid var(--line2)}.overview-top{grid-template-columns:66px minmax(0,1fr);gap:16px;width:100%;margin:0}.overview-globe,.overview-pvp-art{width:66px;height:66px}.overview-label{font-size:17px}.overview-total{font-size:32px}.overview-note{justify-content:flex-start;text-align:left;font-size:15px;min-height:0;gap:0 12px}.overview-ratings{gap:12px}.overview-rating{gap:16px}.overview-rating>svg{width:28px;height:28px}.overview-rating .overview-total{font-size:28px}}