/*
 * GAMEBIT index responsive UI
 * Breakpoints: mobile <= 768px, compact 769-1080px, desktop tools >= 1081px.
 * Keep selectors scoped with body.gbm-test when they change existing index components.
 */

/* Shared calculator controls and elements hidden until their target layout is active. */
.gbm-mobile-nav,.gbm-server-backdrop,.gbm-server-sheet-head,.gbm-calc-modal,.gbm-mobile-header-server,.gbm-server-game-list,.gbm-trade-more,.gbm-mobile-trades-toggle,.gbm-desktop-tools-row,.gbm-mobile-slot5 { display:none; }
#iix-market-server-button { font:inherit; text-align:left; }
.iix-server-chevron { width:14px; height:14px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.gbm-server-capture { width:100%; min-height:42px; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-top:1px solid #383a3d; color:#aeb3ba; background:#26272a; font-size:11px; font-weight:850; cursor:pointer; }
.gbm-server-capture:hover { color:#fff; background:#303236; }
.gbm-server-capture svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.gbm-calc-class,
.gbm-calc-submit,
.gbm-tool-server select,
.gbm-gear-slot-select,
.gbm-gear-price-reset,
.gbm-gear-picker-head button,
.gbm-gear-option,
.gbm-calc-tabs button,
#gbm-calc-close { cursor:pointer; }
body.gbm-test .gbm-number-stepper { width:100%; margin-top:4px; padding:0; display:grid; grid-template-columns:22px minmax(0,1fr) 22px; align-items:center; overflow:hidden; border:1px solid #3c3f45; border-radius:7px; background:#222327; }
body.gbm-test .gbm-number-stepper button { width:22px; height:30px; padding:0; border:0; color:#d7d9dd; background:#303238; font-size:12px; font-weight:900; cursor:pointer; }
body.gbm-test .gbm-number-stepper button:hover { color:#fff; background:#454850; }
body.gbm-test .gbm-number-stepper input { width:100% !important; height:30px !important; min-width:0; margin:0 !important; padding:0 2px !important; border:0 !important; border-left:1px solid #3c3f45 !important; border-right:1px solid #3c3f45 !important; border-radius:0 !important; outline:0; color:#fff !important; background:#222327 !important; box-shadow:none !important; font-size:12px !important; font-weight:800; text-align:center; appearance:textfield; -moz-appearance:textfield; }
body.gbm-test .gbm-number-stepper input::-webkit-inner-spin-button,body.gbm-test .gbm-number-stepper input::-webkit-outer-spin-button { margin:0; -webkit-appearance:none; }
body.gbm-test .gbm-calc-base > span { display:block !important; }
body.gbm-test .gbm-calc-base > span > small { display:block; margin-bottom:2px; color:#9298a3; font-size:10px; }
body.gbm-test .gbm-calc-body[data-calc-panel="bless"] { overflow-y:auto !important; overscroll-behavior:contain; scrollbar-gutter:stable; }
body.gbm-test .gbm-calc-body[data-calc-panel="bless"] > * { flex-shrink:0; }
body.gbm-test .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-result { flex:0 0 auto; overflow:visible; }
/* Desktop-only four-column calculator/tool row. */
@media (min-width:1081px) {
    body.gbm-test .gbm-desktop-tools-row { width:100%; height:390px; margin:0 0 18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    body.gbm-test .gbm-desktop-tool-card,
    body.gbm-test .gbm-desktop-tools-row > .panel-card { min-width:0; height:390px !important; min-height:390px !important; max-height:390px !important; display:flex !important; flex-direction:column; overflow:hidden; border:1px solid #383838; border-radius:12px; background:#202021; box-shadow:0 13px 32px rgba(0,0,0,.2); }
    body.gbm-test .gbm-desktop-tool-card { position:relative; color:#e8e9eb; }
    body.gbm-test .gbm-desktop-tool-title { box-sizing:border-box; width:100%; height:48px; flex:0 0 48px; padding:0 15px; display:flex; align-items:center; justify-content:flex-start; gap:8px; border-bottom:1px solid var(--border); color:var(--text-main); background:#252526; font-family:inherit; font-size:13px; font-weight:700; line-height:1.2; text-align:left; }
    body.gbm-test .gbm-desktop-tool-title strong { color:inherit; font:inherit; }
    body.gbm-test .gbm-desktop-tool-title span { font-size:13px; line-height:1; }
    body.gbm-test .gbm-desktop-tool-card > .gbm-calc-body { min-height:0; padding:10px; display:flex !important; flex:1 1 auto; flex-direction:column; overflow-y:auto; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-classes { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields label:nth-child(3) { grid-column:1/-1; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slots { grid-template-columns:1fr; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total-top { position:sticky; top:-10px; z-index:4; margin-top:0; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="gear"] { overflow:visible; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="gear"] > .gbm-calc-body { overflow-y:auto; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="bless"] > .gbm-calc-body { overflow-y:auto; scrollbar-gutter:stable; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="bless"] .gbm-calc-classes { grid-template-columns:repeat(4,minmax(0,1fr)); }
    body.gbm-test .gbm-desktop-tool-card[data-tool="bless"] .gbm-calc-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
    body.gbm-test .gbm-desktop-tool-card[data-tool="bless"] .gbm-calc-fields label:nth-child(3) { grid-column:auto; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-classes { display:grid; gap:5px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-class { height:32px; border:1px solid #3c3f45; border-radius:8px; color:#cdd0d4; background:#27282c; font-size:10px; font-weight:900; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-class.active { color:#fff; border-color:var(--accent-red); background:rgba(255,82,82,.24); }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-base { margin:6px 0; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-base > span { padding:6px; border:1px solid #34363b; border-radius:7px; color:#9298a3; background:#202125; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-base b { color:#fff; font-size:12px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields { display:grid; gap:5px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields label { color:#e1e3e6; font-size:10px; font-weight:850; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields small { color:#858b95; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-fields input { width:100%; height:32px; margin-top:3px; padding:0 5px; border:1px solid #3a3c42; border-radius:7px; color:#fff; background:#222327; font-size:12px; font-weight:900; text-align:center; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-submit { width:100%; height:38px; margin-top:7px; border:1px solid #e04b50; border-radius:7px; color:#fff; background:#c64247; font-size:11px; font-weight:850; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-submit:hover { border-color:#ff686d; background:var(--accent-red); }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-result { margin-top:7px; border:1px solid #34363b; border-radius:8px; background:#202125; overflow:hidden; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-empty { padding:14px 8px; color:#858c98; font-size:10px; text-align:center; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-summary { padding:8px; border-bottom:1px solid #34363b; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-summary strong { display:block; color:#fff; font-size:12px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-summary span { color:#aab0ba; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-reports { padding:6px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-report { padding:7px; border:1px solid #35373d; border-radius:7px; background:#25262a; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-report b { color:#fff; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-grade { float:right; font-size:13px; font-weight:950; }
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-report p { margin:5px 0 0; color:#a2a7b0; font-size:10px; line-height:1.4; }
    body.gbm-test .gbm-desktop-tool-card .gbm-tool-server { min-height:36px; margin-bottom:7px; padding:4px 7px; display:flex; align-items:center; justify-content:space-between; border:1px solid #3a3c42; border-radius:8px; background:#232428; color:#aeb3bb; font-size:10px; font-weight:850; }
    body.gbm-test .gbm-desktop-tool-card .gbm-tool-server > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body.gbm-test .gbm-desktop-tool-card .gbm-tool-server select { max-width:65%; height:27px; color:#fff; border:1px solid #41444a; border-radius:6px; background:#2d2f33; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-status,
    body.gbm-test .gbm-desktop-tool-card .gbm-adena-rate { margin:5px 0; padding:7px; border-radius:7px; color:#d8b4b6; background:#2b2223; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot { padding:6px; border:1px solid #383b40; border-radius:8px; background:#232428; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-select { width:100%; min-height:42px; padding:0; display:flex; align-items:center; gap:6px; border:0; color:#c9ccd1; background:transparent; text-align:left; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot img,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; object-fit:contain; border-radius:6px; background:#191a1c; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-copy { min-width:0; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-copy small,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-copy strong,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-style:normal; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-slot-copy em { color:#ffb75c; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-price-row { margin-top:4px; display:grid; grid-template-columns:1fr 27px; gap:4px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-price { min-width:0; height:28px; color:#ffbd63; border:1px solid #3e4147; border-radius:6px; background:#1b1c1f; text-align:right; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-price-reset { width:27px; height:28px; color:#969ca5; border:1px solid #3e4147; border-radius:6px; background:#292b2f; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total { margin:0 0 8px; padding:9px 10px; border:1px solid #3c3f45; border-radius:8px; background:#27282c; box-shadow:none; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total span,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total strong,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total em { display:block; font-size:10px; font-style:normal; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-total strong { margin:0; color:#f0f1f3; font-size:13px; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-picker { position:absolute; inset:48px 5px 5px; z-index:8; padding:8px; overflow:hidden; border:1px solid #484b51; border-radius:10px; background:#202124; box-shadow:0 18px 45px rgba(0,0,0,.68); }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-picker-head { height:30px; display:flex; align-items:center; justify-content:space-between; }
    body.gbm-test .gbm-desktop-tool-card #gbm-gear-search { width:100%; height:34px; margin:3px 0 6px; color:#fff; border:1px solid #41444a; border-radius:7px; background:#292b2f; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-options { max-height:275px; overflow-y:auto; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-option { width:100%; min-height:42px; display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:6px; color:#ddd; border:0; border-bottom:1px solid #303236; background:transparent; text-align:left; }
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-option img,
    body.gbm-test .gbm-desktop-tool-card .gbm-gear-option-icon { width:30px; height:30px; object-fit:contain; }
    body.gbm-test .gbm-desktop-tool-card .gbm-convert-field { display:block; color:#e4e5e7; font-size:11px; font-weight:900; }
    body.gbm-test .gbm-desktop-tool-card .gbm-convert-field input { width:100%; height:40px; margin-top:5px; padding:0 9px; color:#fff; border:1px solid #3e4147; border-radius:8px; background:#232428; font-size:13px; font-weight:850; text-align:right; }
    body.gbm-test .gbm-desktop-tool-card .gbm-convert-arrow { padding:5px; color:#777d86; text-align:center; }
    body.gbm-test .gbm-desktop-tool-card .gbm-convert-note,
    body.gbm-test .gbm-desktop-tool-card .gbm-calc-copy { color:#818790; font-size:10px; line-height:1.45; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="adena"] .gbm-calc-copy { margin:0 0 7px; font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="adena"] .gbm-adena-rate { font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="adena"] .gbm-convert-field { font-size:10px; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="bless"] .gbm-desktop-tool-title > span { color:#c1a7ef; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="gear"] .gbm-desktop-tool-title > span { color:#e4777d; }
    body.gbm-test .gbm-desktop-tool-card[data-tool="adena"] .gbm-desktop-tool-title > span { color:#e1b558; font-size:15px; }
    body.gbm-test .gbm-desktop-ad-card { min-width:0; height:390px; overflow:hidden; border:1px dashed #4a4d52; border-radius:12px; background:linear-gradient(145deg,#222326,#191a1c); }
    body.gbm-test .gbm-desktop-ad-card button { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:0; color:#858b93; background:transparent; cursor:pointer; }
    body.gbm-test .gbm-desktop-ad-card button > span { width:42px; height:42px; display:grid; place-items:center; border:1px solid #4b4e54; border-radius:50%; color:#d4d6d9; font-size:25px; }
    body.gbm-test .gbm-desktop-ad-card button > strong { color:#c9ccd1; font-size:13px; }
    body.gbm-test .gbm-desktop-ad-card button > small { color:#717780; font-size:10px; }
    body.gbm-test .gbm-desktop-ad-card img { width:100%; height:100%; display:block; object-fit:cover; }
    body.gbm-test .gbm-desktop-ad-card > a { width:100%; height:100%; display:block; }
}
/* Mobile app-style views, bottom navigation, server sheet and calculator modal. */
@media (max-width:768px) {
    .gbm-nav-count-4 { --gbm-nav-count:4; }
    .gbm-nav-count-5 { --gbm-nav-count:5; }
    .gbm-nav-count-6 { --gbm-nav-count:6; }
    body.gbm-test .header-inner { justify-content:space-between; }
    body.gbm-test .header-game-nav,
    body.gbm-test .header-game-more-toggle,
    body.gbm-test .header-mobile-pinned-live,
    body.gbm-test .header-mobile-game-panel { display:none !important; }
    body.gbm-test .gbm-mobile-header-server { min-width:0; max-width:calc(100% - 110px); height:38px; padding:0 2px; display:flex; align-items:center; gap:6px; border:0; border-radius:0; color:#f0f1f3; background:transparent; font:800 13px Inter,sans-serif; letter-spacing:-.02em; cursor:pointer; }
    body.gbm-test .gbm-mobile-header-game { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body.gbm-test .gbm-mobile-header-divider { color:#666b72; }
    body.gbm-test .gbm-mobile-header-server-name { min-width:0; overflow:hidden; color:#ffb545; text-overflow:ellipsis; white-space:nowrap; }
    body.gbm-test .gbm-mobile-header-server svg { width:15px; height:15px; flex:0 0 auto; margin-left:1px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
    body.gbm-test { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
    body.gbm-test .container { margin-bottom:0; }
    body.gbm-test.gbm-view-home .container { margin-top:0; }
    body.gbm-test.gbm-view-home .gbm-chart-panel { width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; border-left:0; border-right:0; border-radius:0; }
    body.gbm-test.gbm-view-home .chart-header { padding-left:10px; padding-right:8px; }
    body.gbm-test.gbm-view-home .chart-title { min-width:0; flex:1 1 auto; overflow:hidden; font-size:11px; white-space:nowrap; }
    body.gbm-test.gbm-view-home .chart-title #display-server-name { min-width:0; overflow:hidden; text-overflow:ellipsis; }
    body.gbm-test.gbm-view-home .chart-title .display-unit-label { flex:0 0 auto; font-size:9px; }
    body.gbm-test.gbm-view-home .chart-header-actions { flex:0 0 auto; gap:4px; }
    body.gbm-test.gbm-view-home .chart-header-actions .timeframe-btn { height:27px; padding:0 5px; font-size:10px; }
    body.gbm-test.gbm-view-home .chart-header-actions .expand-btn { width:27px; height:27px; }
    body.gbm-test.gbm-view-home .chart-container { height:auto !important; display:flex; flex-direction:column; position:relative; gap:0; }
    body.gbm-test.gbm-view-home #chart-div { width:100% !important; height:250px !important; min-height:250px; flex:0 0 250px !important; }
    body.gbm-test.gbm-view-home .gbm-mobile-trades-toggle { min-width:34px; height:27px; padding:0 5px; display:flex; align-items:center; justify-content:center; border:0; border-radius:6px; color:#aaaeb5; background:rgba(128,128,128,.3); font-size:10px; font-weight:850; cursor:pointer; }
    body.gbm-test.gbm-view-home .gbm-mobile-trades-toggle.active { color:#fff; background:#c64247; }
    body.gbm-test.gbm-view-home .live-trades { width:100%; min-width:0; max-width:none; height:250px; flex:0 0 250px; position:static; display:none !important; flex-direction:column; border:0; border-top:1px solid var(--border); background:#1a1a1b; }
    body.gbm-test.gbm-view-home .live-trades.gbm-trades-expanded { display:flex !important; }
    body.gbm-test.gbm-view-home .live-trades .trade-header { height:34px; flex:0 0 34px; padding:0 10px; align-items:center; border-bottom:1px solid #34363a; }
    body.gbm-test.gbm-view-home #trade-list-box { min-height:0; height:auto; max-height:none !important; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; }
    body.gbm-test.gbm-view-home #trade-list-box .trade-row { display:flex; min-height:33px; align-items:center; }
    body.gbm-test .gbm-mobile-nav { position:fixed; left:0; right:0; bottom:0; z-index:10010; height:calc(62px + env(safe-area-inset-bottom)); padding:0 7px env(safe-area-inset-bottom); display:grid; grid-template-columns:repeat(var(--gbm-nav-count),minmax(0,1fr)); border-top:1px solid #393b3f; background:rgba(24,24,25,.97); box-shadow:0 -10px 30px rgba(0,0,0,.38); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
    .gbm-mobile-nav button,.gbm-mobile-nav a { min-width:0; padding:7px 2px 5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:0; color:#767b82; background:transparent; text-decoration:none; font:800 10px Inter,sans-serif; cursor:pointer; }
    .gbm-mobile-nav svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
    .gbm-mobile-nav .active { color:var(--accent-red); }
    .gbm-mobile-nav .active::after { content:""; position:absolute; top:0; width:28px; height:3px; border-radius:0 0 5px 5px; background:var(--accent-red); box-shadow:0 0 12px rgba(255,82,82,.55); }
    .gbm-mobile-nav button,.gbm-mobile-nav a { position:relative; }
    body.gbm-test.gbm-view-home .main-content > .iix-inline-market,
    body.gbm-test.gbm-view-home .main-content > .bottom-panels,
    body.gbm-test.gbm-view-home > footer { display:none !important; }
    body.gbm-test.gbm-view-market .main-content > .card,
    body.gbm-test.gbm-view-market .main-content > .bottom-panels,
    body.gbm-test.gbm-view-market > footer { display:none !important; }
    body.gbm-test.gbm-view-market .main-content > .ad-banner-shell { display:block !important; margin:0 0 8px; }
    body.gbm-test.gbm-view-market .main-content > .iix-inline-market { display:block !important; margin-bottom:8px; }
    body.gbm-test.gbm-view-more .main-content > .card,
    body.gbm-test.gbm-view-more .main-content > .ad-banner-shell,
    body.gbm-test.gbm-view-more .main-content > .iix-inline-market { display:none !important; }
    body.gbm-test.gbm-view-more .main-content > .bottom-panels { display:grid !important; }
    body.gbm-test.gbm-view-more .main-content > .gbm-more-slot5 { height:88px; margin:0; display:block; }
    body.gbm-test.gbm-view-more .container { margin-top:8px; gap:15px; }
    body.gbm-test .iix-inline-tools { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"server hours" "market capture" "search search" "favorite sort"; }
    body.gbm-test .iix-inline-tools .iix-search { width:100%; grid-column:1/-1; }
    body.gbm-test .iix-inline-meta { width:100%; min-width:0; }
    body.gbm-test .iix-inline-meta .iix-last-capture { width:100%; min-width:0; padding:0 8px; justify-content:flex-start; overflow:hidden; text-overflow:ellipsis; }
    body.gbm-test #iix-market-server-button { width:100%; font-family:inherit; cursor:pointer; }
    body.gbm-test .gbm-server-backdrop { position:fixed; inset:0; z-index:10030; display:block; visibility:hidden; opacity:0; background:rgba(0,0,0,.62); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); transition:opacity .2s,visibility .2s; }
    body.gbm-test.gbm-server-open { overflow:hidden; }
    body.gbm-test.gbm-server-open #live-broadcast-box,
    body.gbm-test.gbm-server-open #index-partner-rolling-box,
    body.gbm-test.gbm-server-open iframe,
    body.gbm-test.gbm-server-open video { visibility:hidden !important; }
    body.gbm-test.gbm-server-open .ranking-panel .index-server-live-feature { display:none !important; }
    body.gbm-test.gbm-server-open .gbm-server-backdrop { visibility:visible; opacity:1; }
    body.gbm-test .ranking-panel { transition:transform .24s ease,visibility .24s; }
    body.gbm-test.gbm-server-open .ranking-panel { position:fixed !important; left:8px !important; right:8px !important; bottom:calc(70px + env(safe-area-inset-bottom)) !important; top:auto !important; z-index:10040 !important; width:auto !important; height:min(70dvh,620px) !important; max-height:min(70dvh,620px) !important; display:grid !important; grid-template-columns:minmax(0,8fr) minmax(72px,2fr); grid-template-rows:49px auto minmax(0,1fr) 42px; overflow:hidden; visibility:visible; transform:translateY(0); border:1px solid #45474b; border-radius:16px; background:#202022; box-shadow:0 24px 70px rgba(0,0,0,.68); }
    body.gbm-test:not(.gbm-server-open) .ranking-panel { display:none !important; visibility:hidden; transform:translateY(calc(100% + 90px)); }
    body.gbm-test .gbm-server-sheet-head { grid-column:1/-1; grid-row:1; padding:0 12px 0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #383a3d; color:#f0f0f0; font-size:15px; font-weight:900; }
    .gbm-server-sheet-close { width:34px; height:34px; border:0; border-radius:9px; color:#b9bcc0; background:#303236; font-size:23px; line-height:1; }
    body.gbm-test .ranking-panel .ranking-header { grid-column:1; grid-row:2; min-width:0; }
    body.gbm-test .ranking-panel .ranking-list { grid-column:1; grid-row:3; min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; border-right:1px solid #383a3d; }
    body.gbm-test .gbm-server-game-list { grid-column:2; grid-row:2/5; min-width:0; min-height:0; padding:8px 6px; display:flex; flex-direction:column; gap:4px; overflow-y:auto; overscroll-behavior:contain; background:#1b1b1d; }
    body.gbm-test .gbm-server-capture { grid-column:1; grid-row:4; min-width:0; }
    body.gbm-test .gbm-server-game-list > strong { padding:3px 5px 7px; color:#858a91; font-size:10px; letter-spacing:.06em; }
    body.gbm-test .gbm-server-game-link { position:relative; min-height:57px; padding:6px 3px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid transparent; border-radius:9px; color:#8f9399; text-align:center; text-decoration:none; font-size:10px; font-weight:800; line-height:1.2; overflow:visible; }
    body.gbm-test .gbm-server-game-link img { width:21px; height:21px; object-fit:contain; border-radius:4px; }
    body.gbm-test .gbm-server-game-link span { width:100%; min-height:22px; display:flex; align-items:flex-start; justify-content:center; overflow:visible; white-space:normal; word-break:keep-all; }
    body.gbm-test .gbm-server-game-link .header-game-new { position:absolute; top:3px; right:3px; width:auto; min-width:14px; min-height:14px; padding:1px 4px; display:inline-flex !important; align-items:center; justify-content:center; border-radius:999px; color:#fff; background:#ff4d57; font-size:8px; font-style:normal; font-weight:900; line-height:1; }
    body.gbm-test .iix-server-chevron { width:14px; height:14px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
    body.gbm-test .gbm-server-game-link.active { border-color:#76582b; color:#ffbd58; background:#33291d; }
    body.gbm-test .iix-toast-stack { bottom:calc(76px + env(safe-area-inset-bottom)); }
    body.gbm-test.gbm-calc-open { overflow:hidden; }
    body.gbm-test .gbm-calc-modal.open { position:fixed; inset:0; z-index:10050; padding:18px 14px calc(82px + env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.62); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
    .gbm-calc-dialog { position:relative; width:100%; max-width:430px; height:min(76dvh,640px); min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #45474b; border-radius:16px; background:#171718; box-shadow:0 26px 70px rgba(0,0,0,.7); }
    .gbm-calc-head { flex:0 0 50px; padding:0 10px 0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #383a3d; color:#f3f3f3; background:#252526; font-size:16px; }
    .gbm-calc-head button { width:34px; height:34px; border:0; border-radius:9px; color:#c5c7ca; background:#303236; font-size:23px; line-height:1; }
    .gbm-calc-tabs { flex:0 0 42px; padding:4px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; border-bottom:1px solid #383a3d; background:#1d1d1f; }
    .gbm-calc-tabs button { border:0; border-radius:7px; color:#858b93; background:transparent; font-size:12px; font-weight:900; }
    .gbm-calc-tabs button.active { color:#fff; background:#34363a; }
    .gbm-calc-body { min-height:0; padding:14px; flex:1 1 auto; overflow-y:auto; color:#e8e9eb; }
    .gbm-mobile-slot5 > a,.gbm-mobile-slot5 > button { width:100%; height:100%; border:0; display:flex; align-items:center; justify-content:center; color:#92979f; background:#202124; text-decoration:none; cursor:pointer; }
    .gbm-mobile-slot5 img { width:100%; height:100%; display:block; object-fit:cover; }
    .gbm-mobile-slot5 .gbm-slot5-empty { gap:7px; font-size:11px; font-weight:850; }
    .gbm-mobile-slot5 .gbm-slot5-empty span { width:24px; height:24px; display:grid; place-items:center; border:1px solid #4b4e54; border-radius:50%; color:#d4d6d9; font-size:17px; }
    .gbm-calc-panel-hidden { display:none !important; }
    .gbm-calc-copy { margin:0 0 13px; color:#9da2aa; font-size:13px; line-height:1.6; }
    .gbm-calc-classes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
    .gbm-calc-class { height:42px; border:1px solid #3c3f45; border-radius:9px; color:#cdd0d4; background:#27282c; font-size:13px; font-weight:900; }
    .gbm-calc-class.active { color:#fff; border-color:var(--accent-red); background:rgba(255,82,82,.24); }
    .gbm-calc-base { margin:10px 0; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
    .gbm-calc-base > span { padding:10px; border:1px solid #34363b; border-radius:9px; color:#9298a3; background:#202125; font-size:12px; }
    .gbm-calc-base b { color:#fff; font-size:18px; }
    .gbm-calc-fields { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .gbm-calc-fields label { color:#e1e3e6; font-size:13px; font-weight:850; }
    .gbm-calc-fields label:nth-child(3) { grid-column:1/-1; }
    .gbm-calc-fields small { color:#858b95; font-size:11px; }
    .gbm-calc-fields input { width:100%; height:42px; margin-top:5px; padding:0 10px; border:1px solid #3a3c42; border-radius:9px; outline:0; color:#fff; background:#222327; font-size:18px; font-weight:900; text-align:center; }
    .gbm-calc-fields input:focus { border-color:#62666d; box-shadow:0 0 0 3px rgba(120,126,136,.1); }
    .gbm-calc-submit { width:100%; height:48px; margin-top:11px; border:1px solid #e04b50; border-radius:8px; color:#fff; background:#c64247; font-size:15px; font-weight:850; }
    .gbm-calc-result { margin-top:11px; border:1px solid #34363b; border-radius:11px; background:#202125; overflow:hidden; }
    .gbm-calc-empty { padding:22px 12px; color:#858c98; font-size:13px; text-align:center; }
    .gbm-calc-summary { padding:12px; border-bottom:1px solid #34363b; }
    .gbm-calc-summary strong { display:block; color:#fff; font-size:17px; }
    .gbm-calc-summary span { display:block; margin-top:4px; color:#aab0ba; font-size:12px; }
    .gbm-calc-reports { padding:9px; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
    .gbm-calc-report { padding:10px; border:1px solid #35373d; border-radius:9px; background:#25262a; }
    .gbm-calc-report b { color:#fff; font-size:14px; }
    .gbm-calc-grade { float:right; font-size:18px; font-weight:950; }
    .gbm-calc-report p { margin:7px 0 0; color:#a2a7b0; font-size:12px; line-height:1.6; }
    .gbm-calc-body[data-calc-panel="bless"] { font-size:12px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-copy { font-size:11px; line-height:1.45; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-class { height:38px; font-size:11px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-base span { padding:8px; font-size:11px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-base b { font-size:15px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields label { font-size:12px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields small { font-size:10px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields input { height:38px; font-size:15px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-submit { height:43px; font-size:13px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-empty { font-size:11px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-summary strong { font-size:14px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-summary span,
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-report p { font-size:10px; line-height:1.45; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-report b { font-size:12px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-grade { font-size:15px; }
    .gbm-calc-body[data-calc-panel="bless"] { padding:10px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-classes { gap:4px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-class { height:32px; padding:0 2px; font-size:10px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-base { margin:6px 0; gap:4px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-base > span { padding:6px; font-size:10px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-base b { font-size:12px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields { grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields label,
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields label:nth-child(3) { grid-column:span 2; min-width:0; font-size:10px; text-align:center; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields label:nth-child(4),
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields label:nth-child(5) { grid-column:span 3; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields small { display:none; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-fields input { height:32px; margin-top:3px; padding:0 3px; font-size:12px; }
    .gbm-calc-body[data-calc-panel="bless"] .gbm-calc-submit { height:38px; margin-top:7px; font-size:11px; }
    .gbm-tool-server { min-height:42px; margin-bottom:10px; padding:6px 8px 6px 11px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #3a3c42; border-radius:9px; background:#232428; color:#aeb3bb; font-size:12px; font-weight:850; }
    .gbm-tool-server select { max-width:62%; height:30px; border:1px solid #41444a; border-radius:7px; outline:0; color:#fff; background:#2d2f33; font-size:12px; font-weight:850; }
    .gbm-gear-status,.gbm-adena-rate { margin:9px 0; padding:9px 11px; border-radius:8px; color:#c5aa7d; background:#2a251e; font-size:11px; line-height:1.5; }
    .gbm-gear-slots { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
    .gbm-gear-slot { min-width:0; padding:7px; border:1px solid #383b40; border-radius:9px; color:#c9ccd1; background:#232428; }
    .gbm-gear-slot-select { width:100%; min-height:52px; padding:0; display:flex; align-items:center; gap:8px; border:0; color:inherit; background:transparent; text-align:left; }
    .gbm-gear-slot img,.gbm-gear-slot-icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:7px; object-fit:contain; background:#191a1c; color:#656b73; font-size:18px; }
    .gbm-gear-slot-copy { min-width:0; }
    .gbm-gear-slot-copy small,.gbm-gear-slot-copy strong,.gbm-gear-slot-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .gbm-gear-slot-copy small { color:#777e87; font-size:10px; }
    .gbm-gear-slot-copy strong { margin-top:3px; color:#e7e8ea; font-size:11px; }
    .gbm-gear-slot-copy em { margin-top:3px; color:#ffb75c; font-size:11px; font-style:normal; font-weight:900; }
    .gbm-gear-price-row { margin-top:6px; display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:5px; }
    .gbm-gear-price { width:100%; height:34px; padding:0 8px; border:1px solid #3e4147; border-radius:7px; outline:0; color:#ffbd63; background:#1b1c1f; font-size:12px; font-weight:900; text-align:right; }
    .gbm-gear-price:focus { border-color:#a87b3d; }
    .gbm-gear-price-reset { width:30px; height:34px; border:1px solid #3e4147; border-radius:7px; color:#969ca5; background:#292b2f; font-size:15px; }
    .gbm-gear-picker { position:absolute; left:8px; right:8px; bottom:calc(70px + env(safe-area-inset-bottom)); z-index:2; max-height:58%; padding:10px; overflow:hidden; border:1px solid #484b51; border-radius:13px; background:#202124; box-shadow:0 18px 45px rgba(0,0,0,.68); }
    .gbm-gear-picker-head { height:34px; display:flex; align-items:center; justify-content:space-between; color:#fff; font-size:13px; }
    .gbm-gear-picker-head button { width:30px; height:30px; border:0; border-radius:7px; color:#bbb; background:#303236; font-size:20px; }
    #gbm-gear-search { width:100%; height:40px; margin:4px 0 8px; padding:0 11px; border:1px solid #41444a; border-radius:8px; outline:0; color:#fff; background:#292b2f; font-size:13px; }
    .gbm-gear-options { max-height:240px; overflow-y:auto; }
    .gbm-gear-option { width:100%; min-height:51px; padding:6px 8px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center; border:0; border-bottom:1px solid #303236; color:#d8dade; background:transparent; text-align:left; }
    .gbm-gear-option img,.gbm-gear-option-icon { width:38px; height:38px; display:grid; place-items:center; object-fit:contain; border-radius:6px; background:#17181a; }
    .gbm-gear-option span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:850; }
    .gbm-gear-option b { color:#ffb75c; font-size:11px; }
    .gbm-gear-total { margin:0 0 8px; padding:10px; border:1px solid #3c3f45; border-radius:8px; background:#27282c; box-shadow:none; }
    .gbm-gear-total span,.gbm-gear-total strong,.gbm-gear-total em { display:block; }
    .gbm-gear-total span { color:#92969d; font-size:11px; }.gbm-gear-total span b{color:#d4d6d9;float:right}.gbm-gear-total strong{margin:0;color:#f0f1f3;font-size:16px}.gbm-gear-total em{margin-top:3px;color:#aeb2b8;font-size:11px;font-style:normal;font-weight:750}
    .gbm-convert-field { display:block; color:#e4e5e7; font-size:13px; font-weight:900; }
    .gbm-convert-field > small { color:#8f959e; font-size:10px; font-weight:700; }
    .gbm-convert-field input { width:100%; height:46px; margin-top:7px; padding:0 12px; border:1px solid #3e4147; border-radius:10px; outline:0; color:#fff; background:#232428; font-size:15px; font-weight:850; text-align:right; }
    .gbm-convert-arrow { padding:8px 0; color:#777d86; font-size:22px; text-align:center; }
    .gbm-convert-note { margin:12px 0 0; color:#818790; font-size:11px; line-height:1.55; text-align:center; }
}