:root{
  --bg:#14181F;--panel:#1E242D;--panel2:#272E39;--inset:#11151B;--line:#333C49;--line2:#2A323D;
  --text:#F4F6F9;--muted:#AEB8C5;--faint:#7E8996;
  --green:#22E58B;--green2:#5CF0AC;--deep:#008649;--tint:#123326;--bad:#FF6B62;--amber:#F2BC55;--r:10px;
}
html{color-scheme:dark}
*{box-sizing:border-box}
.ctl .seg{overflow:visible;justify-self:start}
.ctl .segb{padding:6px 9px;font-size:13.5px}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
body{min-height:100vh;display:flex;flex-direction:column;background:none}
body.noscroll{overflow:hidden}
a{color:inherit}
img{display:block}
h1,h2,h3,p{margin:0}
b{font-weight:600}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.container{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}
main.container{flex:1;padding-top:26px;padding-bottom:64px}
.wrap{max-width:760px}
.page{padding:12px 0 40px}
.narrow{max-width:760px}
.mut{color:var(--muted)}
.good{color:var(--green)}
.bad{color:var(--bad)}
.grow{flex:1}
code{background:var(--inset);border-radius:5px;padding:2px 7px;font-size:.92em}

/* Top bar and menu */
.brand{flex:none;display:block}
.brand svg{display:block;max-width:none;overflow:visible}
.lg-ret{transform-box:fill-box;transform-origin:center}
.gresults{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:var(--panel2);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.gresults a{display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;font-size:15px}
.gresults a:hover,.gresults a.on{background:var(--line2)}
.who{flex:none;text-decoration:none}
.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--deep);font-weight:700}
.offnav{position:fixed;top:0;bottom:0;left:0;width:280px;background:var(--panel);z-index:80;display:flex;flex-direction:column;padding:14px 12px;box-shadow:12px 0 40px rgba(0,0,0,.45)}
.offhead{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 14px}
.offnav>a{padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:500}
.offnav>a:hover{background:var(--panel2)}
.offnav>a.on{background:var(--panel2);color:var(--green)}
.scrim{position:fixed;inset:0;background:rgba(6,8,11,.62);z-index:70}

.topbar{border-bottom:1px solid var(--line2);background:var(--bg);position:sticky;top:0;z-index:50}
.barrow{display:flex;align-items:center;gap:22px;height:66px}
.burger{display:none;background:none;border:0;border-radius:8px;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;flex:none}
.mainnav{display:flex;align-items:center;gap:4px}
.mainnav a{padding:8px 11px;border-radius:7px;text-decoration:none;font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap}
.mainnav a:hover{color:var(--text)}
.mainnav a.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--green);border-radius:0}
.globalsearch{flex:1;position:relative;min-width:120px;max-width:340px;margin-left:auto}
.globalsearch input{height:38px;background:var(--panel);border-color:transparent;font-size:14.5px}
.sitefoot{border-top:1px solid var(--line2);margin-top:30px;color:var(--muted);font-size:15px}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:42px;padding-bottom:30px}
.footbrand p{margin-top:12px;max-width:290px}
.footgrid h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}
.footgrid a{display:block;text-decoration:none;padding:3px 0}
.footgrid a:hover{color:var(--text)}
.footbase{border-top:1px solid var(--line2);padding-top:16px;padding-bottom:22px;font-size:14px;color:var(--faint)}

