/**
 * In-game item market and catalog styles.
 * Loaded globally; PHP decides whether the related markup is rendered.
 */
body.iix-page { background:radial-gradient(circle at 82% 8%,rgba(255,82,82,.07),transparent 30rem),#121212; }
.header-inner { position:relative; max-width:1500px !important; gap:0; }
.site-logo { flex:0 0 auto; min-width:max-content; white-space:nowrap; }
.header-game-nav { min-width:0; margin-left:auto; flex:0 1 auto; display:flex; align-items:stretch; justify-content:flex-end; align-self:stretch; overflow:hidden; scrollbar-width:none; }
.header-game-nav::-webkit-scrollbar { display:none; }
.header-game-link { position:relative; flex:0 0 auto; min-width:72px; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:4px; color:#85888d; text-decoration:none; font-size:14px; font-weight:800; white-space:nowrap; transition:color .18s ease; }
.header-game-icon { width:20px; height:20px; min-width:20px; max-width:20px; flex:0 0 20px; display:block; border-radius:4px; object-fit:contain; transform:translateY(1px); }
.header-game-link:not(.active) .header-game-icon,.header-mobile-game-link:not(.active) .header-game-icon { opacity:.62; filter:grayscale(.3) brightness(.78); }
.header-game-link.active .header-game-icon,.header-mobile-game-link.active .header-game-icon,.header-game-link:hover .header-game-icon,.header-mobile-game-link:hover .header-game-icon { opacity:1; filter:none; }
.header-game-link:hover { color:#fff !important; background:transparent !important; }
.header-game-link.active { color:#fff; background:transparent; }
.header-game-link.header-game-disabled,.header-game-link.header-game-disabled:hover,.header-game-link.header-game-disabled:focus,.header-mobile-game-link.header-game-disabled,.header-mobile-game-link.header-game-disabled:hover,.header-mobile-game-link.header-game-disabled:focus { color:#666 !important; background:transparent !important; cursor:not-allowed; }
.header-game-link.is-overflow-hidden { display:none !important; }
.header-mobile-pinned-live { flex:0 0 auto; align-self:stretch; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:4px; color:#ff5964 !important; text-decoration:none; font-size:14px; font-weight:800; white-space:nowrap; }
.header-live-menu-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#ff4753; box-shadow:0 0 7px rgba(255,71,83,.75); animation:liveBlink 1s infinite; }
.header-game-new { padding:1px 5px; border-radius:999px; color:#fff; background:#ff4d57; font-size:8px; font-weight:800; }
.header-game-more-toggle { flex:0 0 34px; width:34px; min-width:34px; height:36px; margin-left:6px; padding:0; border:1px solid #383838; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#9b9da1; background:#28282a; cursor:pointer; }
.header-game-more-toggle[hidden] { display:none !important; }
.header-game-more-toggle svg { width:17px; height:17px; transition:transform .22s ease; }
.header-game-more-toggle:hover,.header-game-more-toggle.has-active { color:#fff; border-color:#4a4a4d; background:#303033; }
.header-game-more-toggle[aria-expanded="true"] { color:#fff; border-color:#5a5a5e; background:#343437; }
.header-game-more-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.header-mobile-game-panel { position:absolute; top:100%; right:0; z-index:1004; width:min(620px,calc(100vw - 14px)); max-height:0; padding:0 7px; border:1px solid transparent; border-radius:0 0 11px 11px; display:block; overflow:hidden; opacity:0; pointer-events:none; transform:translateY(-8px); background:rgba(30,30,31,.98); box-shadow:0 18px 34px rgba(0,0,0,.48); transition:max-height .25s ease,opacity .2s ease,transform .25s ease,padding .25s ease,border-color .25s ease; backdrop-filter:blur(12px); }
.header-mobile-game-panel[hidden] { display:none !important; }
.header-mobile-game-panel.is-open { max-height:min(480px,calc(100vh - 70px)); padding:7px; border-color:#3a3a3d; overflow-x:hidden; overflow-y:auto; opacity:1; pointer-events:auto; transform:translateY(0); }
.header-mobile-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.header-mobile-game-link[hidden] { display:none !important; }
.header-mobile-game-link { position:relative; min-width:0; height:44px; padding:0 7px; display:flex; align-items:center; justify-content:center; gap:5px; color:#85888d; border-radius:7px; text-decoration:none; font-size:14px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; }
.header-mobile-game-link:hover { color:#fff !important; background:#2d2d30 !important; }
.header-mobile-game-link.active { color:#fff; background:#303034; }
/* The LIVE preview belongs to the compact/mobile menu. On desktop the more
   dropdown is a game-only overflow menu, so media thumbnails must not expand it. */
@media (min-width:901px) {
    .header-mobile-game-panel { width:min(450px,calc(100vw - 14px)); }
    .header-mobile-game-panel.is-open { max-height:150px; overflow:hidden; }
    .header-mobile-game-panel > .header-mobile-live { display:none !important; }
}
.ad-top-banner-shell { grid-column:1/-1; min-width:0; height:88px; overflow:hidden; border:1px solid #303030; border-radius:10px; background:#161616; }
.ad-top-banner-shell[hidden],.ad-side-banner[hidden] { display:none !important; }
.ad-top-banner-shell .ad-placement-link,.ad-top-banner-shell img { display:block; width:100%; height:100%; }
.ad-top-banner-shell img { object-fit:cover; }
.ad-side-banner { position:fixed; top:130px; z-index:320; width:160px; height:600px; overflow:hidden; border:1px solid #303030; border-radius:10px; background:#161616; box-shadow:0 14px 38px rgba(0,0,0,.38); }
.ad-side-banner-left { right:calc(50% + 790px); }
.ad-side-banner-right { left:calc(50% + 790px); }
.ad-side-banner .ad-placement-link,.ad-side-banner img { display:block; width:100%; height:100%; }
.ad-side-banner img { object-fit:cover; }
@media (max-width:1919px) { .ad-side-banner { display:none !important; } }
@media (max-width:900px) {
    header { overflow:visible; }
    .header-inner { position:relative; height:55px; padding:0 7px !important; gap:4px !important; }
    .site-logo { flex:0 0 auto; margin:0 !important; font-size:22px !important; }
    .header-game-nav { width:0; margin-left:0; flex:1 1 0; height:55px; align-items:center; justify-content:flex-end; gap:11px; overflow:visible; }
    .header-game-link { min-width:0 !important; height:auto; padding:4px 0 !important; color:#85888d; background:transparent !important; font-size:14px !important; letter-spacing:-.02em; overflow:visible; }
    .header-game-link:hover { color:#fff !important; background:transparent !important; }
    .header-game-link.active { color:#fff; background:transparent !important; }
    .header-game-link { flex:0 0 auto; }
    .header-mobile-pinned-live { flex:0 0 auto; height:55px; padding:0 4px; display:flex; align-items:center; justify-content:center; gap:4px; color:#ff5964 !important; text-decoration:none; font-size:14px; font-weight:800; white-space:nowrap; }
    .header-game-label { min-width:0; overflow:visible; text-overflow:clip; white-space:nowrap; }
    .header-game-new { flex:0 0 auto; padding:1px 4px; font-size:8px; line-height:1.35; }
    .header-game-more-toggle { flex:0 0 34px; width:34px; min-width:34px; height:36px; margin-left:1px; padding:0; border:1px solid #383838; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#9b9da1; background:#28282a; cursor:pointer; }
    .header-game-more-toggle svg { width:17px; height:17px; transition:transform .22s ease; }
    .header-game-more-toggle:hover,.header-game-more-toggle.has-active { color:#fff; border-color:#4a4a4d; background:#303033; }
    .header-game-more-toggle[aria-expanded="true"] { color:#fff; border-color:#5a5a5e; background:#343437; }
    .header-game-more-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
    .header-mobile-game-panel { position:absolute; top:55px; left:7px; right:7px; z-index:1004; width:auto; max-height:0; padding:0 7px; border:1px solid transparent; border-radius:0 0 11px 11px; display:block; overflow:hidden; opacity:0; pointer-events:none; transform:translateY(-8px); background:rgba(30,30,31,.98); box-shadow:0 18px 34px rgba(0,0,0,.48); transition:max-height .25s ease,opacity .2s ease,transform .25s ease,padding .25s ease,border-color .25s ease; backdrop-filter:blur(12px); }
    .header-mobile-game-panel.is-open { max-height:min(480px,calc(100vh - 70px)); padding:7px; border-color:#3a3a3d; overflow-x:hidden; overflow-y:auto; opacity:1; pointer-events:auto; transform:translateY(0); }
    body.mobile-game-menu-open::before { content:""; position:fixed; inset:55px 0 0; z-index:998; background:rgba(8,8,9,.42); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
    .header-mobile-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
    .header-mobile-game-link { position:relative; min-width:0; height:44px; padding:0 7px; display:flex; align-items:center; justify-content:center; color:#85888d; border-radius:7px; text-decoration:none; font-size:14px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; }
    .header-mobile-game-link:hover { color:#fff !important; background:#2d2d30 !important; }
    .header-mobile-game-link.active { color:#fff; background:#303034; }
    .header-mobile-live { margin-top:5px; padding-top:7px; border-top:1px solid #3a3a3d; }
    .header-mobile-live-head { height:34px; padding:0 8px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .header-mobile-live-title { min-width:0; display:flex; align-items:center; gap:7px; color:#d7d7d7; font-size:12px; font-weight:900; white-space:nowrap; }
    .header-mobile-live-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#ff5252; box-shadow:0 0 6px rgba(255,82,82,.75); animation:liveBlink 1s infinite; }
    .header-mobile-live-more { flex:0 0 auto; color:#858585; text-decoration:none; font-size:11px; font-weight:700; }
    .header-mobile-live-list { max-height:252px; overflow-x:hidden; overflow-y:auto; border:1px solid #303033; border-radius:8px; background:#19191a; scrollbar-width:thin; scrollbar-color:#4a4a4d transparent; }
    .header-mobile-live-item { min-width:0; height:50px; padding:5px 8px; display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:9px; align-items:center; color:inherit; text-decoration:none; }
    .header-mobile-live-item:active { background:#29292c; }
    .header-mobile-live-thumb { width:64px; height:40px; display:block; border-radius:5px; object-fit:cover; background:#111; }
    .header-mobile-live-copy { min-width:0; }
    .header-mobile-live-name,.header-mobile-live-desc { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .header-mobile-live-name { color:#dedede; font-size:13px; font-weight:900; }
    .index-live-platform-logo { width:15px; height:15px; flex:0 0 15px; margin-right:5px; display:inline-block; border-radius:3px; object-fit:contain; vertical-align:-3px; }
    .header-mobile-live-name { display:flex; align-items:center; }
    .header-mobile-live-name .index-live-platform-logo { width:14px; height:14px; flex-basis:14px; margin-right:5px; }
    .header-mobile-live-desc { margin-top:3px; color:#7f7f82; font-size:12px; }
    .header-mobile-live-viewers { color:#ff5c62; font-size:12px; font-weight:900; white-space:nowrap; }
    .header-mobile-live-empty { padding:17px 10px; color:#666; font-size:11px; text-align:center; }
    .ad-top-banner-shell { height:70px; }
}
.index-live-platform-logo {
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    max-width:15px !important;
    min-height:15px !important;
    max-height:15px !important;
    flex:0 0 15px !important;
    margin:0 5px 0 0 !important;
    display:inline-block !important;
    border-radius:3px;
    object-fit:contain !important;
    vertical-align:-3px;
}
@media (max-width:380px) {
    .header-inner { padding:0 5px !important; gap:2px !important; }
    .site-logo { font-size:22px !important; }
    .header-game-nav { gap:7px; }
    .header-game-link { padding:4px 0 !important; font-size:12px !important; }
    /* Save space only in the horizontal header. NEW badges inside the mobile
       game/server sheet must remain visible on narrow phones. */
    .header-game-nav .header-game-new { display:none; }
    .header-game-more-toggle { flex-basis:31px; width:31px; }
    .header-mobile-game-panel { left:5px; right:5px; }
    .header-mobile-game-link { font-size:13px; }
}
.iix-modebar { width:calc(100% - 30px); max-width:1250px; margin:14px auto 0; position:sticky; top:64px; z-index:350; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:8px; padding:7px; border:1px solid #383838; border-radius:12px; background:rgba(24,24,25,.94); box-shadow:0 14px 38px rgba(0,0,0,.38); backdrop-filter:blur(14px); }
.iix-mode-btn { position:relative; height:48px; border:0; border-radius:8px; display:flex; align-items:center; justify-content:center; gap:10px; color:#85888d; background:transparent; font:800 14px Inter,sans-serif; cursor:pointer; overflow:hidden; transition:.2s ease; }
.iix-mode-btn svg { width:18px; height:18px; }
.iix-mode-btn.active { color:#fff; background:linear-gradient(110deg,#353030,#29292b); box-shadow:inset 0 0 0 1px #4d4141; }
.iix-mode-btn.active::after { content:""; position:absolute; left:18%; right:18%; bottom:0; height:3px; border-radius:9px 9px 0 0; background:#ff5252; box-shadow:0 0 16px rgba(255,82,82,.8); }
.iix-mode-btn[data-mode="items"].active { background:linear-gradient(110deg,#3a2c20,#282725); box-shadow:inset 0 0 0 1px #59442d; }
.iix-mode-btn[data-mode="items"].active::after { background:#ffb545; box-shadow:0 0 18px rgba(255,181,69,.9); }
.iix-mode-context { height:40px; padding:0 13px; display:flex; align-items:center; gap:8px; border-left:1px solid #353535; color:#777b81; font-size:11px; font-weight:800; white-space:nowrap; }
.iix-context-dot { width:7px; height:7px; border-radius:50%; background:#54d99f; box-shadow:0 0 0 5px rgba(84,217,159,.08); }
.iix-hidden { display:none!important; }
.iix-market-view { width:calc(100% - 30px); max-width:1250px; margin:15px auto 30px; color:#d7d8da; font-family:Inter,sans-serif; }
.iix-market-hero { position:relative; min-height:196px; padding:27px 30px; display:grid; grid-template-columns:minmax(0,1fr) 470px; align-items:end; gap:28px; overflow:hidden; border:1px solid #493a2b; border-radius:16px; background:linear-gradient(118deg,#201d1b 0%,#191a1c 50%,#141618 100%); box-shadow:0 18px 55px rgba(0,0,0,.3); }
.iix-market-hero::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.iix-market-hero::after { content:""; position:absolute; width:520px; height:2px; left:-520px; top:0; background:linear-gradient(90deg,transparent,#ffb545,transparent); animation:iixScan 4.8s linear infinite; box-shadow:0 0 22px rgba(255,181,69,.7); }
@keyframes iixScan { to { transform:translateX(2050px); } }
.iix-hero-copy,.iix-hero-side { position:relative; z-index:1; }
.iix-kicker { display:flex; align-items:center; gap:8px; margin-bottom:9px; color:#ffb545; font-size:11px; font-weight:900; letter-spacing:.16em; }
.iix-kicker span { display:inline-flex; height:22px; padding:0 7px; align-items:center; border:1px solid #704822; border-radius:4px; color:#ffca76; background:#2d2118; letter-spacing:.04em; }
.iix-market-hero h1 { margin:0; color:#f6f2eb; font-size:32px; line-height:1.14; letter-spacing:-.045em; }
.iix-market-hero h1 em { color:#ffb545; font-style:normal; text-shadow:0 0 25px rgba(255,181,69,.22); }
.iix-market-hero p { max-width:680px; margin:11px 0 0; color:#8d9299; font-size:13px; line-height:1.65; }
.iix-hero-side { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #383838; border-radius:12px; background:rgba(12,13,14,.65); }
.iix-hero-stat { min-width:0; padding:18px 15px; border-right:1px solid #343434; }
.iix-hero-stat:last-child { border-right:0; }
.iix-hero-stat small { display:block; margin-bottom:7px; color:#696e75; font-size:11px; font-weight:800; }
.iix-hero-stat strong { display:block; overflow:hidden; color:#eee; font-size:19px; text-overflow:ellipsis; white-space:nowrap; }
.iix-hero-stat strong.hot { color:#ffb545; }
.iix-toolbar { margin-top:12px; padding:11px; display:grid; grid-template-columns:180px 150px minmax(220px,1fr) auto; gap:8px; border:1px solid #343638; border-radius:12px; background:var(--bg-card); }
.iix-control { height:42px; padding:0 13px; border:1px solid #3a3d41; border-radius:8px; outline:none; color:#e3e4e5; background:var(--bg-input); font:700 12px Inter,sans-serif; }
.iix-control:focus { border-color:#a86b31; box-shadow:0 0 0 3px rgba(255,181,69,.08); }
.iix-fav-filter { height:42px; padding:0 15px; border:1px solid #444; border-radius:8px; color:#a3a6aa; background:var(--bg-input); font:800 12px Inter,sans-serif; cursor:pointer; }
.iix-fav-filter.active { color:#211607; border-color:#ffb545; background:#ffb545; }
.iix-category-rail { margin:10px 0; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
.iix-category-rail::-webkit-scrollbar { display:none; }
.iix-cat { flex:0 0 auto; height:36px; padding:0 13px; border:1px solid #35383c; border-radius:999px; color:#8e9298; background:#222; font:800 11px Inter,sans-serif; cursor:pointer; }
.iix-cat b { margin-left:6px; color:#5f646b; }
.iix-cat.active { color:#241809; border-color:#ffb545; background:#ffb545; }
.iix-cat.active b { color:#75501d; }
.iix-market-grid { display:grid; grid-template-columns:minmax(0,1fr) 410px; gap:14px; align-items:start; }
.iix-catalog,.iix-detail { border:1px solid #343638; border-radius:14px; overflow:hidden; background:#1a1a1a; }
.iix-panel-head { height:58px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #303236; background:#252526; }
.iix-panel-title { color:#e8e9ea; font-size:14px; font-weight:900; }
.iix-panel-title span { margin-left:7px; color:#70757c; font-size:11px; }
.iix-sort-group { display:flex; gap:4px; }
.iix-sort { height:30px; padding:0 9px; border:0; border-radius:6px; color:#70757c; background:transparent; font:800 11px Inter,sans-serif; cursor:pointer; }
.iix-sort.active { color:#fff; background:#35383c; }
.iix-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#303236; }
.iix-item-card { position:relative; min-width:0; min-height:205px; padding:15px; display:flex; flex-direction:column; gap:12px; border:0; color:inherit; background:#1a1a1a; text-align:left; cursor:pointer; overflow:hidden; transition:.2s ease; }
.iix-item-card::before { content:""; position:absolute; inset:auto -20% -65% 10%; height:120px; opacity:0; border-radius:50%; background:radial-gradient(circle,rgba(255,181,69,.16),transparent 68%); transition:.25s; }
.iix-item-card:hover { z-index:1; background:#252525; box-shadow:inset 0 0 0 1px #59432d; transform:translateY(-1px); }
.iix-item-card:hover::before { opacity:1; }
.iix-item-card.selected { z-index:1; background:linear-gradient(145deg,#29251f,#202020); box-shadow:inset 0 0 0 1px #b17738; }
.iix-card-top { display:flex; align-items:center; gap:11px; min-width:0; }
.iix-item-img { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; border:1px solid #44413b; border-radius:12px; overflow:hidden; background:radial-gradient(circle at 50% 35%,#444037,#222426 70%); }
.iix-item-img img { width:50px; height:50px; object-fit:contain; }
.iix-item-img span { color:#8f9398; font-size:20px; font-weight:900; }
.iix-card-copy { min-width:0; }
.iix-card-cat { margin-bottom:5px; color:#a77a45; font-size:11px; font-weight:900; }
.iix-card-name { overflow:hidden; color:#e9e9e7; font-size:14px; font-weight:900; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.iix-card-count { margin-top:5px; color:#696e74; font-size:11px; }
.iix-fav-btn { position:absolute; top:9px; right:9px; z-index:3; width:31px; height:31px; display:grid; place-items:center; border:1px solid #3c3f43; border-radius:8px; color:#636870; background:rgba(25,27,29,.9); cursor:pointer; transition:.18s; }
.iix-fav-btn svg { width:16px; height:16px; fill:transparent; stroke:currentColor; }
.iix-fav-btn.active { color:#ffc04d; border-color:#70552c; background:#2b241a; }
.iix-fav-btn.active svg { fill:currentColor; }
.iix-deal-badge { align-self:flex-start; height:23px; padding:0 7px; display:flex; align-items:center; border:1px solid #704530; border-radius:5px; color:#ff9c70; background:#2b1d18; font-size:11px; font-weight:900; }
.iix-deal-badge.steady { color:#8b9096; border-color:#3d4145; background:#232528; }
.iix-card-price { margin-top:auto; display:flex; justify-content:space-between; align-items:flex-end; gap:8px; }
.iix-price-label { display:block; margin-bottom:4px; color:#676c73; font-size:11px; font-weight:800; }
.iix-price { color:#ffc15a; font-size:20px; font-weight:950; letter-spacing:-.04em; white-space:nowrap; }
.iix-price em { margin-left:3px; color:#947343; font-size:11px; font-style:normal; }
.iix-change { font-size:11px; font-weight:900; white-space:nowrap; }
.iix-change.drop { color:#5fb4ff; }
.iix-change.rise { color:#ff6565; }
.iix-detail { position:sticky; top:132px; min-height:520px; }
.iix-detail-empty,.iix-grid-empty { min-height:420px; display:grid; place-items:center; padding:30px; color:#686d74; text-align:center; font-size:12px; background:#1a1a1a; }
.iix-detail-empty strong,.iix-grid-empty strong { display:block; margin-bottom:8px; color:#d3d5d6; font-size:15px; }
.iix-detail-hero { padding:19px; display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; background:linear-gradient(135deg,#292722,#202225); }
.iix-detail-img { width:76px; height:76px; display:grid; place-items:center; border:1px solid #55483a; border-radius:15px; background:radial-gradient(circle,#4a4236,#252628 70%); overflow:hidden; }
.iix-detail-img img { width:66px; height:66px; object-fit:contain; }
.iix-detail-img span { color:#999; font-size:24px; font-weight:900; }
.iix-detail-cat { margin:3px 0 7px; color:#b8884d; font-size:11px; font-weight:900; }
.iix-detail-name { margin:0; color:#f0f1ef; font-size:20px; line-height:1.3; letter-spacing:-.035em; }
.iix-detail-desc { margin-top:7px; color:#80858c; font-size:11px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.iix-detail-metrics { display:grid; grid-template-columns:1.2fr 1fr 1fr; border-top:1px solid #303236; border-bottom:1px solid #303236; }
.iix-detail-metric { min-width:0; padding:13px; border-right:1px solid #303236; }
.iix-detail-metric:last-child { border-right:0; }
.iix-detail-metric small { display:block; margin-bottom:6px; color:#696e75; font-size:11px; font-weight:800; }
.iix-detail-metric strong { display:block; overflow:hidden; color:#d7d9da; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.iix-detail-metric:first-child strong { color:#ffbd52; font-size:17px; }
.iix-chart-wrap { padding:14px 14px 10px; border-bottom:1px solid #303236; background:#181818; }
.iix-chart-head { margin-bottom:8px; display:flex; align-items:center; justify-content:space-between; color:#c8cbcd; font-size:12px; font-weight:900; }
.iix-chart-legend { color:#62676e; font-size:11px; font-weight:700; }
.iix-price-chart { width:100%; height:155px; display:block; }
.iix-offer-head { height:47px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #303236; color:#d1d3d5; background:#252526; font-size:12px; font-weight:900; }
.iix-offer-head span { color:#666b72; font-size:11px; }
.iix-offer-list { max-height:285px; overflow-y:auto; }
.iix-offer { min-height:57px; padding:9px 14px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; border-bottom:1px solid #292c30; }
.iix-offer-seller { overflow:hidden; color:#d0d2d4; font-size:11px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.iix-offer-place { margin-top:5px; overflow:hidden; color:#666b72; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.iix-offer-price { color:#ffbd52; font-size:14px; font-weight:900; text-align:right; }
.iix-offer-price small { display:block; margin-top:4px; color:#666b72; font-size:11px; }
.iix-pagination { height:56px; display:flex; align-items:center; justify-content:center; gap:5px; border-top:1px solid #303236; }
.iix-page-btn { width:31px; height:31px; border:1px solid #393c40; border-radius:7px; color:#7d8289; background:#222427; font:800 11px Inter,sans-serif; cursor:pointer; }
.iix-page-btn.active { color:#231707; border-color:#ffb545; background:#ffb545; }
.iix-loading { position:absolute; inset:0; z-index:20; display:grid; place-items:center; color:#d6a55d; background:rgba(18,19,20,.82); backdrop-filter:blur(4px); font-size:12px; font-weight:900; }
.iix-toast-stack { position:fixed; left:50%; bottom:24px; z-index:2000; width:min(430px,calc(100% - 24px)); display:flex; flex-direction:column-reverse; gap:9px; transform:translateX(-50%); pointer-events:none; }
.iix-toast { min-height:78px; padding:12px 14px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:11px; align-items:center; border:1px solid #6b4a27; border-radius:13px; color:#dedfe0; background:linear-gradient(110deg,rgba(45,34,24,.98),rgba(25,27,29,.98)); box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 26px rgba(255,181,69,.12); pointer-events:auto; cursor:pointer; animation:iixToastIn .42s cubic-bezier(.2,.8,.2,1); }
.iix-toast.out { animation:iixToastOut .3s ease forwards; }
@keyframes iixToastIn { from { opacity:0; transform:translateY(45px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes iixToastOut { to { opacity:0; transform:translateY(25px) scale(.97); } }
.iix-toast-img { width:48px; height:48px; display:grid; place-items:center; border:1px solid #5a4935; border-radius:10px; background:#292723; overflow:hidden; }
.iix-toast-img img { width:42px; height:42px; object-fit:contain; }
.iix-toast-label { margin-bottom:5px; color:#ffb545; font-size:11px; font-weight:950; letter-spacing:.08em; }
.iix-toast-name { overflow:hidden; color:#f1f1ef; font-size:13px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.iix-toast-sub { margin-top:4px; color:#858a91; font-size:11px; }
.iix-toast-price { color:#ffc45f; font-size:17px; font-weight:950; white-space:nowrap; }
.iix-toast-price small { display:block; margin-top:3px; color:#9b7a49; font-size:11px; text-align:right; }
.iix-toast.is-boss { grid-template-columns:46px minmax(0,1fr); border-color:#814335; cursor:default; background:linear-gradient(110deg,rgba(58,27,23,.98),rgba(25,27,29,.98)); }
.iix-toast.is-boss .iix-toast-img { color:#ff695f; border-color:#70413a; background:#332321; font-size:21px; font-weight:950; }
.iix-toast.is-boss .iix-toast-name { overflow:visible; line-height:1.45; text-overflow:clip; white-space:normal; }
.iix-toast.is-boss .iix-toast-label { color:#ff786f; }
@media (min-width:1381px) { .iix-modebar,.iix-market-view { width:calc(100% - 40px); max-width:1460px; } }
@media (max-width:1180px) { .iix-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .iix-market-grid { grid-template-columns:minmax(0,1fr) 380px; } .iix-market-hero { grid-template-columns:1fr 420px; } }
@media (max-width:900px) { .iix-modebar { top:60px; grid-template-columns:1fr 1fr; } .iix-mode-context { display:none; } .iix-market-hero { grid-template-columns:1fr; } .iix-market-grid { grid-template-columns:1fr; } .iix-detail { position:static; order:-1; } .iix-toolbar { grid-template-columns:1fr 1fr; } .iix-search { grid-column:1/-1; } }
@media (max-width:620px) { .iix-modebar,.iix-market-view { width:calc(100% - 16px); } .iix-mode-btn { height:44px; font-size:12px; } .iix-market-hero { min-height:0; padding:21px 18px; } .iix-market-hero h1 { font-size:25px; } .iix-hero-side { grid-template-columns:1fr 1fr; } .iix-hero-stat:last-child { grid-column:1/-1; border-top:1px solid #343434; } .iix-toolbar { grid-template-columns:1fr; } .iix-search { grid-column:auto; } .iix-card-grid { grid-template-columns:1fr 1fr; } .iix-item-card { min-height:190px; padding:12px; } .iix-item-img { flex-basis:49px; width:49px; height:49px; } .iix-item-img img { width:43px; height:43px; } .iix-price { font-size:17px; } }
@media (max-width:410px) { .iix-card-grid { grid-template-columns:1fr; } .iix-item-card { min-height:168px; } }

/* Inline item market: keep the original money chart visible and place this below banners. */
@media (min-width:1081px) { body.iix-page .container { align-items:stretch; } body.iix-page .ranking-panel { height:auto !important; min-height:0 !important; align-self:stretch; } }
body.iix-page .bottom-panels { margin-top:0; grid-auto-rows:268px !important; }
body.iix-page .bottom-panels .panel-card { height:268px !important; min-height:268px !important; max-height:268px !important; }
.iix-inline-market { position:relative; height:422px; margin:0 0 18px; overflow:hidden; border:1px solid #383838; border-radius:12px; color:#d7d8da; background:var(--bg-card); box-shadow:0 13px 32px rgba(0,0,0,.2); font-family:Inter,sans-serif; }
.iix-inline-tools { height:44px; padding:5px 9px 5px 16px; display:grid; grid-template-columns:128px 104px 120px 170px minmax(140px,1fr) auto auto; grid-template-areas:"server hours market search capture favorite sort"; align-items:center; gap:6px; border-bottom:1px solid #303236; background:#252526; }
.iix-inline-tools .iix-search { width:170px; justify-self:start; }
.iix-inline-market .iix-control,.iix-inline-market .iix-fav-filter { height:32px; min-width:0; padding:0 9px; border-radius:6px; }
.iix-fixed-server { grid-area:server; height:32px; padding:0 7px 0 9px; display:flex; align-items:center; gap:6px; overflow:hidden; border:1px solid #48423a; border-radius:6px; color:#e3e4e5; background:var(--bg-input); font-size:11px; font-weight:900; white-space:nowrap; }
.iix-fixed-server-name { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.iix-beta-badge { flex:0 0 auto; padding:1px 4px; border:1px solid #75572d; border-radius:4px; color:#ffbd57; background:#332719; font-size:8px; font-weight:950; letter-spacing:.04em; line-height:1.4; }
#iix-hours-select { grid-area:hours; }
#iix-market-select { grid-area:market; }
#iix-search { grid-area:search; }
.iix-inline-meta { grid-area:capture; min-width:0; display:flex; align-items:center; gap:8px; overflow:hidden; color:#7f848a; font-size:11px; font-weight:800; white-space:nowrap; }
.iix-inline-meta span { display:inline-flex; align-items:center; gap:6px; }
.iix-inline-meta b { color:#d2d4d6; font-size:11px; font-weight:900; }
.iix-last-capture { height:32px; padding:0 10px; border:1px solid #393c40; border-radius:7px; background:var(--bg-input); }
.iix-purchase-notice { min-width:0; overflow:hidden; color:#d3ad72; font-size:11px; font-weight:850; text-overflow:ellipsis; }
.iix-purchase-notice i { flex:0 0 17px; width:17px; height:17px; display:grid; place-items:center; border:1px solid #7b5a30; border-radius:50%; color:#ffc36a; background:#332719; font-size:10px; font-style:normal; font-weight:950; }
.iix-live-dot { width:7px; height:7px; border-radius:50%; background:#43d17d; box-shadow:0 0 0 0 rgba(67,209,125,.5); animation:iixLivePulse 1.5s ease-out infinite; }
@keyframes iixLivePulse { 0% { box-shadow:0 0 0 0 rgba(67,209,125,.5); opacity:1; } 70% { box-shadow:0 0 0 6px rgba(67,209,125,0); opacity:.72; } 100% { box-shadow:0 0 0 0 rgba(67,209,125,0); opacity:1; } }
#iix-fav-filter { grid-area:favorite; white-space:nowrap; }
.iix-inline-market .iix-sort-group { grid-area:sort; min-width:0; padding:2px; border:1px solid #36393d; border-radius:7px; background:var(--bg-input); white-space:nowrap; }
.iix-inline-market .iix-sort { flex:1 1 auto; height:26px; padding:0 7px; white-space:nowrap; writing-mode:horizontal-tb; }
.iix-category-nav { height:44px; padding:5px 8px; display:flex; align-items:center; gap:6px; border-bottom:1px solid #303236; background:#1a1a1a; }
.iix-inline-market .iix-category-rail { flex:1 1 auto; min-width:0; height:32px; margin:0; padding:0 1px; box-sizing:border-box; display:flex; align-items:center; gap:6px; overflow-x:auto; scroll-behavior:smooth; border:0; background:transparent; }
.iix-category-step { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; border:1px solid #3a3d41; border-radius:7px; color:#b8bbc0; background:var(--bg-input); font-size:17px; font-weight:900; line-height:1; cursor:pointer; }
.iix-category-step:hover:not(:disabled) { color:#fff; border-color:#555a60; background:#303337; }
.iix-category-step:disabled { color:#555a60; cursor:default; opacity:.48; }
.iix-category-step[hidden] { display:none; }
.iix-inline-market .iix-cat { height:32px; padding:0 12px; font-size:12px; }
.iix-inline-catalog { position:relative; height:332px; background:#1a1a1a; }
.iix-inline-market .iix-card-grid { min-height:296px; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:98px; align-content:start; background:#1a1a1a; }
.iix-inline-market .iix-item-card { min-height:98px; height:98px; padding:8px 11px; gap:5px; }
.iix-inline-market .iix-item-img { flex-basis:41px; width:41px; height:41px; border-radius:8px; }
.iix-inline-market .iix-item-img img { width:36px; height:36px; }
.iix-inline-market .iix-card-name { padding-right:20px; font-size:13px; }
.iix-inline-market .iix-card-cat,.iix-inline-market .iix-card-count,.iix-inline-market .iix-deal-badge { display:none; }
.iix-inline-market .iix-price-label { margin-bottom:2px; }
.iix-inline-market .iix-price { font-size:16px; }
.iix-inline-market .iix-pagination { height:36px; }
.iix-inline-market .iix-page-btn { width:27px; height:27px; }
.iix-inline-market .iix-grid-empty { min-height:296px; }
.iix-item-modal { position:fixed; inset:0; z-index:10020; display:none; align-items:center; justify-content:center; padding:22px; background:rgba(0,0,0,.78); backdrop-filter:blur(5px); }
.iix-item-modal.open { display:flex; }
.iix-item-dialog { position:relative; width:min(920px,100%); max-height:calc(100vh - 44px); overflow:auto; border:1px solid #49443b; border-radius:16px; background:#1a1a1a; box-shadow:0 28px 80px rgba(0,0,0,.65),0 0 38px rgba(255,181,69,.08); animation:iixModalIn .2s ease-out; }
@keyframes iixModalIn { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
.iix-modal-close { position:absolute; top:12px; right:12px; z-index:4; width:34px; height:34px; border:1px solid #474747; border-radius:9px; color:#c8c8c8; background:rgba(20,20,20,.82); font-size:22px; line-height:1; cursor:pointer; }
.iix-item-modal .iix-detail { position:static; min-height:0; border:0; border-radius:0; background:#1a1a1a; }
.iix-item-modal .iix-detail-hero { padding-right:58px; }
.iix-item-modal .iix-detail-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.iix-detail-options { margin-top:10px; display:flex; flex-wrap:wrap; gap:5px; }
.iix-detail-option { min-height:23px; padding:4px 7px; display:inline-flex; align-items:center; border:1px solid #4b4439; border-radius:5px; color:#b9a47e; background:#2a2722; font-size:11px; font-weight:750; }
.iix-modal-detail-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); }
.iix-modal-detail-grid .iix-chart-wrap { min-height:265px; border-right:1px solid #303236; border-bottom:0; }
.iix-modal-detail-grid .iix-price-chart { height:215px; }
.iix-modal-offers { min-width:0; }
.iix-modal-offers .iix-offer-list { max-height:290px; }
.iix-detail-notice { padding:11px 16px; border-top:1px solid #333; color:#8d8d8d; background:#181818; font-size:11px; line-height:1.5; }
body.iix-modal-open { overflow:hidden; }
@media (max-width:1380px) {
    .iix-inline-market { height:auto; }
    .iix-inline-tools { height:76px; padding:5px 9px; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-areas:"server hours market search" "capture capture favorite sort"; }
    .iix-inline-tools .iix-search { width:100%; justify-self:stretch; }
    .iix-inline-meta,.iix-inline-meta .iix-last-capture,#iix-fav-filter,.iix-inline-market .iix-sort-group { width:100%; }
    .iix-inline-meta .iix-last-capture { justify-content:flex-start; }
    .iix-inline-market .iix-sort-group { display:flex; justify-self:stretch; }
}
@media (max-width:1080px) { .iix-inline-catalog { height:auto; } .iix-inline-market .iix-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:768px) {
    body.iix-page .bottom-panels { grid-auto-rows:268px; }
    body.iix-page .bottom-panels .panel-card { height:268px !important; min-height:268px !important; max-height:268px !important; }
    .iix-inline-market { height:auto; }
    .iix-inline-tools { height:auto; grid-template-columns:1fr 1fr; grid-template-areas:"server hours" "market search" "capture capture" "favorite sort"; padding:8px 10px; }
    .iix-inline-tools .iix-search { width:100%; grid-column:auto; }
    .iix-inline-meta { justify-content:flex-start; }
    .iix-inline-market .iix-sort-group { justify-self:stretch; justify-content:stretch; }
    .iix-inline-catalog { height:auto; }
    .iix-inline-market .iix-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .iix-modal-detail-grid { grid-template-columns:1fr; }
    .iix-modal-detail-grid .iix-chart-wrap { border-right:0; border-bottom:1px solid #303236; }
    .iix-item-modal .iix-detail-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .iix-item-modal { align-items:flex-start; padding:8px; overflow-y:auto; }
    .iix-item-dialog { width:100%; max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); margin:auto 0; overflow-y:auto; overscroll-behavior:contain; }
    .iix-item-modal .iix-detail-hero { min-height:0; padding:12px 50px 12px 12px; grid-template-columns:58px minmax(0,1fr); gap:10px; }
    .iix-item-modal .iix-detail-img { width:58px; height:58px; border-radius:11px; }
    .iix-item-modal .iix-detail-img img { width:50px; height:50px; }
    .iix-item-modal .iix-detail-cat { margin:1px 0 4px; }
    .iix-item-modal .iix-detail-name { font-size:17px; }
    .iix-item-modal .iix-detail-desc { margin-top:4px; -webkit-line-clamp:1; }
    .iix-item-modal .iix-detail-metric { padding:9px 10px; }
    .iix-item-modal .iix-detail-metric small { margin-bottom:3px; }
    .iix-item-modal .iix-detail-metric strong { font-size:12px; }
    .iix-item-modal .iix-detail-metric:first-child strong { font-size:15px; }
    .iix-modal-detail-grid .iix-chart-wrap { min-height:188px; padding:10px 11px 8px; }
    .iix-modal-detail-grid .iix-price-chart { height:148px; }
    .iix-item-modal #iix-detail-chart { min-height:148px !important; height:148px; }
    .iix-modal-offers .iix-offer-head { height:41px; padding:0 11px; }
    .iix-modal-offers .iix-offer-list { max-height:190px; }
    .iix-item-modal .iix-offer { min-height:50px; padding:7px 11px; }
    .iix-item-modal .iix-detail-notice { padding:9px 12px; }
}
@media (max-width:460px) {
    .iix-inline-market .iix-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .iix-inline-market .iix-item-card { min-height:98px; }
    .iix-item-modal { padding:8px; }
    .iix-item-dialog { max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); border-radius:12px; }
}

.index-server-live-feature {
    display:block;
    flex:0 0 auto;
    width:100%;
    margin:0;
    border-top:1px solid #383838;
    border-bottom:1px solid #383838;
    overflow:hidden;
    color:inherit;
    background:#181818;
    text-decoration:none;
}
.index-server-live-feature[hidden] {
    display:none !important;
}
.index-server-live-thumb {
    position:relative;
    aspect-ratio:16 / 9;
    min-height:0;
    overflow:hidden;
    background:#101010;
}
.index-server-live-thumb iframe {
    width:100%;
    height:100%;
    display:block;
    border:0;
    pointer-events:none;
}
.index-server-live-link {
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    cursor:pointer;
}
@keyframes indexServerLiveDrop {
    from { opacity:0; transform:scaleY(.94); }
    to { opacity:1; transform:scaleY(1); }
}
.index-server-live-feature:not([hidden]) {
    display:block;
    transform-origin:top;
}
.index-server-live-feature.is-opening {
    animation:indexServerLiveDrop .2s ease-out;
}
@media (max-width:768px) and (orientation:portrait) {
    .ranking-panel {
        height:500px !important;
        min-height:500px !important;
    }
}