@font-face{font-family:Cinzel;src:url(fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#0a0806;--pan:#14100bcc;--pan2:#1b150e;--ln:#3a2c18;--ln2:#5a4220;--gold:#f5c451;--gold2:#ffe7a3;--txt:#ece3cf;--mut:#9c8d70;--dim:#6f6450;--grn:#3fd16b;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body.gs{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.bg-fx{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 520px at 50% -160px,#4a2a0c 0,transparent 70%),radial-gradient(700px 500px at 100% 30%,#2a120a55,transparent 70%),radial-gradient(700px 500px at 0 70%,#0d1a2a55,transparent 70%),var(--bg)}
.bg-fx i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px #f5c45188;opacity:.0;animation:ember 14s linear infinite}
.bg-fx i:nth-child(1){left:18%;animation-delay:0s}.bg-fx i:nth-child(2){left:62%;animation-delay:5s}.bg-fx i:nth-child(3){left:84%;animation-delay:9s}
@keyframes ember{0%{top:105%;opacity:0}10%{opacity:.8}90%{opacity:.4}100%{top:-5%;opacity:0;transform:translateX(40px)}}
a{color:var(--gold)}
h1,h2,h3,.logo,.t b,.btn,.seg button{font-family:Cinzel,Georgia,serif}
header.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px max(16px,env(safe-area-inset-left));background:#0a0806d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.logo{font-weight:800;font-size:20px;letter-spacing:2px;color:#fff;text-decoration:none}.logo span{color:var(--gold);margin-left:4px}
header nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}header nav a{color:var(--txt);text-decoration:none;font-weight:600;font-size:14px;padding:6px 10px;border-radius:8px;white-space:nowrap}header nav a:hover{background:#ffffff10;color:var(--gold)}
header nav a.tw{color:#bf94ff}
.ticker{display:flex;align-items:center;background:linear-gradient(90deg,#2a1a06,#140d06);border-bottom:1px solid var(--ln);height:34px;overflow:hidden;font-size:13px}
.tk-lab{flex:none;padding:0 12px;color:#000;background:var(--gold);height:100%;display:flex;align-items:center;font-weight:800;letter-spacing:1px;font-size:11px}
.tk-win{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tk-track{display:inline-flex;gap:34px;padding-right:34px;white-space:nowrap;animation:tick 54s linear infinite}.ticker:hover .tk-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tk-track span b{font-weight:700}.tk-track em{color:var(--gold);font-style:normal;font-weight:700}
main{max-width:1240px;margin:0 auto;padding:18px 14px 40px}
.hero{display:flex;align-items:center;gap:28px;padding:26px 6px 10px}
.crest{flex:none;width:118px;filter:drop-shadow(0 0 22px #f5b83d55);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}
.eyebrow{color:var(--mut);font-size:13px;letter-spacing:.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #3fd16b66;background:#3fd16b14;color:var(--grn);border-radius:999px;padding:2px 10px;font-size:11px;letter-spacing:1px}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 0 #3fd16b;animation:pulse 1.8s infinite}.pill.off{border-color:#e0a04066;background:#e0a04014;color:#e0a040}.pill.off i{background:#e0a040;animation:none}
@keyframes pulse{70%{box-shadow:0 0 0 8px #3fd16b00}100%{box-shadow:0 0 0 0 #3fd16b00}}
.hero h1{margin:4px 0 2px;font-size:clamp(34px,7vw,72px);line-height:1.02;font-weight:800;letter-spacing:1px;background:linear-gradient(180deg,#fff6d6 0,#f5c451 45%,#b07818 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 24px #f5b83d40)}
.tag{margin:4px 0 14px;color:#cdbf9f;font-size:clamp(14px,2vw,17px)}
.hero-a{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid #f5c451;background:linear-gradient(180deg,#f8d06a,#c98a1c);color:#1a1004;font-weight:800;font-size:14px;letter-spacing:.5px;padding:10px 18px;border-radius:10px;text-decoration:none;box-shadow:0 6px 24px #f5b83d33,inset 0 1px 0 #fff8}
.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--gold);box-shadow:none}
.fresh{font-size:12px;color:var(--dim);margin-top:12px}.fresh b{color:#7fd17f;font-weight:600}.fresh .stale{color:#e0a040}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}
.t{position:relative;overflow:hidden;background:linear-gradient(180deg,#1f170e,#120d08);border:1px solid var(--ln);border-radius:var(--r);padding:14px 16px;transition:transform .2s,border-color .2s}
.t:hover{transform:translateY(-2px);border-color:var(--ln2)}.t::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.t b{display:block;font-size:clamp(26px,3.4vw,36px);font-weight:800;line-height:1.1;color:var(--gold2);text-shadow:0 0 18px #f5b83d55;font-variant-numeric:tabular-nums}
.t span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mut);margin-top:2px}.t i{display:block;font-size:12px;color:var(--dim);font-style:normal}
.card{background:var(--pan);border:1px solid var(--ln);border-radius:var(--r);padding:16px 18px;margin:12px 0;min-width:0;box-shadow:0 10px 40px #0006}
.card.glow{border-color:var(--ln2);box-shadow:0 0 0 1px #f5c45114,0 20px 60px #0008,inset 0 1px 0 #ffffff08}
.card h2,.sec-h h2{font-size:19px;margin:0 0 10px;color:var(--gold);font-weight:700;letter-spacing:.5px}.card h2 small{font:12px Inter,system-ui;color:var(--dim);letter-spacing:0}
.sec-h{margin:22px 4px 0}.sec-h h2{font-size:26px}.sec-h .note{margin:0}
.hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.hd h2{margin:0}
.seg{display:inline-flex;background:#0d0a07;border:1px solid var(--ln);border-radius:10px;padding:3px}
.seg button{background:none;border:0;color:var(--mut);font-size:12px;font-weight:700;padding:5px 10px;border-radius:7px;cursor:pointer}.seg button.on{background:linear-gradient(180deg,#3a2a12,#251a0b);color:var(--gold2)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:0 12px}
.ch{position:relative;height:260px}.hero-ch{height:min(420px,56vw);min-height:240px}
.firsts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.firsts span{font-size:12px;border:1px solid var(--ln2);border-radius:999px;padding:3px 10px;background:#f5c45110}.firsts span b{color:var(--gold)}
.miles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.mi{font-size:13px;color:var(--mut)}.mi .row{display:flex;justify-content:space-between;align-items:baseline}.mi .row b{font-family:Cinzel,serif;font-size:22px;color:var(--gold2)}
.bar{height:10px;background:#0d0a07;border:1px solid var(--ln);border-radius:6px;overflow:hidden;margin-top:5px}
.bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#8a5a12,#f5c451,#fff1c1);box-shadow:0 0 12px #f5c451aa;transition:width 1.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff88 50%,transparent 70%);transform:translateX(-100%);animation:shine 3.2s ease-in-out infinite}
@keyframes shine{60%,100%{transform:translateX(100%)}}
.feed,.lb{list-style:none;margin:0;padding:0;font-size:14px}
.feed li,.lb li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-bottom:1px solid #2a2116}
.feed time,.lb em{color:var(--dim);font-size:12px;font-style:normal;white-space:nowrap}
.lb{counter-reset:r}.lb li::before{counter-increment:r;content:counter(r);color:var(--dim);font-family:Cinzel,serif;font-weight:700;width:24px;text-align:center;flex:none}
.lb li:nth-child(1)::before{color:#ffd700;text-shadow:0 0 8px #ffd70088}.lb li:nth-child(2)::before{color:#d6dbe5}.lb li:nth-child(3)::before{color:#d08a4c}
.lb li>span{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.lb em b{color:var(--gold2);font-size:14px}
.dingfeed li{animation:slidein .5s ease both}.dingfeed li.new{background:linear-gradient(90deg,#f5c45122,transparent)}
@keyframes slidein{from{opacity:0;transform:translateX(-18px)}}
.lvl{display:inline-block;min-width:30px;text-align:center;font-family:Cinzel,serif;font-weight:800;color:#1a1004;background:linear-gradient(180deg,#ffe28a,#c98a1c);border-radius:6px;padding:0 5px;font-size:13px}
.cb{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:14px;line-height:1;background:radial-gradient(circle at 35% 30%,#ffffff30,transparent 60%),var(--cc,#555);box-shadow:0 0 0 2px #000,0 0 0 3px var(--cc,#555),0 0 10px var(--cc,#555)}
.cb.sm{width:20px;height:20px;font-size:11px}
.nm{font-weight:700;color:var(--cc,#ece3cf);text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cls{position:relative;overflow:hidden;border:1px solid var(--ln);border-radius:12px;padding:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--cc) 22%,#120d08),#0f0b07 70%)}
.cls .cb{width:38px;height:38px;font-size:20px}.cls h3{margin:8px 0 0;font-size:16px;color:var(--cc)}.cls .n{font-family:Cinzel,serif;font-size:28px;font-weight:800;color:#fff}.cls .s{font-size:12px;color:var(--mut)}
.cls .bar i{background:var(--cc);box-shadow:0 0 10px var(--cc)}
.ctl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ctl input,.ctl select{background:#0d0a07;border:1px solid var(--ln);color:var(--txt);border-radius:10px;padding:10px 12px;font-size:15px}.ctl input{flex:1;min-width:180px}.ctl input:focus,.ctl select:focus{outline:none;border-color:var(--gold)}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px;border-bottom:1px solid #2a2116;text-align:left;white-space:nowrap}
th{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:sticky;top:0;background:#17110b;z-index:1}th:hover{color:var(--gold)}
.tw{border-radius:10px}table.big tbody tr{cursor:pointer;transition:background .15s}table.big tbody tr:hover{background:#f5c45110}
td.nmc{display:flex;align-items:center;gap:8px}.lvbar{display:inline-block;width:46px;height:5px;border-radius:3px;background:#2a2116;margin-left:8px;vertical-align:middle;overflow:hidden}.lvbar i{display:block;height:100%;background:var(--gold)}
.on-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 8px var(--grn);flex:none}
.gone{opacity:.5}.note,.foot-note{font-size:12px;color:var(--dim)}
table.mini td,table.mini th{padding:6px}
.modal{position:fixed;inset:0;z-index:50;background:#000b;backdrop-filter:blur(4px);display:grid;place-items:center;padding:14px;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.mbox{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#1d150c,#100c08);border:1px solid var(--ln2);border-radius:18px;padding:20px;box-shadow:0 0 0 1px #f5c45122,0 30px 80px #000,0 0 60px #f5b83d22;animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}
@keyframes pop{from{transform:scale(.94);opacity:0}}
.mbox .x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--mut);font-size:28px;cursor:pointer;line-height:1}
.ah{display:flex;gap:14px;align-items:center}.ah .cb{width:56px;height:56px;font-size:28px}.ah h3{margin:0;font-size:28px;color:var(--cc)}.ah .sub{color:var(--mut)}
.astats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:14px 0}.astats div{background:#0d0a07;border:1px solid var(--ln);border-radius:10px;padding:8px 10px}.astats b{display:block;font-family:Cinzel,serif;font-size:22px;color:var(--gold2)}.astats span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:1px}
.doll{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.doll .wep{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.slot{display:flex;align-items:center;gap:8px;background:#0d0a07;border:1px solid #2a2116;border-left:3px solid var(--qc,#333);border-radius:8px;padding:6px 8px;min-height:44px;min-width:0}
.slot .sl{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.slot a{color:var(--qc);font-weight:600;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.slot .il{margin-left:auto;font-size:12px;color:var(--mut);flex:none}.slot>div{min-width:0}
.slot.empty{opacity:.45}
.q-POOR{--qc:#9d9d9d}.q-COMMON{--qc:#ffffff}.q-UNCOMMON{--qc:#1eff00}.q-RARE{--qc:#0070dd}.q-EPIC{--qc:#a335ee}.q-LEGENDARY{--qc:#ff8000}.q-ARTIFACT,.q-HEIRLOOM{--qc:#e6cc80}
.spark{height:120px;position:relative;margin-top:10px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#1d150c;border:1px solid var(--gold);color:var(--gold2);padding:10px 16px;border-radius:10px;z-index:60;box-shadow:0 10px 30px #000}
footer{text-align:center;color:var(--dim);font-size:12px;padding:24px 14px calc(24px + env(safe-area-inset-bottom))}
.foot-note{text-align:center;max-width:820px;margin:12px auto}
[hidden]{display:none!important}
@media(max-width:760px){.hero{flex-direction:column;text-align:center;gap:6px;padding-top:14px}.crest{width:82px}.eyebrow,.hero-a{justify-content:center}
 .tiles{grid-template-columns:repeat(2,1fr);gap:8px}.t{padding:12px}.card{padding:14px 12px;border-radius:12px}
 .h-md{display:none}header nav a{padding:6px 7px;font-size:13px}.logo{font-size:17px}.doll{grid-template-columns:1fr}.doll .wep{grid-template-columns:1fr}.ch{height:230px}}
@media(max-width:420px){.h-sm{display:none}header nav a.tw{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
body.no-race .col-r,body.no-gear .col-il,body.no-dings .col-g7{display:none!important}

.twb{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#9146ff22;border:1px solid #9146ff88;color:#bf94ff;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.twb:hover{background:#9146ff44}.twb.big{margin:6px 0 0;font-size:13px;padding:3px 10px}
#claim{margin-top:16px}#claim .ctl{flex-wrap:wrap;gap:8px}.twcode{font:800 26px/1.2 ui-monospace,monospace;letter-spacing:3px;color:var(--gold);user-select:all}
.twbtn{background:linear-gradient(180deg,#a970ff,#772ce8);border-color:#9146ff;color:#fff;box-shadow:0 6px 24px #9146ff33}.lnk{background:none;border:0;color:var(--mut,#a99);text-decoration:underline;cursor:pointer;font-size:12px}

/* armory v2 */
.ah.hasr{position:relative;overflow:hidden;min-height:150px;border-radius:12px;background:radial-gradient(ellipse at 75% 40%,#3a2a12,#0d0a07 70%);padding:14px}
.ah .rend{position:absolute;right:-40px;top:-30px;height:260px;opacity:.9;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.ah .av{border-radius:10px;border:2px solid var(--cc);box-shadow:0 0 14px #000a;position:relative}.ah>*{position:relative}
.slot{position:relative}.slot .ico{width:36px;height:36px;border-radius:6px;border:1px solid var(--qc,#333);flex:none}
.itt{display:none;position:absolute;z-index:60;left:0;top:100%;margin-top:4px;width:min(300px,80vw);background:#070b16f2;border:1px solid #5b6a8a;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.45;box-shadow:0 6px 20px #000c}
.itt b{display:block;font-size:13px;color:var(--qc)}.itt i{display:block;color:#ffd100;font-style:normal}.itt span{display:block;color:#eee}.itt span.grn{color:#1eff00}
.slot:hover .itt,.slot:focus-within .itt,.slot:focus .itt{display:block}
.cstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 14px;font-size:13px}.cstats div{display:flex;justify-content:space-between;border-bottom:1px dashed #2a2116;padding:3px 0}.cstats span{color:var(--dim)}
.tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.tree{background:#0d0a07;border:1px solid #2a2116;border-radius:8px;padding:8px}.tree>b{display:block;margin-bottom:4px;color:var(--gold,#f5c451)}
.tl{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;cursor:help}.tl i{color:#1eff00;font-style:normal}
.reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px;font-size:12px}.reps i{float:right;font-style:normal;color:var(--dim)}.reps .bar{height:4px;background:#2a2116;border-radius:3px;overflow:hidden}.reps .bar i{display:block;height:100%;background:#3fae4a;float:none}

.gm-bar{background:linear-gradient(90deg,#1a0d2e,#2a1450 50%,#1a0d2e);border-bottom:1px solid #9146ff66;box-shadow:inset 0 -1px 0 #f5c45122}
.gm-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:7px 16px;flex-wrap:wrap}
.gm-lab{font-family:Cinzel,serif;color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.gm-name{font-family:Cinzel,serif;font-size:19px;color:#fff;letter-spacing:.5px}
.gm-tw{display:inline-flex;align-items:center;gap:7px;background:#9146ff;color:#fff;font-weight:800;font-size:14px;padding:7px 16px;border-radius:8px;text-decoration:none;box-shadow:0 0 18px #9146ff88}.gm-tw:hover{background:#a970ff}
.gm-add{color:#c9b6ff;font-size:12px;text-decoration:none;border:1px solid #9146ff55;border-radius:6px;padding:3px 9px}.gm-add:hover{background:#9146ff22}
.gm-pete{margin-left:auto;color:#6f6480;font-size:11px;text-decoration:none}.gm-pete:hover{color:#a99bc0}
@media(max-width:560px){.gm-name{font-size:16px}.gm-pete{margin-left:0}}

.rkb{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--ln2);background:#ffffff08;white-space:nowrap}.rkb.rk0{color:#000;background:linear-gradient(#ffe7a3,#f5b83d);border-color:#f5b83d}.rkb.rk1{color:#ffd27a;border-color:#a8792a}.rkb.rk2{color:#e6c88a;border-color:#7a5a24}.rkb.rk3{color:#cfe3ff;border-color:#3d5a80}.rkb.rk4,.rkb.rk5{color:var(--mut)}

.twcta{color:#bf94ff;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hd h2 .twcta{text-decoration:none;border-bottom:1px dashed #bf94ff}.twcta:hover{color:#d9c2ff}.twcta.sm{display:inline-block;margin-top:6px;font-size:13px}
.hero-alert{position:fixed;right:16px;bottom:16px;max-width:360px;background:#1d150c;border:1px solid var(--gold);color:#ece3cf;padding:12px 30px 12px 14px;border-radius:10px;z-index:70;box-shadow:0 10px 30px #000;font-size:14px;line-height:1.45}.hero-alert b:first-child{color:var(--gold2)}.hero-alert a{color:var(--gold2)}.hero-alert .x{position:absolute;top:4px;right:8px;background:none;border:0;color:#ece3cf;font-size:18px;cursor:pointer}
#leftC h4{margin:8px 0 4px;font-size:13px;color:var(--gold2)}
/* member pop-up v2: dark glass card, class-colored accent (2026-10-24) */
.modal{background:radial-gradient(ellipse at 50% 35%,#0006,#000d);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);animation:mfade .28s ease both}
.modal.closing{animation:mfadeout .2s ease forwards}.modal.closing .mbox{animation:mout .2s ease forwards}
@keyframes mfade{from{opacity:0}}@keyframes mfadeout{to{opacity:0}}
@keyframes min{from{opacity:0;transform:translateY(14px) scale(.94);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes mout{to{opacity:0;transform:translateY(8px) scale(.96)}}
.mbox{--cc:#f5c451;background:linear-gradient(160deg,color-mix(in srgb,var(--cc) 9%,#16110bcc),#0b0806e6 55%);border:1px solid color-mix(in srgb,var(--cc) 35%,#ffffff14);border-radius:22px;padding:24px 24px 20px;
 box-shadow:inset 0 1px 0 #ffffff14,0 0 0 1px #0008,0 40px 100px #000c,0 0 70px color-mix(in srgb,var(--cc) 22%,transparent);backdrop-filter:blur(18px);animation:min .38s cubic-bezier(.16,1,.3,1) both;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cc) 40%,#333) transparent}
.mbox::before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,transparent,var(--cc),transparent);opacity:.9;pointer-events:none}
.mbox::after{content:"";position:absolute;top:-80px;left:50%;width:420px;height:200px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--cc) 22%,transparent),transparent);pointer-events:none;z-index:0}
.mbox>*{position:relative;z-index:1}
.mbox .x{top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff1a;font-size:22px;display:grid;place-items:center;transition:background .2s,transform .2s,color .2s;z-index:2}
.mbox .x:hover{background:color-mix(in srgb,var(--cc) 25%,transparent);color:#fff;transform:rotate(90deg)}
.mbox .ah{padding-bottom:14px;border-bottom:1px solid #ffffff12}
.mbox .ah h3{font-family:Cinzel,serif;font-size:32px;letter-spacing:.5px;text-shadow:0 0 24px color-mix(in srgb,var(--cc) 55%,transparent)}
.mbox .ah .sub{font-size:13px;letter-spacing:.3px}
.mbox .ah .cb,.mbox .ah .av{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 60%,transparent),0 0 22px color-mix(in srgb,var(--cc) 35%,transparent);border-radius:14px}
.mbox .astats{gap:10px;margin:16px 0}
.mbox .astats div{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid #ffffff12;border-radius:14px;padding:10px 12px;transition:border-color .2s,transform .2s}
.mbox .astats div:hover{border-color:color-mix(in srgb,var(--cc) 45%,transparent);transform:translateY(-2px)}
.mbox .astats b{color:var(--cc);font-size:24px;text-shadow:0 0 14px color-mix(in srgb,var(--cc) 35%,transparent)}
.mbox .astats span{font-size:10px;letter-spacing:1.4px;color:#b9ad97}
.mbox h4{font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#d9cdb5;margin:20px 0 10px;display:flex;align-items:center;gap:10px}
.mbox h4::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 40%,transparent),transparent)}
.mbox .slot{background:#ffffff06;border-color:#ffffff10;border-radius:10px;transition:background .2s,box-shadow .2s}
.mbox .slot:hover{background:#ffffff0d;box-shadow:0 0 16px color-mix(in srgb,var(--qc,#333) 25%,transparent)}
.mbox .cstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 16px}
.mbox .cstats div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #ffffff12;font-size:13px}.mbox .cstats span{color:#b9ad97}.mbox .cstats b{color:#f1e8d6}
@media(max-width:560px){.modal{padding:0;place-items:end center}.mbox{width:100%;max-height:90vh;border-radius:22px 22px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom))}.mbox .ah h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.modal,.mbox,.modal.closing,.modal.closing .mbox{animation:none}}
@media(max-width:560px){.mbox .ah.hasr .rend{opacity:.35}}
.gs select{background:#14100b;color:var(--txt,#ece3cf);border:1px solid #3a2c1c;border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;color-scheme:dark}
.gs select:focus{outline:1px solid var(--gold,#f5c451)}
header.top .logo{white-space:nowrap;flex:none}header.top nav{min-width:0}
.hcpage .hc-stone a{text-decoration:none}.hcpage .hc-stone a:hover{text-decoration:underline}
/* polish pass 2026-10-24 04:50 */
.feed,.lb,.tw,.mbox,.dt-wrap{scrollbar-width:thin;scrollbar-color:#6b5428 transparent}
.feed::-webkit-scrollbar,.lb::-webkit-scrollbar,.tw::-webkit-scrollbar,.mbox::-webkit-scrollbar{width:6px;height:6px}
.feed::-webkit-scrollbar-thumb,.lb::-webkit-scrollbar-thumb,.tw::-webkit-scrollbar-thumb,.mbox::-webkit-scrollbar-thumb{background:#6b5428;border-radius:6px}
.feed::-webkit-scrollbar-thumb:hover,.lb::-webkit-scrollbar-thumb:hover{background:var(--gold,#f5c451)}
.feed::-webkit-scrollbar-track,.lb::-webkit-scrollbar-track{background:transparent}
.feed li>span:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.feed li>em{flex:none;font-style:normal;color:var(--dim);font-size:12px}
.feed .note,.lb .note{white-space:nowrap}
.card{padding:18px 20px}.card>h2,.card .hd{margin-bottom:12px}
.gm-by{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#9146ffcc;text-decoration:none;opacity:.8;transition:opacity .2s,color .2s}
.gm-by:hover{color:#b78bff;opacity:1}.gm-by svg{flex:none}
@media(max-width:1100px){header.top{flex-wrap:wrap;row-gap:4px}header.top nav{flex:1 1 100%;order:2;justify-content:flex-start;-webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}}
@media(max-width:560px){.gm-by{margin-left:0;width:100%}.card{padding:14px 12px}}

/* no inner scroll areas: top N + Show all */
.feed.clip>li:nth-child(n+11),.lb.clip>li:nth-child(n+11),table.clip tbody tr:nth-child(n+26){display:none}
.showall{display:block;margin:8px auto 0;background:none;border:1px solid var(--ln);color:var(--gold,#f5c451);border-radius:8px;padding:5px 14px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}.showall:hover{background:#f5c45115}
@media(max-width:700px){header nav{flex-wrap:wrap;overflow:visible;justify-content:center}}