/* Homepage */
.hx{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding:52px 0 58px}
.hxcopy h1{font-size:clamp(38px,5vw,60px);line-height:1.06;font-weight:800;letter-spacing:-.03em}
.hxcopy>p:not(.hxnote){color:var(--muted);font-size:19px;margin:20px 0 28px;max-width:560px}
.hxcta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hxlink{color:var(--green);font-weight:600;text-decoration:none}
.hxlink:hover{text-decoration:underline}
.hxnote{color:var(--faint);font-size:14px;margin-top:16px}
.board{background:var(--panel);border-radius:14px;padding:20px 22px 16px}
.board h2{font-size:17px;font-weight:600;margin-bottom:8px}
.board ul{list-style:none;margin:0;padding:0}
.board li a,.board li{display:flex;align-items:center;gap:12px;text-decoration:none}
.board li{padding:10px 0;border-top:1px solid var(--line2)}
.board li:first-child{border-top:0}
.board li a{flex:1;min-width:0}
.bname{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.bname small{color:var(--muted);font-size:14px}
.bprofit{color:var(--green);font-weight:700;font-size:17px}
.board>p{color:var(--faint);font-size:13.5px;margin-top:8px}
.figures{display:flex;gap:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:64px}
.figures div{flex:1;padding:26px 28px 26px 0}
.figures div+div{border-left:1px solid var(--line2);padding-left:28px}
.figures b{display:block;font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.figures span{color:var(--muted);font-size:15.5px}
.story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center;margin-bottom:76px}
.story.flip .stext{order:2}
.stext h2{font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.stext p{color:var(--muted);font-size:17px;margin-bottom:14px;max-width:520px}
.mock{background:var(--panel);border-radius:14px;padding:18px 20px;position:relative}
.mock small{display:block;text-align:right;color:var(--faint);font-size:12.5px;margin-top:8px}
.mrow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line2);color:var(--muted)}
.mrow.head{border-top:0;color:var(--text);font-weight:600}
.mrow b{color:var(--text)}
.mrow b.bad{color:var(--bad)}
.mrow b.good{color:var(--green);font-size:19px}
.mrow.struck{text-decoration:line-through;opacity:.55}
.mrow.total{color:var(--text);font-weight:600;border-top:1px solid var(--line)}
.mline{display:grid;grid-template-columns:34px 92px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line2);font-size:15px}
.mline:first-child{border-top:0}
.mline i{display:block;width:30px;height:18px;border-radius:99px;background:var(--line)}
.mline i.on{background:var(--deep)}
.mline b{font-weight:600;color:var(--bad);font-size:14px}
.mline b.good{color:var(--green)}
.mline em{font-style:normal;color:var(--muted);font-size:14px}
.mock.chat{background:#0B0D10}
.mock.chat p{font-size:16px;font-weight:500;padding:5px 0;line-height:1.45}
.mc-g{color:#AAB2BD;font-weight:700}
.mc-w{color:#E7EAEE}
.closer{text-align:center;padding:40px 0 34px}
.closer h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}

/* Homepage watermark */
.homebg{--mark:max(135vh,72vw);position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to left,#000 22%,transparent 68%);mask-image:linear-gradient(to left,#000 22%,transparent 68%)}
.homebg svg{position:absolute;width:var(--mark);height:var(--mark);top:calc(50% - var(--mark)/2);right:calc(var(--mark)*-.36);opacity:.075}

/* Player and auction pages */
.playerav{width:48px;height:48px;font-size:22px;background:var(--panel2)}
.playerav,.gav{position:relative;overflow:hidden;border-radius:8px}
.playerav img,.gav img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.wrapid{overflow-wrap:anywhere;font-size:14px}
.pager{display:flex;gap:10px;justify-content:center;margin-top:18px}
.auctiongrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.auctionstatus{align-self:center}
.devcard.flat{background:none;padding:0;margin:6px 0 0}
.tooltip{background:#100816;border:2px solid #2B0F5C;border-radius:8px;padding:14px 16px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.tipname{font-size:17px;margin-bottom:8px}
.loreline{min-height:1.45em}
.lc-0{color:#555}.lc-1{color:#3A3AD0}.lc-2{color:#00AA00}.lc-3{color:#00AAAA}.lc-4{color:#D22}.lc-5{color:#AA00AA}.lc-6{color:#FFAA00}.lc-7{color:#AAA}.lc-8{color:#777}.lc-9{color:#5555FF}.lc-a{color:#55FF55}.lc-b{color:#55FFFF}.lc-c{color:#FF5555}.lc-d{color:#FF55FF}.lc-e{color:#FFFF55}.lc-f{color:#FFF}
.lb{font-weight:700}
.gav{width:24px;height:24px;flex:none;font-size:13px;background:var(--line2)}
.gkind{margin-left:auto;color:var(--muted);font-size:12.5px}
a.acard{color:inherit;text-decoration:none}
a.acard:hover{background:var(--panel2)}

/* Loading skeletons */
@keyframes shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.sk,.fx .ic:not(.loaded):has(img){background:linear-gradient(100deg,var(--panel2) 30%,#37414F 50%,var(--panel2) 70%);background-size:220% 100%;animation:shimmer 1.5s ease-in-out infinite}
.sk{display:block;border-radius:6px}
.skl{height:12px}
.skl.b{height:15px}
.skw10{width:10%}.skw20{width:20%}.skw30{width:30%}.skw40{width:40%}.skw50{width:50%}.skw60{width:60%}.skw70{width:70%}.skw90{width:90%}.skw100{width:100%}
.skbig{height:44px;margin:6px 0 10px}
.skh{height:36px;width:min(280px,70%);margin:6px 0 12px}
.sklead{margin-bottom:22px}
#summary .skl{width:min(440px,calc(100vw - 48px));margin:8px 0 6px}
.skic{width:24px;height:24px;flex:none;border-radius:5px}
.skic.big{width:48px;height:48px}
.skcard{display:block;background:var(--panel);border-radius:var(--r);padding:14px 16px}
.skhead{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.skhead .skl{flex:none}
.skhead.big{margin:8px 0 20px}
.skhead.big .skh{margin:0}
.skrow{display:flex;justify-content:space-between;margin-top:12px}
.skrule{display:flex;align-items:flex-start;gap:11px;padding:14px 8px;border-top:1px solid var(--line2)}
.skcheck{width:18px;height:18px;flex:none;border-radius:4px}
.skstack{flex:1;display:grid;gap:9px}
.skchips{display:flex;gap:6px}
.skchip{width:88px;height:20px;border-radius:5px}
.sktr{display:grid;grid-template-columns:24px 3fr 1fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 8px;border-top:1px solid var(--line2)}
.skpill{display:inline-block;width:82px;height:32px;margin-right:4px;border-radius:7px}
.sksearch{display:flex;align-items:center;gap:10px;padding:9px 12px}
.sksearch .skl{flex:none}
.skchart{width:100%;aspect-ratio:1000/320;border-radius:10px}
.navskel>.skchart{margin:14px 0}
.skeditor{display:grid;gap:12px;padding:22px 20px}
.skbox{height:42px;border-radius:8px}
.skbox.tall{height:110px}
.skpanel{height:150px;border-radius:var(--r);margin-bottom:14px}
.sktool{height:44px;border-radius:8px;margin-bottom:18px}
.skcols{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px;align-items:start}
.skcol{display:block;background:var(--panel);border-radius:var(--r);padding:8px 18px}
.skhero{height:320px;border-radius:var(--r);margin:24px 0 16px}
.sktiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sktiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sktile{height:78px;border-radius:var(--r)}
main.navloading>*:not(.navskel){display:none!important}
.navskel{display:block;min-height:70vh}
.stale{opacity:.5;transition:opacity .15s}
.flipctl.loading input:not([type=checkbox]),.flipctl.loading #basis{color:transparent;animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(100deg,var(--panel2) 30%,#37414F 50%,var(--panel2) 70%);background-size:220% 100%}
.flipctl.loading #basis{min-width:170px;min-height:36px;border-radius:8px}
.flipctl.loading input::placeholder{color:transparent}
@media (prefers-reduced-motion:reduce){.sk,.fx .ic:not(.loaded):has(img),.flipctl.loading input,.flipctl.loading #basis{animation:none}}

/* Filters page */
.fhero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.fhero .lead{margin-bottom:12px}
.fhero .lead b{color:var(--green)}
.fstate{display:flex;align-items:center;gap:14px;padding-top:6px}
.ftabs{display:flex;gap:4px;border-bottom:1px solid var(--line2);margin-bottom:16px;overflow-x:auto}
.ftab{background:none;border:0;padding:10px 14px;font-size:15.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.ftab:hover{color:var(--text)}
.ftab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--green)}
.fwork{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px;align-items:start}
.flist{padding:16px 18px}
.selectall{font-size:14px;color:var(--muted);padding:2px 2px 8px}
.rrow{display:flex;align-items:flex-start;gap:11px;padding:12px 8px;border-top:1px solid var(--line2);cursor:pointer;border-radius:6px}
.rrow>.sw,.rrow>.check,.rrow>.ic{margin-top:2px}
.rrow:hover{background:var(--panel2)}
.rrow.open{background:var(--tint)}
.rrow.off .ic,.rrow.off .rmain{opacity:.42}
.editor{background:var(--panel);border-radius:var(--r);position:sticky;top:82px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;min-width:0}
.edempty{padding:22px 20px}
.edempty h2{font-size:20px;margin-bottom:4px}
.edempty>p{color:var(--muted);margin-bottom:14px}
.edempty h3{font-size:15px;font-weight:600;margin:24px 0 8px}
.starter{display:block;width:100%;text-align:left;background:var(--inset);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;margin-bottom:6px;cursor:pointer;font-size:15px}
.starter:hover{border-color:var(--green)}
.seg.wide{display:flex}
.seg.wide .segb{flex:1;text-align:center;padding:8px}
.drop.tall{max-height:360px}
.drophead{font-size:13px;font-weight:700;color:var(--muted);padding:9px 11px 4px;background:var(--inset);position:sticky;top:0}
.impact{background:var(--inset);border-radius:9px;padding:12px 13px;font-size:14.5px;margin-top:4px}
.impact b{color:var(--green);font-size:17px}
.impactrow{display:flex;align-items:center;gap:8px;padding-top:7px;font-size:14px}
.impactrow span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.presetcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.preset{display:flex;flex-direction:column;align-items:flex-start;background:var(--inset);border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left}
.preset:hover{border-color:var(--green)}
.preset small{color:var(--muted);font-size:14px}
.numfields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.numfields input{font-size:17px;font-weight:600}
.field2 small{color:var(--faint);font-size:13px;line-height:1.35}
.mt{margin-top:12px}
.narrowpanel{max-width:760px}
.narrowpanel textarea{margin-top:12px}
.segnote{align-self:center;font-size:13.5px;color:var(--muted);padding:0 9px}

/* Controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--green);color:#06130C;border:1px solid var(--green);border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--green2);border-color:var(--green2)}
.btn:disabled{background:var(--panel2);border-color:var(--line);color:var(--faint);cursor:default}
.btn.big{padding:12px 24px;font-size:16px}
.btn.small{padding:5px 11px;font-size:14px}
.btn.ghost{background:none;color:var(--text);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--faint);background:var(--panel2)}
.btn.bad{background:none;color:var(--bad);border-color:#6A3532}
.btn.bad:hover{background:var(--bad);border-color:var(--bad);color:#190705}
.linkbtn{background:none;border:0;color:var(--green);cursor:pointer;padding:0;font-size:15px;font-weight:500}
.linkbtn:hover{text-decoration:underline}
.tiny{font-size:13px}
input:not([type=checkbox]),textarea,select{background:var(--inset);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:15px;width:100%}
input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--green);outline:0}
input::placeholder,textarea::placeholder{color:var(--faint)}
textarea{resize:vertical;font-size:13px}
input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;margin:0;cursor:pointer}
input.toggle{appearance:none;width:40px;height:23px;border-radius:99px;background:var(--line);position:relative;flex:none;transition:background .12s}
input.toggle::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .12s}
input.toggle:checked{background:var(--green)}
input.toggle:checked::after{left:20px;background:#06130C}
.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-size:15px}
.x{background:none;border:0;border-radius:6px;color:var(--faint);font-size:20px;line-height:1;cursor:pointer;width:30px;height:30px;flex:none}
.x:hover{color:var(--text);background:var(--panel2)}
.seg{display:inline-flex;background:var(--inset);border-radius:8px;padding:3px;max-width:100%;overflow-x:auto}
.segb{background:none;border:0;color:var(--muted);font-size:14px;font-weight:500;padding:6px 13px;cursor:pointer;white-space:nowrap;border-radius:6px}
.segb:hover{color:var(--text)}
.segb.on{background:var(--deep);color:#fff}
.seg.small .segb{padding:4px 15px}
.count{font-size:13px;color:var(--faint);margin-left:2px}
.segb.on .count{color:#c9f5df}
.segbar{display:flex;background:var(--panel);border-radius:8px;overflow:hidden;margin-bottom:12px}
.segbar>*{flex:1;background:none;border:0;padding:8px 12px;font-size:15px;color:var(--text);text-align:center;cursor:pointer;text-decoration:none}
.segbar>*:hover{background:var(--panel2)}
.segbar>.on{background:var(--deep)}
.segbar.left{max-width:440px}
.badge{font-size:12px;font-weight:700;border-radius:5px;padding:2px 7px;white-space:nowrap;background:var(--panel2);color:var(--muted);margin-left:auto}
.badge.ok{background:var(--deep);color:#fff}
.badge.bad{background:#57231F;color:#FFC9C4}
.pill{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:2px 9px;color:var(--muted);white-space:nowrap;text-transform:capitalize}
.pill.active{color:var(--green);border-color:var(--deep)}
.pill.pending{color:var(--amber);border-color:#6b5310}
.pill.banned{color:var(--bad);border-color:var(--bad)}
.alert{border:1px solid #6A3532;background:#2F1719;color:#FFC9C4;border-radius:10px;padding:11px 15px;margin-bottom:14px;font-size:15px}
.alert.soft{border-color:#6B5310;background:#2A2209;color:#F4DC9B}
.alert.good{border-color:var(--deep);background:var(--tint);color:#BDF6DA}
.alert .linkbtn{color:inherit;text-decoration:underline}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:110;background:var(--panel2);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.5);border-radius:10px;padding:10px 16px;display:flex;gap:16px;align-items:center;font-size:15px;max-width:calc(100vw - 32px)}

/* Rarity colours */
.tier-COMMON{color:#F4F6F9}.tier-UNCOMMON{color:#55FF55}.tier-RARE{color:#7D8CFF}.tier-EPIC{color:#CF6CFF}.tier-LEGENDARY{color:#FFAA00}.tier-MYTHIC{color:#FF55FF}.tier-DIVINE{color:#55FFFF}.tier-SPECIAL,.tier-VERY_SPECIAL{color:#FF6B6B}.tier-ULTIMATE{color:#D23838}

/* Headings and panels */
.pageh{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.lead{color:var(--muted);font-size:17px;margin-bottom:18px;max-width:820px}
.sectiontitle{font-size:26px;font-weight:700;margin:28px 0 12px}
.caveat{color:var(--faint);font-size:14px;margin:10px 0 14px}
.center{text-align:center}
.panel{background:var(--panel);border-radius:var(--r);padding:18px 20px;margin-bottom:14px;min-width:0}
.panel.quiet{background:none;border:1px solid var(--line2)}
.ptitle{font-size:18px;font-weight:600}
.psub{color:var(--muted);font-size:14px;margin-top:2px}
.psub.after{margin-top:10px}
.empty,.emptymsg{color:var(--muted);text-align:center;padding:40px 24px;margin:0}
.emptymsg b{display:block;color:var(--text);font-size:17px;margin-bottom:4px}
.emptymsg p{max-width:460px;margin:0 auto}
.row-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.row-btns.tight{margin:0;gap:6px;align-items:center;flex-wrap:nowrap}
.endrow{justify-content:flex-end}
.file{cursor:pointer}

/* Tiles */
.tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tilegrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tilegrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool{display:block;background:var(--panel);border-radius:var(--r);padding:18px 20px;text-decoration:none;transition:background .12s}
.tool:hover{background:var(--panel2)}
.tool b{font-size:18px}
.tool p{color:var(--muted);font-size:15px;margin-top:4px}

/* Cards */
.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}
.flipcard{display:block;background:var(--panel);border-radius:var(--r);overflow:hidden;text-decoration:none;transition:opacity .2s}
a.flipcard:hover{background:var(--panel2)}
.flipcard.sold{opacity:.5}
.fchead{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel2);font-weight:600;min-width:0}
.fchead b,.fchead a{text-decoration:none;min-width:0;overflow-wrap:anywhere}
.flipcard dl{margin:0;padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px}
.flipcard dt{font-size:14px;color:var(--muted)}
.flipcard dd{margin:0;font-weight:600}
.flipcard dd.cost{color:var(--bad)}
.flipcard>.badge{display:inline-block;margin:0 14px 12px}
.fcfoot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line2);font-size:14px}
.fcfoot .btn{margin-left:auto}
.finder{font-weight:700;font-size:13px}
.ic{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}
.ic.small{width:24px;height:24px}
.ic.big{width:60px;height:60px}
.ic img{width:90%;height:90%;object-fit:contain;image-rendering:pixelated}
.ic.none::after{content:"";width:9px;height:9px;border-radius:2px;background:var(--line)}
.icall{color:var(--faint);font-size:11px;font-weight:600}
.toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px;margin-bottom:8px}
.count{font-size:14px}
p.count{color:var(--faint);margin:0 0 12px}

/* Item pages */
.itemsearch{display:flex;gap:8px;margin:0 0 18px}
.itemcard{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:8px;padding:9px 12px;text-decoration:none;font-weight:500}
.itemcard:hover{background:var(--panel2)}
.itemhead{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.itemhead h1{font-size:28px;font-weight:700;line-height:1.15}
.chartpanel{padding:14px 18px}
.legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lg{background:none;border:0;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--faint);cursor:pointer;font-weight:500}
.lg i{display:block;width:24px;height:12px;border-radius:3px;background:var(--line)}
.lg.on{color:var(--text)}
.lg.c-price.on i{background:#32A8FF}.lg.c-min.on i{background:#2FB54A}.lg.c-max.on i{background:#FF7A59}.lg.c-vol.on i{background:#7B8798}
.chartbox{position:relative}
.linechart{width:100%;height:auto;display:block}
.linechart .grid{stroke:var(--line2);stroke-width:1}
.linechart .axis{fill:var(--faint);font-size:13px}
.linechart .end{text-anchor:end}
.linechart .mid{text-anchor:middle}
.linechart .ln{fill:none;stroke-width:2.5;stroke-linejoin:round}
.ln.c-price{stroke:#32A8FF}.ln.c-min{stroke:#2FB54A}.ln.c-max{stroke:#FF7A59}
.pt.c-price{fill:#32A8FF}.pt.c-min{fill:#2FB54A}.pt.c-max{fill:#FF7A59}
.volbar{fill:#7B8798;opacity:.3}
.cursor{stroke:var(--faint);stroke-dasharray:4}
.charttip{position:absolute;top:8px;background:var(--inset);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:13.5px;display:flex;flex-direction:column;pointer-events:none;min-width:130px}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.tile{background:var(--panel);border-radius:var(--r);padding:14px 18px;display:flex;flex-direction:column;gap:2px}
.tile>span{color:var(--muted);font-size:14px}
.tile b{font-size:25px;line-height:1.2}
.tile small{font-size:15px;color:var(--faint);font-weight:400}
.acard{background:var(--panel);border-radius:8px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.acard small{grid-column:1/-1}
.status{font-size:13px;font-weight:700}
.s-Sold{color:var(--green)}.s-Active{color:#32A8FF}.s-Expired,.s-Cancelled{color:var(--faint)}

/* Flipper */
.flipctl{padding:16px 20px 12px}
.ctlgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 40px;align-items:center;margin-bottom:12px}
.ctl{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;font-size:15px}
.ctl.swl{grid-template-columns:1fr auto;max-width:230px}
.ctlgrid>.btn{justify-self:start}
.ctlfoot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line2);font-size:15px}
.live{display:inline-flex;align-items:center;gap:7px;color:var(--faint);font-size:14px}
.live.on{color:var(--green)}
.live.on::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.statetext{color:var(--faint);font-size:14px}
.hgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.tlabel{font-size:14px;color:var(--muted)}
.bignum{font-size:46px;font-weight:700;line-height:1.1;color:var(--green);margin-top:4px}
.meter{height:6px;background:var(--inset);border-radius:9px;margin-top:12px;overflow:hidden}
.meter span{display:block;height:100%;width:0;background:var(--green);transition:width .25s}
.railstats{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0 0;font-size:15px}
.railstats dt{color:var(--muted)}
.railstats dd{margin:0;text-align:right;font-weight:600}
.whyt{font-size:14px;font-weight:600;margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}
.whylist{list-style:none;margin:6px 0 0;padding:0;font-size:14px}
.whylist li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--muted)}
.whylist b{color:var(--text)}
.modal{position:fixed;top:5vh;left:50%;transform:translateX(-50%);width:min(860px,calc(100vw - 24px));max-height:90vh;background:var(--panel);border-radius:12px;z-index:90;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.mhead{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line2)}
.mhead h2{font-size:21px}
.mbody{padding:16px 20px 20px;overflow-y:auto}
.mtitle{font-size:16px;font-weight:600;margin:18px 0 8px}
.mtitle:first-child{margin-top:0}
.swgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 26px}
.swrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.finders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fb{display:flex;align-items:flex-start;gap:10px;background:var(--inset);border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;text-align:left}
.fb:hover{border-color:var(--faint)}
.fb.on{border-color:var(--deep);background:var(--tint)}
.fbtick{width:18px;height:18px;border-radius:5px;border:2px solid var(--line);flex:none;margin-top:2px;position:relative}
.fb.on .fbtick{background:var(--green);border-color:var(--green)}
.fb.on .fbtick::after{content:"";position:absolute;left:4px;top:0;width:4px;height:9px;border:solid #06130C;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fbtext{flex:1;display:flex;flex-direction:column;min-width:0}
.fbtext small{color:var(--muted);font-size:13.5px;line-height:1.35}
.risk{font-size:12px;color:var(--faint);white-space:nowrap;margin-top:3px}
.optrow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;border-top:1px solid var(--line2);cursor:pointer}
.optrow:first-child{border-top:0;padding-top:0}
.opttext{display:flex;flex-direction:column}
.opttext small{color:var(--muted);font-size:14px;line-height:1.4}
.presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.presetl{color:var(--faint);font-size:14px;margin-right:2px}
.presetb{background:var(--panel2);border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:500;padding:4px 12px;cursor:pointer}
.presetb:hover{border-color:var(--green)}
.ruletools{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.search{flex:1;min-width:160px}
.bulk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tint);border-radius:8px;margin-bottom:8px;flex-wrap:wrap}
.bulk b{font-size:14px;margin-right:4px}
.ledgerhead{display:flex;align-items:center;gap:10px;padding:5px 2px;border-bottom:1px solid var(--line2);font-size:13px;color:var(--faint)}
.ledgerhead .n{margin-left:auto}
.ledger{overflow-y:auto;position:relative}
.ledgerinner{position:relative}
.rule:hover{background:var(--panel2)}
.rule.open{background:var(--tint)}
.rule.off .ic,.rule.off .rmain{opacity:.42}
.sw{width:32px;height:19px;border-radius:99px;border:0;background:var(--line);position:relative;cursor:pointer;flex:none;padding:0}
.sw span{position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:var(--muted)}
.sw.on{background:var(--deep)}
.sw.on span{left:15px;background:#fff}
.rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rtop{display:flex;align-items:baseline;gap:8px;min-width:0}
.rname{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.tagmark{font-size:12px;font-weight:600;flex:none;color:var(--bad)}
.tagmark.whitelist{color:var(--green)}
.chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{font-size:12.5px;background:var(--panel2);border-radius:4px;padding:0 6px;flex:none;line-height:19px}
.chip i{font-style:normal;color:var(--muted)}
.nocond{color:var(--faint);font-size:13px;line-height:19px}
.badmark{background:#6B5310;color:#FFE9A8;border-radius:50%;width:18px;height:18px;text-align:center;font-weight:700;font-size:12px;line-height:18px;flex:none}
.rowedit{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:13px;padding:3px 10px;cursor:pointer;flex:none}
.rowedit:hover{color:var(--text);border-color:var(--faint)}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--panel2);z-index:100;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.45)}
.insphead{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.insphead h2{font-size:19px}
.inspbody{padding:16px 18px;overflow-y:auto;flex:1}
.inspfoot{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
.field{margin-bottom:20px}
.field>.flabel{display:block;margin-bottom:7px}
.flabel{font-size:14.5px;font-weight:600}
.pickwrap{position:relative}
.drop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--inset);border:1px solid var(--line);border-radius:9px;max-height:300px;overflow-y:auto;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.dropi{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;border-bottom:1px solid var(--line2);font-size:15px;padding:8px 11px;cursor:pointer;text-align:left}
.dropi:hover{background:var(--panel2)}
.dropi.col{flex-direction:column;align-items:stretch;gap:1px}
.dmeta{margin-left:auto;font-size:11px;color:var(--faint)}
.dropt{display:flex;gap:4px;align-items:baseline}
.dhelp{color:var(--muted);font-size:13px;line-height:1.35}
.dropempty{color:var(--muted);font-size:14px;padding:11px}
.picked{display:flex;flex-wrap:wrap;gap:5px}
.picked:not(:empty){margin-bottom:7px}
.pick{display:inline-flex;align-items:center;gap:6px;background:var(--tint);border:1px solid var(--deep);border-radius:7px;padding:3px 3px 3px 5px;font-size:14px}
.x.inline{width:20px;height:20px;font-size:15px}
.fblocks:not(:empty){margin-bottom:8px}
.fblock{background:var(--panel);border-radius:9px;padding:9px 11px 11px;margin-bottom:7px}
.fhead{display:flex;align-items:center;gap:8px;min-height:26px;margin-bottom:5px}
.fhead .flabel{flex:1}
.fhelp{font-size:13px;color:var(--muted);margin:-2px 0 7px;line-height:1.35}
.fhelp.warn{color:var(--amber)}
.fmsg{font-size:13px;color:var(--amber);margin-top:5px}
.flagnote{color:var(--muted);font-size:14px}
.numctl{display:flex;gap:6px}
.numctl select{flex:0 0 108px;width:108px}
.optchips{display:flex;flex-wrap:wrap;gap:4px}
.opt{background:var(--inset);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:3px 9px;font-size:13px;cursor:pointer}
.opt.on{background:var(--deep);border-color:var(--deep);color:#fff}
.tw{overflow-x:auto;margin-top:10px}
.notop{margin-top:0}
table{border-collapse:collapse;width:100%;font-size:15px}
th{font-size:13px;font-weight:600;color:var(--faint);text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:8px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--panel2)}
.r{text-align:right}
.itemcell{display:flex;align-items:center;gap:8px;min-width:230px;white-space:normal}
.showmore{margin-top:12px}

/* Account and forms */
.steps{list-style:none;margin:8px 0 0;padding:0}
.steps li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line2)}
.steps li:first-child{border-top:0}
.steps li div{flex:1;min-width:0}
.steps p{color:var(--muted);font-size:14.5px}
.tick{width:21px;height:21px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative}
.done .tick{background:var(--green);border-color:var(--green)}
.done .tick::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #06130C;border-width:0 2px 2px 0;transform:rotate(45deg)}
.acctrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.danger{margin-top:12px;color:var(--muted);font-size:15px}
.danger summary{cursor:pointer;color:var(--faint)}
.danger form{margin-top:10px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.notice{border-left:4px solid var(--green);background:var(--panel);border-radius:8px;padding:16px 18px;margin-bottom:16px}
.notice h2{font-size:18px;margin-bottom:4px}
.notice p{color:var(--muted)}
.hook{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hook.off{opacity:.72}
.hook h2{font-size:17px}
.hookinfo{min-width:0}
.hookinfo p{font-size:14.5px;margin-top:2px}
.warn{color:var(--amber)}
.form3{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin-top:12px}
.field2{display:flex;flex-direction:column;gap:5px}
.field2>span{font-size:14.5px;font-weight:500}
.formhint{color:var(--faint);font-size:14px;margin-top:10px}
.linkedrow{padding:12px 0;border-top:1px solid var(--line2);margin-top:12px}
.more{position:relative}
.more summary{list-style:none}
.more summary::-webkit-details-marker{display:none}
.more form{position:absolute;right:0;top:calc(100% + 4px);z-index:5;background:var(--panel2);padding:6px;border:1px solid var(--line);border-radius:8px}
.num3{counter-reset:s;list-style:none;margin:12px 0 0;padding:0}
.num3 li{counter-increment:s;position:relative;padding:0 0 12px 34px;color:var(--muted)}
.num3 li::before{content:counter(s);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--panel2);color:var(--text);font-weight:600;font-size:13px;line-height:24px;text-align:center}
.linknote{color:var(--muted);margin:6px 0 12px}
.prose h1{font-size:30px;margin-bottom:8px}
.prose h2{font-size:18px;margin:24px 0 6px}
.prose p{color:var(--muted);margin:0 0 10px}
.prose p b{color:var(--text)}
.acceptform{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:16px 0}
.acceptform .check{align-items:flex-start;color:var(--text)}
.prose ul{color:var(--muted);margin:0 0 10px;padding-left:20px}
.prose li{margin:0 0 6px}
.prose li b{color:var(--text)}
.devcard{background:var(--panel);border-radius:var(--r);padding:6px 18px;margin:14px 0}
.devcard div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line2)}
.devcard div:first-child{border-top:0}
.devcard dt{color:var(--muted)}
.devcard dd{margin:0;font-weight:600;overflow-wrap:anywhere}

@media (max-width:1120px){
  .mainnav a{padding:8px 7px;font-size:14px}
  .barrow{gap:12px}
  .globalsearch{min-width:0}
}
@media (max-width:920px){
  .homebg{--mark:150vw;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 75%);mask-image:linear-gradient(to top,#000 20%,transparent 75%)}
  .homebg svg{top:auto;bottom:calc(var(--mark)*-.34);right:calc(var(--mark)*-.3)}
  .fwork{grid-template-columns:minmax(0,1fr)}
  .auctiongrid{grid-template-columns:minmax(0,1fr)}
  .skcols{grid-template-columns:minmax(0,1fr)}
  .skcols .skcol:last-child{display:none}
  .sktiles.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor{position:fixed;inset:0;top:0;max-height:none;border-radius:0;z-index:90;display:none}
  .editor.open{display:flex}
  body.editing{overflow:hidden}
  .numfields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .burger{display:flex}
  .burger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}
  .mainnav{display:none}
  .hx,.story{grid-template-columns:minmax(0,1fr);gap:30px}
  .hx{padding:30px 0 40px}
  .story{margin-bottom:52px}
  .story.flip .stext{order:0}
  .footgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footbrand{grid-column:1/-1}
  .figures{flex-direction:column}
  .figures div{padding:18px 0}
  .figures div+div{border-left:0;padding-left:0;border-top:1px solid var(--line2)}
}
@media (max-width:1000px){
  .ctlgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
  .tilegrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .numfields,.presetcards{grid-template-columns:minmax(0,1fr)}
  .topbar .brand{width:30px;overflow:hidden}
  .topbar .btn{padding:7px 10px;font-size:13.5px}
  .footgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .stext h2{font-size:26px}
  .mline{grid-template-columns:34px 1fr}
  .mline b{display:none}
  .mline em{grid-column:2}
  .container{padding:0 12px}
  main.container{padding-top:16px}
  .pageh{font-size:27px}
  .ctlgrid{grid-template-columns:minmax(0,1fr)}
  .ctl{grid-template-columns:120px minmax(0,1fr)}
  .ctl.swl{max-width:none}
  .tilegrid.two,.tilegrid.four,.finders{grid-template-columns:minmax(0,1fr)}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar,.form3{grid-template-columns:minmax(0,1fr)}
  .steps li{flex-wrap:wrap}
  .steps li .btn{width:100%}
  .rowedit{display:none}
  .modal{top:0;left:0;right:0;bottom:0;width:100%;max-height:none;border-radius:0;transform:none}
}