:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f8fb;background:#06101a}
*{box-sizing:border-box}body{margin:0;background:#06101a;color:#f5f8fb}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.hero{padding:58px 0 34px;border-bottom:1px solid #183046;background:radial-gradient(circle at 12% 0%,rgba(41,229,175,.20),transparent 33%),radial-gradient(circle at 88% 0%,rgba(77,123,255,.19),transparent 30%),#06101a}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#65e7c0}h1{margin:10px 0 8px;font-size:clamp(40px,7vw,72px);line-height:.96}h1 span{color:#6de8c5}.hero p{color:#9eafc0;font-size:18px}
.top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.metric{padding:16px;background:rgba(10,26,42,.82);border:1px solid #24435e;border-radius:16px}.metric span{display:block;color:#8498ab;font-size:12px}.metric strong{display:block;margin-top:5px;font-size:24px}
main{padding:28px 0 70px}.control-panel,.status-panel,.howto{background:#0b1928;border:1px solid #1b344b;border-radius:18px;padding:18px;margin-bottom:16px}.control-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.control-head h2{margin:0}.control-head p{margin:5px 0 0;color:#8699ab;font-size:13px}.secondary{background:#132942;color:#acd1ee;border:1px solid #294967}button{background:#3de0b1;color:#062118;border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer}
.settings{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.settings.hidden{display:none}.settings label{padding:12px;background:#07131f;border-radius:12px}.settings label span{display:block;color:#8498aa;font-size:11px;margin-bottom:7px}.settings input{width:86px;background:#081725;color:white;border:1px solid #294760;border-radius:8px;padding:8px}
.status-panel>strong{display:block;margin-bottom:10px}.status-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #162d42}.status-row:first-child{border-top:0}.dot{width:9px;height:9px;border-radius:50%;background:#556879}.dot.ok{background:#54ddb8}.dot.warning{background:#ffd06d}.dot.disabled{background:#637181}.status-row small{color:#8195a8}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{background:#11253a;color:#91abc1;border:1px solid #25435f;padding:8px 11px}.tab.active{background:#15463b;color:#76eacb;border-color:#287160}#displayCount{color:#8599aa;font-size:12px}
.scanner-list{display:grid;gap:14px}.scan-card{display:grid;grid-template-columns:96px 1fr 300px;gap:18px;background:#0b1928;border:1px solid #1c344b;border-radius:18px;padding:16px}.scan-card.profit{border-color:#2e7664;box-shadow:0 0 0 1px rgba(61,224,177,.08)}.game-image{width:96px;height:96px;object-fit:contain;background:#07131f;border-radius:12px}.image-placeholder{width:96px;height:96px;display:grid;place-items:center;background:#07131f;border-radius:12px;color:#486176;font-size:11px;text-align:center}
.game-title{margin:2px 0 5px;font-size:19px}.meta{color:#8295a7;font-size:12px}.offers{display:grid;gap:6px;margin-top:12px}.offer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#07131f;border-radius:10px}.offer-left{min-width:0}.offer-left strong{font-size:13px}.offer-left small{display:block;color:#7890a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.offer-price{text-align:right}.offer-price strong{display:block}.offer-price small{color:#6ee7c5}.profit-box{background:#07131f;border-radius:14px;padding:14px}.profit-box .label{color:#8598aa;font-size:11px}.profit-big{font-size:29px;font-weight:900;margin:4px 0}.profit-big.positive{color:#69e7c3}.profit-big.negative{color:#ff9f9f}.profit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.profit-grid>div{background:#0d1e2f;border-radius:10px;padding:9px}.profit-grid span{display:block;color:#7f93a5;font-size:10px}.profit-grid strong{display:block;margin-top:3px}.buyback-btn{width:100%;margin-top:11px}.warning{margin-top:8px;color:#e7c274;font-size:11px}.empty{padding:36px;text-align:center;background:#0b1928;border:1px dashed #2b455d;border-radius:18px;color:#879bad}
.howto h2{margin-top:0}.howto li{margin:7px 0;color:#a9b8c6}.howto code{color:#78e4c6}
.modal{position:fixed;inset:0;z-index:999;background:rgba(1,7,12,.78);display:grid;place-items:center;padding:18px}.modal.hidden{display:none}.modal-card{width:min(560px,100%);background:#0b1928;border:1px solid #294760;border-radius:20px;padding:20px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-head h2{margin:0}.modal-head p{margin:5px 0;color:#a9b9c7}.modal-head small{color:#7890a3}.icon{width:38px;height:38px;border-radius:50%;padding:0;background:#142b42;color:#bad1e3;font-size:22px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px;background:#07131f;border-radius:12px}.field span{font-weight:700}.field input{width:130px;background:#0c1d2d;color:white;border:1px solid #2c4b66;border-radius:9px;padding:9px}.external-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.external-links a{color:#6de7c4}.notice{margin-top:16px;padding:11px;border-radius:10px;background:#302611;color:#e9cb83;font-size:12px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:900px){.settings{grid-template-columns:repeat(2,1fr)}.scan-card{grid-template-columns:72px 1fr}.game-image,.image-placeholder{width:72px;height:72px}.profit-box{grid-column:1/-1}}@media(max-width:620px){.top-grid{grid-template-columns:1fr}.control-head,.toolbar{align-items:stretch;flex-direction:column}.settings{grid-template-columns:1fr}.scan-card{grid-template-columns:1fr}.game-image,.image-placeholder{width:100%;height:160px}.offer{align-items:flex-start}.profit-grid{grid-template-columns:1fr 1fr}}

.brand-sub{display:inline-block;margin-top:4px;padding:5px 9px;border:1px solid #24526a;border-radius:999px;color:#86cfd3;font-size:10px;letter-spacing:.12em}
.item-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.mini-action{padding:7px 6px;font-size:10px;background:#10253a;color:#a6bdcf;border:1px solid #27425a}
.mini-action.buy{background:#194c3f;color:#7ce8ca;border-color:#2e725f}
.state-badge{display:inline-block;margin-left:8px;padding:3px 6px;border-radius:999px;font-size:10px;background:#24374b;color:#b7c7d5}
.state-badge.bought{background:#16493d;color:#77e2c4}.state-badge.watch{background:#3d3517;color:#efd36e}.state-badge.skip{background:#3d2020;color:#eaa0a0}

.drop-badge{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:#4a241d;color:#ffad8d;font-size:10px;font-weight:800}
.auto-badge{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:#183449;color:#91c9ee;font-size:10px}
.history-note{margin-top:6px;color:#8ca0b2;font-size:11px}

.category-badge{display:inline-block;padding:3px 6px;border-radius:999px;background:#20384f;color:#a7cae6;font-size:10px;font-weight:800}
.category-tab.active{background:#293852;color:#c8dcf0;border-color:#47647f}

.auto-setting-panel{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;margin-bottom:4px;border:1px solid #2c5b54;border-radius:12px;background:#112f2b}
.auto-setting-panel strong{color:#77e2c4;font-size:14px}
.auto-setting-panel p{margin:4px 0 0;color:#91a9b6;font-size:11px}
.auto-setting-actions{display:flex;gap:8px;flex-shrink:0}
.auto-setting-example{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-radius:10px;background:#101e2a;color:#8da8b9;font-size:11px}
.auto-setting-example strong{color:#c4d8e6}
.auto-setting-example span{padding:4px 7px;border-radius:999px;background:#182c3c}
.setting-field input:disabled{opacity:.48;cursor:not-allowed;background:#111b24}
.auto-judge-badge{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#17483e;color:#83e9ce;font-size:9px;vertical-align:middle}
.auto-criteria{margin:7px 0 9px;padding:7px 8px;border-radius:8px;background:#102923;color:#7fc9b6;font-size:10px;line-height:1.45}
@media(max-width:700px){
  .auto-setting-panel{align-items:flex-start;flex-direction:column}
  .auto-setting-actions{width:100%}
  .auto-setting-actions button{flex:1}
}

.price-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.manual-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-note{color:#91a5b7;font-size:11px;line-height:1.6}
.official-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.official-links a{padding:8px 10px;border:1px solid #29445b;border-radius:8px;background:#112536;color:#a9cee8;text-decoration:none;font-size:11px}
.modal-sub{color:#8ca5b8;font-size:11px;margin-top:3px}
@media(max-width:700px){.manual-price-grid{grid-template-columns:1fr}.price-action-row{grid-template-columns:1fr 1fr}}

.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.version-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#18384b;color:#9bd8ee;font-size:11px;font-weight:800}

.auto-buyback-strip{margin:8px 0;padding:8px 9px;border-radius:8px;background:#14362f;color:#82dfc6;font-size:10px;line-height:1.5}

.scan-card.point-profit{border-color:#725d23;box-shadow:0 0 0 1px rgba(231,190,79,.10)}
.point-benefit-line{margin:8px 0;padding:8px 10px;border-radius:8px;background:#302a13;color:#efd77f;font-size:10px;line-height:1.5}
