:root { --bg:#101214; --surface:#1b1e20; --gold:#c2ee75; --accent:#c2ee75; --accent-2:#7bcce5; --success:#8de1bb; --line:#ffffff12; }
body { background:#101214; }
.sidebar { background:#171a1c; min-height:88px; gap:26px; }
.brand strong { font-size:27px; font-weight:800; }
.brand-dot,.brand-mark,.brand-mark svg { color:var(--accent); }
.brand-mark { transform:rotate(-8deg); }
.demo-tag { color:var(--accent); border-color:#c2ee7540; }
.nav-tabs { gap:23px; }
.nav-tab { font-size:12px; }
.nav-tab.is-active { color:var(--accent); }
.nav-tab.is-active::after { background:var(--accent); height:3px; }
.primary-button { color:#16220e; background:var(--accent); border:1px solid #d4ff8e; box-shadow:none; border-radius:4px; min-height:48px; font-weight:700; }
.primary-button:hover:not(:disabled) { box-shadow:0 5px 20px #c2ee751c; filter:brightness(1.06); }
.primary-button:active:not(:disabled) { box-shadow:none; transform:translateY(1px); }
.primary-button:disabled { box-shadow:none; }
.ghost-button,.icon-button { background:#202427; border-color:#ffffff12; border-radius:4px; }
.price-pill { color:#d5f2b0; }
.live-bar { background:#111416; border-color:#ffffff0c; }
.live-drop { background:linear-gradient(125deg,color-mix(in srgb,var(--drop-color) 10%,#1a1d20),#181b1d 75%); }
.live-drops { display:block; overflow:clip; touch-action:pan-y; user-select:none; }
.live-track { display:flex; gap:3px; width:100%; height:100%; }
.live-track .live-drop { cursor:pointer; color:inherit; font:inherit; }
.live-track .live-drop:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.live-caption { position:relative; grid-template-columns:minmax(0,1fr); }
.online-indicator { min-width:0; }
.online-indicator strong { font-size:15px; white-space:nowrap; }
.online-indicator small { font-size:9px; }
#liveTitle { min-width:0; overflow-wrap:anywhere; }
#onlineTitle { min-width:0; max-width:100%; overflow-wrap:anywhere; padding:0 4px; }
.topbar-preview { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:32px; border-block:1px solid var(--line); padding:20px 0; }
#topbarSave { justify-self:start; align-self:start; }
.topbar-preview > div { display:grid; align-content:start; gap:6px; width:150px; min-width:0; overflow-wrap:anywhere; }
.topbar-preview small { color:var(--muted); }
.topbar-preview strong { font-size:14px; }
.promo-banner { background:#202628; border:0; border-left:3px solid #7bcce5; padding:20px 26px; margin-bottom:34px; }
.promo-offer strong,.promo-offer svg { color:#9ad8ef; }
.promo-offer span { color:#b9c5cc; }
.promo-banner .primary-button { background:#c2ee75; border-color:#d4ff8e; color:#16220e; }
.main-area:not(:has(#casesView.is-active)) .promo-banner { display:none; }
.topbar { margin:6px 0 24px; }
.topbar h1 { font-size:30px; }
.main-area { max-width:1500px; padding-top:26px; }
.bonus-button { background:transparent; color:#b9d997; border-color:#ffffff12; }
.case-filters { display:flex; gap:10px; align-items:center; }
.case-filters select, .promo-settings select { color:#d2d8dc; border:1px solid #ffffff14; background:#1e2225; border-radius:4px; padding:10px 12px; min-height:40px; }
.case-browser .case-filters .catalog-search { width:220px; }
.case-browser .case-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.case-browser .case-tile { height:290px; border-radius:6px; border:1px solid #ffffff09; background:#181c1e; overflow:hidden; padding:20px; isolation:isolate; }
.case-browser .case-tile::after { content:''; position:absolute; width:36px; height:2px; top:0; left:20px; background:var(--case-color); }
.case-browser .case-tile:hover { background:#202629; border-color:color-mix(in srgb,var(--case-color) 45%,transparent); }
.case-browser .case-tile strong { font-size:17px; font-weight:800; }
.case-browser .case-tile small { color:#899398; font-size:10px; }
.case-browser .case-tile span { border:0; background:#252d28; color:var(--accent); padding:8px 18px; border-radius:4px; min-width:75px; font-size:15px; }
.case-browser .case-tile img { height:143px !important; top:22px !important; }
.case-browser .case-tile .case-prize { height:124px !important; top:12px !important; }
.peni-pack { position:absolute; top:49px; left:14%; width:72%; height:116px; border:1px solid color-mix(in srgb,var(--case-color) 70%,#222); border-radius:7px; transform:perspective(500px) rotateX(12deg) rotateY(-13deg) rotateZ(-8deg); background:linear-gradient(135deg,color-mix(in srgb,var(--case-color) 35%,#1d252b),#141b20 68%); box-shadow:8px 12px 0 #0b0e10,0 20px 20px #0004; text-align:left; }
.peni-pack::before { content:''; position:absolute; inset:8px; border:1px solid #ffffff12; border-left:5px solid var(--case-color); border-radius:3px; }
.peni-pack::after { content:''; position:absolute; width:32px; height:10px; left:calc(50% - 16px); top:-9px; border:3px solid var(--case-color); border-bottom:0; border-radius:5px 5px 0 0; }
.peni-pack b { position:absolute; bottom:17px; left:24px; font-size:27px; color:#edf1eacc; font-weight:800; }
.case-browser .peni-pack small { position:absolute; bottom:11px; right:12px; font-size:7px; color:var(--case-color); writing-mode:vertical-rl; }
.case-browser .original-case .case-prize { width:76% !important; left:12% !important; top:9px !important; height:142px !important; transform:rotate(-15deg); filter:drop-shadow(0 8px 7px #0008); }
.case-browser .original-case:hover .peni-pack { transform:perspective(500px) rotateX(10deg) rotateY(-10deg) rotateZ(-5deg); }
.case-hero { min-height:260px; }
.case-hero > img { width:260px; height:230px; }
.case-hero h2 { font-size:32px; }
.quantity-row { justify-content:center; }
.has-opening-result .case-hero { min-height:76px; padding:16px 0; }
.has-opening-result .case-hero > div > .eyebrow { display:none; }
.has-opening-result .case-hero .section-heading { display:flex; gap:18px; margin:0; }
.has-opening-result .case-hero h2 { font-size:25px; }
.has-opening-result .quantity-row,.has-opening-result .open-options { display:none; }
.has-opening-result #caseHeroImage { display:none; }
.opening-outcome { padding:10px 0 20px; }
.opening-outcome-title { text-align:center; font-size:16px; font-weight:600; margin:12px 0 22px; }
#openResults { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin:0 auto 24px; }
#openResults .skin-card { flex:0 1 192px; min-width:0; }
.opening-item-status { padding:10px 12px; border-top:1px solid #ffffff0b; font-size:10px; color:#99aaa4; }
.opening-outcome-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.opening-outcome-actions button { display:flex; justify-content:center; align-items:center; gap:9px; width:auto; min-width:205px; min-height:46px; padding:12px 20px; font-size:13px; }
#openingSaleStatus { min-height:18px; margin-top:14px; text-align:center; color:#94c9ac; font-size:11px; }
@media(max-width:600px) {
  #openResults { gap:10px; }
  #openResults .skin-card { flex-basis:calc(50% - 5px); max-width:192px; }
  .opening-outcome-actions { gap:9px; }
  .opening-outcome-actions button { width:100%; min-width:0; max-width:380px; font-size:12px; }
}
.qty-chip.is-active { color:var(--accent); border-color:#c2ee7560; background:#c2ee7512; }
.upgrade-needle::after { display:none; }
.upgrade-needle::before { background:#e0ffad; filter:drop-shadow(0 0 5px #c2ee7533); }
.upgrade-track { background-color:#1b2023; box-shadow:0 0 0 1px #c2ee7514; }
.turbo-control { display:flex; align-items:center; justify-content:center; gap:8px; min-height:32px; margin-bottom:12px; color:#b5c2ad; font-size:11px; }
.turbo-control svg { color:var(--accent); width:15px; }
.turbo-control input { appearance:none; position:relative; width:32px; height:18px; margin:0; border-radius:12px; background:#39413c; cursor:pointer; transition:background 150ms; }
.turbo-control input::after { content:''; position:absolute; top:3px; left:3px; width:12px; height:12px; background:#d4ded5; border-radius:50%; transition:transform 150ms; }
.turbo-control input:checked { background:#c2ee75; }
.turbo-control input:checked::after { background:#24311d; transform:translateX(14px); }
.turbo-control input:disabled { opacity:.4; cursor:default; }
.selected-preview::before { border-radius:4px; transform:perspective(500px) rotateX(62deg) rotateZ(-8deg); background:repeating-linear-gradient(90deg,transparent 0 40px,#ffffff04 40px 41px); }
.selected-preview::after { background:linear-gradient(90deg,transparent,#c2ee7555,transparent); }
.profile-overview { display:flex; justify-content:space-between; align-items:center; gap:28px; padding:26px 0 30px; border-bottom:1px solid var(--line); }
.profile-identity { display:flex; gap:16px; align-items:center; min-width:0; }
.profile-avatar { display:grid; place-items:center; width:84px; height:84px; flex-shrink:0; border-radius:50%; border:1px solid #c2ee7540; outline:5px solid #c2ee7508; background:#252e25; color:var(--accent); font-size:34px; font-weight:700; }
.profile-identity h2 { font-size:30px; margin:6px 0; overflow-wrap:anywhere; line-height:1.2; }
.profile-identity-details { min-width:0; }
.profile-name-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; }
.profile-name-row h2 { min-width:0; max-width:100%; }
.profile-trade-button { display:inline-flex; align-items:center; gap:8px; padding:9px 11px; font-size:11px; max-width:100%; text-align:left; }
.profile-trade-button img { flex-shrink:0; }
.trade-dialog .trade-form { padding:16px 0 8px; }
.trade-dialog .trade-form .field { flex-basis:100%; min-width:0; }
.trade-dialog .trade-form .primary-button { flex:1; display:flex; justify-content:center; align-items:center; gap:8px; }
.trade-dialog .trade-form p:empty { display:none; }
.trade-dialog .trade-link { font-size:12px; }
.withdraw-message { color:#a4d2b2; font-size:12px; line-height:1.6; }
.withdraw-message:empty { display:none; }
.market-connection { padding:18px 0; margin:14px 0; border-block:1px solid #ffffff18; }
.market-connection strong { font-size:13px; }
.market-connection p { color:#a8dcd0; font-size:12px; line-height:1.6; }
.market-connection small { color:#95a1a6; font-size:11px; }
.exchange-dialog { width:min(840px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overflow:auto; }
.exchange-source { font-size:13px; line-height:1.6; color:#d2e6b0; }
.exchange-toolbar { display:flex; gap:10px; margin:18px 0 12px; }
.exchange-toolbar .profile-search { flex:1; min-width:0; }
.exchange-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-height:390px; overflow-y:auto; margin:12px 0; padding:2px; }
.exchange-choice { display:flex; flex-direction:column; min-width:0; gap:8px; padding:12px; border:1px solid #ffffff18; background:#24292c; border-radius:6px; text-align:left; color:#f0f2ee; }
.exchange-choice[aria-pressed=true] { border-color:#c1ed75; background:#2c3427; }
.exchange-choice img { width:100%; height:86px; object-fit:contain; }
.exchange-choice strong { font-size:11px; line-height:1.5; height:50px; overflow:hidden; overflow-wrap:anywhere; }
.exchange-choice b { color:#bce878; font-size:13px; }
.exchange-footer { border-top:1px solid #ffffff18; padding-top:12px; }
.exchange-footer p { font-size:12px; line-height:1.6; color:#a8dcd0; }
.exchange-footer button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; }
@media(max-width:600px){.exchange-dialog{padding:18px;}.exchange-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px;}.exchange-choice{padding:8px;}}
.profile-identity p { font-size:12px; color:#949ea4; line-height:1.6; }
.profile-mode { display:inline-flex; align-items:center; gap:6px; color:#a9d9c4; font-size:11px; }
.profile-mode::before { content:''; width:5px; height:5px; background:#8de1bb; border-radius:50%; }
.profile-wallet { display:flex; align-items:center; gap:26px; flex-shrink:0; }
.profile-wallet > div { display:grid; gap:7px; flex-shrink:0; }
.profile-wallet small { font-size:11px; color:#949ea4; }
.profile-wallet strong { font-size:28px; font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; }
.profile-wallet button { display:flex; align-items:center; justify-content:center; gap:8px; width:auto; flex-shrink:0; padding:0 19px; min-height:42px; font-size:12px; }
.profile-highlights { display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:36px; padding:22px 0; }
.profile-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.profile-metrics div { display:flex; flex-direction:column; gap:9px; padding-left:18px; border-left:1px solid #ffffff15; }
.profile-metrics div:first-child { padding-left:0; border-left:0; }
.profile-metrics strong { font-size:25px; font-weight:600; font-variant-numeric:tabular-nums; }
.profile-metrics small { font-size:11px; color:#949ea4; }
.best-drop { display:grid; grid-template-columns:112px minmax(0,1fr); gap:5px 16px; align-items:center; min-height:98px; padding-left:24px; border-left:1px solid var(--line); }
.best-drop img { width:112px; height:88px; object-fit:contain; grid-column:1; grid-row:1 / 4; filter:drop-shadow(0 6px 8px #0005); }
.best-drop small,.best-drop strong,.best-drop span { grid-column:2; }
.best-drop small { font-size:10px; color:#a6a0c8; }
.best-drop strong { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.best-drop span { color:#c2ee75; font-size:14px; }
.trade-form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding:24px 0; }
.trade-form .field { flex:1; min-width:220px; max-width:720px; }
.trade-form input { width:100%; }
.trade-form p { flex-basis:100%; font-size:11px; color:#a6c99a; }
.profile-tabs { display:flex; gap:32px; border-bottom:1px solid var(--line); margin:10px 0 24px; }
.profile-tabs button { display:flex; align-items:center; gap:8px; border:0; border-bottom:2px solid transparent; padding:17px 0; background:transparent; color:#929b9f; font-weight:600; white-space:nowrap; font-size:13px; }
.profile-tabs button svg { width:16px; height:16px; }
.profile-tabs button > span { font-size:10px; min-width:20px; padding:3px 5px; border-radius:4px; background:#c2ee7510; text-align:center; }
.profile-tabs button[aria-selected=true] { color:var(--accent); border-bottom-color:var(--accent); }
.profile-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.profile-search { display:flex; align-items:center; gap:10px; min-width:220px; max-width:440px; flex:1; height:42px; padding:0 12px; border:1px solid #ffffff14; border-radius:5px; background:#191d20; color:#818b92; }
.profile-search input { width:100%; min-width:0; height:100%; border:0; background:transparent; color:#e6ebee; outline-offset:0; }
.profile-search input::placeholder { color:#818b92; }
.profile-toolbar select { min-height:42px; padding:0 30px 0 12px; border:1px solid #ffffff14; border-radius:5px; background:#191d20; color:#bdc5ca; font-size:12px; }
#profileItems .inventory-panel { padding:0; background:none; border:0; }
#profileItems .section-heading h2 { font-size:17px; }
#profileItems .inventory-grid { grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); gap:12px; }
#profileItems .skin-card { border-radius:6px; background:#1a1e21; }
#profileItems .skin-art { background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 14%,#1b2023),#1b2023 70%); }
.history-columns,.history-entry { display:grid; grid-template-columns:200px minmax(0,1fr) 158px; gap:22px; }
.history-columns { padding:0 18px 12px; color:#77848c; font-size:10px; }
.history-columns > :last-child { text-align:right; }
.history-entry { padding:20px 18px; border-top:1px solid #ffffff0c; align-items:start; }
.history-entry:nth-child(odd) { background:#ffffff02; }
.history-entry:hover { background:#ffffff04; }
.history-event { display:flex; align-items:center; gap:12px; min-width:0; }
.history-icon { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:6px; color:#9dccdf; background:#7bcce510; }
.history-icon.event-zap { color:#c0a3f1; background:#c0a3f110; }
.history-icon.event-coins,.history-icon.event-wallet { color:#bce689; background:#bce68910; }
.history-icon.event-fingerprint { color:#f0b2be; background:#f0b2be10; }
.history-event > div { display:grid; gap:7px; min-width:0; }
.history-event strong { font-size:12px; }
.history-event time { font-size:10px; color:#88949c; line-height:1.5; }
.history-content { min-width:0; }
.history-result { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; min-height:24px; margin-bottom:8px; }
.history-result:only-child { margin-bottom:0; }
.history-status { display:inline-flex; align-items:center; gap:6px; font-size:10px; white-space:nowrap; }
.history-status::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; }
.positive { color:#91dfb9; }
.negative { color:#ec96a0; }
.neutral { color:#aab9c3; }
.history-description { font-size:12px; color:#c4cbd0; overflow-wrap:anywhere; }
.history-result small { font-size:10px; color:#939da6; }
.history-drops { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:9px 18px; }
.history-item { display:flex; gap:10px; align-items:center; min-width:0; border-left:2px solid color-mix(in srgb,var(--item-color) 65%,transparent); padding-left:8px; }
.history-item img { width:64px; height:46px; object-fit:contain; flex-shrink:0; }
.history-item > div { display:grid; gap:4px; min-width:0; }
.history-item strong { font-size:11px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.history-item small { color:#a1adb6; font-size:10px; }
.history-cost { text-align:right; display:grid; gap:7px; padding-top:5px; }
.history-cost strong { font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.history-cost small { color:#85919a; font-size:10px; line-height:1.5; }
.history-sources { margin-top:10px; }
.history-sources summary { color:#89979e; font-size:10px; cursor:pointer; padding:6px 0; }
.history-sources[open] summary { margin-bottom:8px; }
.history-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding:20px 0; color:#89959d; font-size:11px; }
.history-pagination > div { display:flex; align-items:center; gap:15px; flex-shrink:0; }
.history-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:14px; margin-bottom:22px; }
.history-card-grid .profile-empty { grid-column:1 / -1; }
.history-drop-card { min-width:0; display:flex; flex-direction:column; background:#1a1e21; border:1px solid #ffffff10; border-bottom:2px solid var(--item-color); border-radius:6px; overflow:hidden; padding:12px; }
.drop-origin { display:flex; align-items:center; gap:6px; color:#95a1ab; font-size:10px; min-height:24px; }
.drop-origin svg { width:13px; height:13px; }
.drop-origin span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.drop-card-art { height:118px; display:grid; place-items:center; margin:0 -12px 12px; background:linear-gradient(145deg,color-mix(in srgb,var(--item-color) 12%,#191e20),#191e20 80%); }
.drop-card-art img { width:92%; height:108px; object-fit:contain; }
.drop-card-name { font-size:12px; font-weight:550; line-height:1.5; min-height:54px; overflow-wrap:anywhere; }
.drop-card-price { font-size:15px; margin:12px 0 8px; color:#d1e8b3; }
.history-drop-card > time { font-size:10px; color:#8997a0; }
.drop-card-status { font-size:10px; line-height:1.5; margin:12px 0; min-height:15px; }
.drop-card-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:auto; }
.drop-card-actions button { display:grid; place-items:center; min-width:0; height:36px; padding:0; background:#242b2e; border:1px solid #ffffff12; border-radius:4px; color:#b7c5cb; }
.drop-card-actions button:hover:not(:disabled) { background:#344138; color:#c2ee75; }
.drop-card-actions button:disabled { opacity:.28; cursor:default; }
.drop-card-actions img,.drop-card-actions svg { width:16px; height:16px; object-fit:contain; }
#historyPage { min-width:35px; text-align:center; font-variant-numeric:tabular-nums; }
.profile-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:250px; text-align:center; padding:30px 12px; }
.profile-empty > svg { width:32px; height:32px; color:#71828b; margin-bottom:8px; }
.profile-empty h3 { font-size:16px; margin:0; font-weight:500; }
.profile-empty p { color:#89969e; font-size:12px; line-height:1.6; }
.profile-settings-title { font-size:17px; font-weight:600; margin:30px 0 0; }
.trade-link { color:#9bd3e3; display:inline-flex; align-items:center; gap:8px; font-size:12px; text-decoration:none; }
.trade-link:hover { text-decoration:underline; }
.trade-link svg { width:14px; }
.withdrawal-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:16px; }
.withdrawal-heading .admin-note { display:flex; align-items:center; gap:9px; margin:0; line-height:1.6; }
.activity-list { display:grid; }
.activity-row { display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); font-size:12px; flex-wrap:wrap; }
.activity-row small { color:var(--muted); min-width:115px; font-size:10px; }
.activity-row strong { flex:1; min-width:130px; overflow-wrap:anywhere; }
.activity-row span { color:#a5afb4; flex:2; min-width:160px; overflow-wrap:anywhere; }
.activity-row b { color:var(--accent); font-size:12px; }
.skin-actions { flex-wrap:wrap; }
.skin-actions .withdraw { color:#8bd6ed; flex-basis:100%; }
@media(max-width:600px) { .skin-actions .mini-button:not(.withdraw) span { display:none; } .skin-actions .mini-button { min-height:34px; } .skin-actions .mini-button svg { width:15px; height:15px; } }
.contract-workbench { border-block:1px solid var(--line); padding:24px 0 30px; }
.contract-slots { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.contract-slot { min-width:0; aspect-ratio:1; border:1px dashed #ffffff20; background:#181d20; border-radius:5px; position:relative; display:grid; place-items:center; }
.contract-slot:disabled { cursor:default; }
.contract-slot span { font-size:24px; color:#394448; }
.contract-slot img { width:95%; height:68%; object-fit:contain; }
.contract-slot small { position:absolute; bottom:8px; font-size:9px; color:var(--accent); }
.contract-summary { display:flex; align-items:center; gap:38px; margin-top:26px; }
.contract-summary > div { display:grid; gap:10px; }
.contract-summary small { color:var(--muted); font-size:10px; }
.contract-summary strong { font-size:20px; }
.contract-summary .primary-button { width:260px; margin-left:auto; }
#contractMessage,#giveawayMessage { margin-top:20px; color:#a8b9aa; font-size:12px; line-height:1.7; }
#contractResult { margin-top:20px; max-width:260px; grid-template-columns:1fr; }
.contract-workbench.is-processing .contract-slots { animation:contract-pulse .6s ease-in-out infinite alternate; }
@keyframes contract-pulse { to { opacity:.35; transform:translateY(-3px); } }
.giveaway-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.giveaway-card { display:grid; justify-items:center; gap:16px; text-align:center; padding:24px; border:1px solid #ffffff12; border-top:2px solid var(--accent); border-radius:6px; background:#181e21; }
.giveaway-card:nth-child(2) { border-top-color:#7bcce5; }
.giveaway-card:nth-child(3) { border-top-color:#f394ab; }
.giveaway-card > img { width:100%; height:160px; object-fit:contain; }
.giveaway-card > small,.giveaway-card p { color:#9ba7ae; font-size:10px; line-height:1.7; }
.giveaway-card h2 { font-size:23px; }
.giveaway-card > b { font-size:28px; font-variant-numeric:tabular-nums; color:var(--accent); }
.admin-tabs { overflow-x:auto; white-space:nowrap; }
.admin-mode #battleView { display:none!important; }
@media(max-width:1200px) { .sidebar { gap:15px; padding-inline:22px; } .nav-tabs { gap:14px; } .nav-tab { font-size:11px; } .brand strong { font-size:24px; } .profile-overview { grid-template-columns:1fr 1fr; } .best-drop { grid-column:1 / -1; max-width:350px; border:0; padding:0; } .case-browser .case-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:850px) { .sidebar { flex-wrap:wrap; padding-top:14px; } .nav-tabs { flex-basis:100%; order:3; justify-content:space-between; min-height:48px; } .case-browser .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .case-browser .case-tile { height:265px; } .case-filters { flex-wrap:wrap; justify-content:end; } .contract-slots { grid-template-columns:repeat(5,minmax(0,1fr)); } .contract-summary { flex-wrap:wrap; gap:24px; } .contract-summary .primary-button { width:100%; } .giveaway-grid { grid-template-columns:1fr; } .giveaway-card { grid-template-columns:1fr 1fr; } .giveaway-card img { grid-row:1 / 5; } .giveaway-card > small:first-child { grid-column:1 / -1; } .giveaway-card h2 { font-size:19px; } .giveaway-card .primary-button { grid-column:1 / -1; } }
@media(max-width:600px) { .sidebar { padding-inline:12px; gap:0 8px; } .sidebar .nav-tabs { gap:5px; } .nav-tab { flex-direction:column; justify-content:center; gap:5px; font-size:9px!important; } .nav-tab svg { width:16px; height:16px; } .nav-tabs { min-height:60px; } .main-area { padding:18px 12px 40px; } .topbar h1 { font-size:25px; } .promo-banner { margin-bottom:25px; } .case-browser .section-heading { align-items:start; flex-direction:column; gap:15px; margin-bottom:20px; } .case-filters { width:100%; flex-wrap:nowrap; } .case-filters select { min-width:0; width:45%; padding-inline:8px; font-size:11px; } .case-browser .case-filters .catalog-search { width:55%; font-size:11px; } .case-browser .case-grid { gap:10px; } .case-browser .case-tile { height:245px; padding:12px; } .case-browser .case-tile strong { font-size:14px; } .case-browser .case-tile span { font-size:13px; padding:7px 12px; } .peni-pack { top:46px; height:94px; left:12%; width:72%; } .peni-pack b { font-size:22px; left:18px; } .case-browser .original-case .case-prize { height:115px!important; top:15px!important; } .case-browser .case-tile img { height:120px!important; } .profile-overview { grid-template-columns:1fr; gap:24px; } .profile-metrics { gap:12px; } .profile-identity h2 { font-size:22px; } .profile-metrics strong { font-size:23px; } .best-drop { grid-column:auto; } .trade-form .field { min-width:100%; } .trade-form .ghost-button { width:100%; } .profile-tabs { gap:24px; } .activity-row { gap:10px; } .activity-row small { width:100%; } .activity-row span { min-width:120px; } .case-hero > img { width:165px; height:170px; } .case-hero h2 { font-size:24px; } .case-hero { min-height:200px; } .contract-slots { gap:5px; } .contract-summary strong { font-size:17px; } .contract-summary small { font-size:9px; } .contract-slot small { font-size:8px; bottom:4px; } }
@media(max-width:360px) { .sidebar .brand strong { font-size:20px; } .sidebar .brand-mark { width:25px; } .sidebar .balance-panel strong { font-size:12px; } .topbar h1 { font-size:21px; } .case-browser .case-tile strong { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .contract-workbench.is-processing .contract-slots { animation:none; } }
@media(max-width:1200px) {
  .profile-highlights .best-drop { grid-column:auto; max-width:none; padding-left:22px; border-left:1px solid var(--line); }
  .history-columns,.history-entry { grid-template-columns:175px minmax(0,1fr) 135px; gap:16px; }
}
@media(max-width:850px) {
  .profile-highlights { grid-template-columns:1fr; gap:22px; }
  .profile-highlights .best-drop { padding:18px 0 0; border-left:0; border-top:1px solid var(--line); grid-template-columns:90px minmax(0,1fr); min-height:90px; }
  .profile-highlights .best-drop img { width:90px; height:72px; }
  .profile-wallet { gap:16px; }
  .profile-wallet strong { font-size:23px; }
  .profile-identity h2 { font-size:25px; }
  .history-columns { display:none; }
  .history-entry { grid-template-columns:minmax(0,1fr) 140px; gap:16px 10px; }
  .history-event { grid-column:1; grid-row:1; }
  .history-cost { grid-column:2; grid-row:1; }
  .history-content { grid-column:1 / -1; }
}
@media(max-width:600px) {
  .profile-overview { align-items:stretch; flex-direction:column; padding:12px 0 24px; gap:24px; }
  .profile-avatar { width:64px; height:64px; font-size:28px; }
  .profile-identity h2 { font-size:25px; }
  .profile-identity p { font-size:11px; }
  .profile-wallet { justify-content:space-between; padding-top:20px; border-top:1px solid var(--line); }
  .profile-wallet button { min-height:40px; }
  .profile-metrics { gap:9px; }
  .profile-metrics div { padding-left:10px; }
  .profile-metrics strong { font-size:21px; }
  .profile-metrics small { font-size:10px; }
  .profile-tabs { gap:0; justify-content:space-between; margin-top:0; }
  .profile-tabs button { font-size:11px; gap:5px; padding-block:14px; }
  .profile-tabs button svg { width:13px; height:13px; }
  .profile-tabs button > span { display:none; }
  .profile-toolbar { gap:8px; }
  .profile-search { min-width:0; flex-basis:100%; max-width:none; }
  .profile-toolbar select { flex:1; min-width:0; padding-right:8px; font-size:11px; }
  #profileItems .inventory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .history-entry { padding:18px 10px; grid-template-columns:minmax(0,1fr) 118px; }
  .history-icon { width:30px; height:34px; }
  .history-event { gap:8px; }
  .history-event time { font-size:9px; }
  .history-cost strong { font-size:13px; }
  .history-cost small { font-size:9px; }
  .history-drops { grid-template-columns:1fr; }
  .history-item img { width:70px; height:48px; }
  .history-pagination { font-size:10px; align-items:start; }
  #historyCount { max-width:165px; line-height:1.7; }
  .history-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .history-drop-card { padding:10px; }
  .drop-card-art { margin-inline:-10px; height:104px; }
  .drop-card-art img { height:94px; }
  .drop-card-name { font-size:11px; min-height:66px; }
  .drop-card-status { font-size:9px; }
  .drop-card-actions { gap:5px; }
}
@media(max-width:480px) {
  .live-bar { grid-template-columns:78px minmax(0,1fr) 77px; }
  .live-caption { display:grid; gap:6px; padding:8px 6px; }
  .live-caption strong { font-size:8px; }
  .live-caption small { font-size:8px; }
  .online-indicator { gap:5px; }
  .online-indicator strong { font-size:13px; }
  .online-indicator small { font-size:8px; }
}

.admin-mode .main-area { max-width:1720px; }
#adminView.is-active { display:grid!important; grid-template-columns:195px minmax(0,1fr); gap:28px; }
#adminView .admin-session-bar { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:0 0 22px; border-bottom:1px solid var(--line); }
.admin-session-bar > div { display:flex; align-items:center; gap:14px; min-width:0; }
.admin-session-bar strong { font-size:15px; font-weight:600; }
.admin-environment { color:#a6b5bb; font-size:10px; border-left:1px solid #ffffff18; padding-left:14px; }
.admin-session-bar a { text-decoration:none; }
#adminView .admin-tabs { grid-column:1; grid-row:2; position:sticky; top:20px; display:flex; flex-direction:column; align-self:start; gap:6px; padding:0; margin:0; border:0; overflow:visible; }
#adminView .admin-tabs button { display:flex; align-items:center; gap:10px; text-align:left; white-space:normal; line-height:1.5; min-height:45px; background:transparent; border:0; border-left:2px solid transparent; padding:10px 12px; font-size:12px; color:#91a0a8; }
#adminView .admin-tabs button[aria-selected=true] { border-left-color:#c2ee75; background:#c2ee7509; color:#c2ee75; }
#adminView .admin-tabs button:hover { background:#ffffff05; }
#adminView .admin-tabs svg { width:17px; height:17px; }
#adminView .admin-pane { grid-column:2; grid-row:2; min-width:0; padding-bottom:25px; }
#adminView .section-heading h2 { font-size:17px; color:#e1e8eb; font-weight:600; }
#adminView .section-heading h2 small { font-size:12px; color:#81949e; }
#adminView .stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; }
#adminView .stat-card { background:#1a1f22; border-color:#ffffff0b; border-radius:5px; padding:20px; }
#adminView .stat-card small { font-size:11px; color:#b0bcc1; }
#adminView .stat-card strong { font-size:30px; color:#eef3f4; }
#adminView .stat-card:nth-child(3) strong { color:#91dfb9; }
#adminView .stat-card:nth-child(6) strong { color:#9ad5e9; }
#adminView .stat-card span { line-height:1.6; color:#84959f; }
#adminView .analytics-columns { gap:25px; padding-block:24px; border-bottom:1px solid var(--line); }
#adminView .analytics-columns > section { background:transparent; border:0; padding:0; border-radius:0; }
#adminView .traffic-chart { min-height:180px; border-bottom:1px solid #ffffff14; }
#adminView .traffic-day i { background:#85bdb0; max-width:28px; border-radius:3px 3px 0 0; }
.admin-auto-refresh { display:flex; align-items:center; gap:7px; font-size:11px; color:#9bacb5; margin-left:auto; }
.admin-auto-refresh input { accent-color:#c2ee75; }
#adminView .profile-toolbar { margin:12px 0 18px; }
#adminView .profile-toolbar .profile-search { max-width:360px; }
#adminView .admin-table-wrap { border:1px solid #ffffff0c; border-radius:5px; overflow-x:auto; }
#adminView .admin-table { width:100%; margin:0; }
#adminView .admin-table th { background:#1c2226; color:#98abb5; padding:13px; font-size:10px; font-weight:500; }
#adminView .admin-table td { padding:11px 13px; font-size:11px; border-bottom:1px solid #ffffff09; }
#adminView .admin-table tr:hover td { background:#ffffff03; }
.admin-table-empty { text-align:center; height:110px; color:#81969f; }
#adminView .admin-controls { position:sticky; top:0; z-index:2; padding:16px 0; margin:0; background:#101214; border-block:1px solid #ffffff0b; gap:10px; }
#adminView .admin-controls .field:first-child { flex:1; min-width:180px; }
#adminView .admin-controls .field:nth-child(2) { max-width:125px; min-width:100px; }
#adminView .admin-controls button { font-size:11px; }
#adminView .admin-controls .primary-button { display:flex; align-items:center; gap:8px; padding:10px 14px; }
#adminView .admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:24px 0; border:0; background:transparent; }
.admin-metrics > div { display:flex; flex-direction:column; gap:9px; }
.admin-metrics small { font-size:10px; color:#99aab3; }
.admin-metrics strong { color:#d0e6b3; font-size:23px; font-weight:550; }
.admin-metrics.invalid strong { color:#ec9ca4; }
#adminView .promo-settings { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding:24px 0; border:0; background:none; }
#adminView .promo-settings .toggle-field,#adminView .promo-settings > p { grid-column:1 / -1; }
#adminView .promo-settings .primary-button { justify-self:start; display:flex; align-items:center; gap:8px; }
.withdraw-admin-row { display:grid; grid-template-columns:minmax(150px,1fr) 90px 150px auto; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); font-size:11px; }
.withdraw-admin-meta { display:grid; gap:8px; min-width:0; }
.withdraw-admin-meta strong { font-weight:500; overflow-wrap:anywhere; }
.withdraw-admin-meta small { font-size:10px; color:#8296a0; }
.withdraw-admin-actions { display:flex; gap:7px; }
.withdraw-admin-actions button { padding:8px; background:#242b2d; border:1px solid var(--line); border-radius:4px; }
.withdraw-status { font-size:10px; line-height:1.5; color:#adb9c0; }
.withdraw-status[data-status=queued],.withdraw-status[data-status=review] { color:#e4ce88; }
.withdraw-status[data-status=sandbox_complete] { color:#95d3af; }
.withdraw-status[data-status=rejected] { color:#eaa0a8; }
.release-status { margin:12px 0 24px; padding:17px 18px; background:#dbae6410; border-left:3px solid #dbae64; color:#e5cda6; font-size:12px; line-height:1.7; }
.release-check { display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); }
.release-check > div { display:grid; gap:6px; flex:1; }
.release-check strong { font-size:12px; font-weight:550; }
.release-check span { color:#93a3ad; font-size:11px; line-height:1.6; }
.release-check > small { font-size:10px; color:#d4b885; flex-shrink:0; }
.release-check > svg { color:#b29d76; }
.release-check[data-status=ready] > svg,.release-check[data-status=ready] > small { color:#8ed2b0; }
#settingsAudit { color:#81969f; font-size:12px; }
.profile-setting-section { display:grid; grid-template-columns:220px minmax(0,1fr); gap:30px; padding:25px 0 30px; border-bottom:1px solid var(--line); }
.profile-setting-section h3 { margin:0 0 10px; font-size:16px; font-weight:550; }
.profile-setting-section > div > p { font-size:11px; color:#8ba09c; line-height:1.7; }
.profile-setting-form { display:flex; align-items:end; gap:12px; flex-wrap:wrap; max-width:660px; }
.profile-setting-form .field { flex:1; min-width:180px; }
.profile-setting-form input { width:100%; }
.profile-setting-form > p { flex-basis:100%; color:#a4d2b2; font-size:11px; min-height:16px; }
.profile-setting-section .trade-form { padding:0 0 14px; flex-wrap:wrap; gap:10px; }
.profile-setting-section .trade-form .field { min-width:180px; }
.profile-setting-section .trade-form .icon-button { height:40px; width:40px; }
.admin-login-page .auth-box { border:1px solid #ffffff14; border-top:2px solid #c2ee75; background:#191e21; border-radius:6px; padding:34px; }
.admin-login-page .auth-box h1 { font-size:24px; line-height:1.4; margin:24px 0; }
@media(max-width:1000px) {
  #adminView.is-active { grid-template-columns:155px minmax(0,1fr); gap:18px; }
  #adminView .admin-tabs button { padding:10px 7px; font-size:11px; }
  .admin-session-bar > div:first-child { align-items:start; flex-direction:column; gap:8px; }
  .admin-environment { padding:0; border:0; }
  .withdraw-admin-row { grid-template-columns:minmax(0,1fr) 90px; gap:12px; }
  .withdraw-admin-actions { justify-content:end; }
  #adminView .stat-card { padding:15px; }
  #adminView .stat-card strong { font-size:24px; }
  .profile-setting-section { grid-template-columns:170px minmax(0,1fr); gap:20px; }
}
@media(max-width:700px) {
  #adminView.is-active { grid-template-columns:minmax(0,1fr); gap:20px; }
  #adminView .admin-tabs { grid-column:1; grid-row:2; position:static; flex-direction:row; overflow-x:auto; padding-bottom:4px; gap:4px; }
  #adminView .admin-tabs button { flex-direction:column; justify-content:center; min-width:78px; gap:5px; border-left:0; border-bottom:2px solid transparent; font-size:9px; text-align:center; }
  #adminView .admin-tabs button[aria-selected=true] { border-bottom-color:#c2ee75; }
  #adminView .admin-pane { grid-column:1; grid-row:3; }
  #adminView .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #adminView .section-heading h2 { font-size:15px; }
  #adminView .analytics-columns { grid-template-columns:1fr; }
  #adminView .admin-controls { position:static; }
  #adminView .admin-metrics { gap:9px; }
  .admin-metrics strong { font-size:18px; }
  .admin-auto-refresh { margin-left:0; }
  #adminView .promo-settings { grid-template-columns:1fr; }
  .profile-setting-section { grid-template-columns:1fr; gap:18px; }
  .profile-setting-section .trade-form .field { min-width:100%; }
  .profile-setting-section .trade-form .ghost-button { flex:1; width:auto; }
  .release-check { gap:10px; }
  .release-check span { font-size:10px; }
  .release-check > small { font-size:9px; }
}