.quick-main { display:flex; min-height:100dvh; align-items:center; }
.quick-shell { width:min(1020px,100%); min-width:0; margin:0 auto; }
.quick-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; min-width:0; margin-bottom:20px; }
.quick-heading>div { min-width:0; }
.quick-heading h1 { margin:0 0 7px; color:#4e403c; font-size:clamp(30px,4vw,42px); line-height:1.08; letter-spacing:-.03em; }
.quick-heading p,.quick-query-copy p,.quick-result-head p,.quick-full-skins p,.quick-detail-heading p { margin:0; color:#756964; }
.quick-query { display:grid; grid-template-columns:minmax(170px,.7fr) minmax(380px,1.3fr); gap:22px 30px; align-items:center; padding:24px 26px 18px; border-radius:14px; background:#fffdfb; box-shadow:0 12px 32px rgba(95,75,68,.09); }
.quick-query-copy h2,.quick-result h2,.quick-full-skins h3,.quick-detail-heading h3 { margin:0 0 5px; color:#4e403c; }
.quick-query-copy h2,.quick-result-head h2 { font-size:21px; }
.quick-form { display:grid; grid-template-columns:1fr auto; }
.quick-form input { min-width:0; min-height:48px; padding:12px 15px; border:1px solid rgba(103,82,75,.18); border-radius:12px 0 0 12px; background:#f8fcfa; color:#4e403c; font-size:16px; caret-color:#765e56; }
.quick-form input:focus { z-index:1; outline:0; border-color:#765e56; box-shadow:0 0 0 4px rgba(118,94,86,.13); }
.quick-form button { min-height:48px; padding:12px 22px; border-radius:0 12px 12px 0; }
.quick-quota { grid-column:2; margin:-12px 0 0; color:#756964; font-size:13px; }
.quick-state { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:13px 16px; border-radius:12px; color:#59443e; background:#dfeee8; }
.quick-state.error { color:#8a3240; background:#fff0f1; }
.quick-state button { flex:0 0 auto; min-height:36px; padding:7px 12px; }
.quick-loading,.quick-result { margin-top:18px; padding:24px 26px; border-radius:14px; background:#fffdfb; box-shadow:0 14px 38px rgba(95,75,68,.1); }
.quick-loading[hidden],.quick-result[hidden] { display:none; }
.quick-skeleton-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:20px; }
.quick-skeleton-head span:first-child { width:34%; height:34px; }
.quick-skeleton-head span:last-child { width:22%; height:62px; }
.quick-skeleton-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; padding:20px 0; border-block:1px solid rgba(103,82,75,.1); }
.quick-skeleton-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; padding-top:22px; }
.quick-skeleton-head span,.quick-skeleton-metrics span,.quick-skeleton-list span { position:relative; display:block; overflow:hidden; height:54px; border-radius:8px; background:#dce9e4; }
.quick-skeleton-list span { height:92px; }
.quick-skeleton-head span::after,.quick-skeleton-metrics span::after,.quick-skeleton-list span::after { content:""; position:absolute; inset:0; transform:translateX(-110%); background:linear-gradient(90deg,transparent,rgba(255,253,251,.88),transparent); animation:quick-shimmer 1.3s linear infinite; }
@keyframes quick-shimmer { to { transform:translateX(110%); } }
.quick-result-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:20px; }
.quick-result-meta { display:flex; align-items:center; gap:20px; }
.quick-zone { min-width:170px; text-align:right; }
.quick-zone span { display:block; margin-bottom:3px; color:#756964; font-size:12px; }
.quick-zone strong { color:#4e403c; font-size:15px; }
.quick-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); padding:5px 0; border-block:1px solid rgba(103,82,75,.12); }
.quick-full-skins { display:grid; grid-template-columns:190px 1fr; gap:24px; align-items:start; padding:22px 0; border-bottom:1px solid rgba(103,82,75,.12); }
.quick-full-skins h3,.quick-detail-heading h3 { font-size:17px; }
.quick-full-skins p,.quick-detail-heading p { font-size:12px; line-height:1.55; }
.quick-hero-list { display:flex; flex-wrap:wrap; gap:8px 16px; min-height:30px; color:#756964; }
.quick-hero-list>span { display:inline-flex; align-items:center; min-height:30px; color:#59443e; font-size:13px; font-weight:700; }
.quick-hero-list .skin-empty { width:100%; justify-content:flex-start; }
.quick-skin-details { padding-top:22px; }
.quick-detail-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.quick-detail-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; align-items:start; }
.quick-rarity-group { min-width:0; }
.quick-rarity-group .skin-name-list { margin-top:10px; }
.quick-rarity-group .skin-name-list li { padding:7px 0; border-top:1px solid rgba(103,82,75,.1); color:#594e49; font-size:13px; line-height:1.5; }
.quick-rarity-group .skin-empty { border-top:1px solid rgba(103,82,75,.1); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.camp-login-overlay { display:none; position:fixed; inset:0; z-index:10050; align-items:center; justify-content:center; padding:18px; background:rgba(78,64,60,.48); backdrop-filter:blur(3px); }
.camp-login-overlay.visible { display:flex; }
.camp-login-card { width:min(390px,100%); padding:24px; border-radius:14px; background:#fffdfb; box-shadow:0 24px 70px rgba(78,64,60,.22); text-align:center; }
.camp-login-card h3 { margin:0 0 8px; }
.camp-login-card p { margin:8px 0 14px; color:#756964; line-height:1.55; }
.camp-login-card img { display:block; width:230px; max-width:80vw; margin:8px auto; border-radius:12px; }
.camp-login-card img:not([src]) { display:none; }
.camp-login-actions { display:flex; gap:10px; margin-top:16px; }
.camp-login-actions button { flex:1; }
::selection { color:#fffdfb; background:#765e56; }
@media (max-width:760px) {
    .quick-main { min-height:auto; align-items:flex-start; }
    .quick-heading { align-items:flex-start; margin:4px 2px 16px; }
    .quick-heading h1 { font-size:29px; }
    .quick-heading p { max-width:22em; font-size:13px; }
    .quick-heading .button { min-height:44px; padding:8px 11px; white-space:nowrap; }
    .quick-query { grid-template-columns:1fr; gap:15px; padding:20px 18px 16px; }
    .quick-form { grid-template-columns:1fr; gap:9px; }
    .quick-form input,.quick-form button { border-radius:12px; }
    .quick-quota { grid-column:1; margin:-5px 0 0; line-height:1.5; }
    .quick-loading,.quick-result { padding:19px 18px; }
    .quick-skeleton-metrics,.quick-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    .quick-skeleton-metrics span:last-child,.quick-detail-grid>*:last-child { grid-column:1 / -1; }
    .quick-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .quick-metrics .rare-metric:last-child { grid-column:auto; }
    .quick-skeleton-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .quick-result-head { align-items:flex-start; }
    .quick-result-meta { flex-direction:column; align-items:flex-end; gap:10px; }
    .quick-zone { min-width:0; }
    .quick-full-skins { grid-template-columns:1fr; gap:12px; }
    .quick-detail-heading { align-items:flex-start; flex-direction:column; gap:4px; }
}
@media (max-width:420px) {
    .quick-heading p { display:none; }
    .quick-result-head { gap:14px; }
    .quick-result-meta { min-width:112px; }
}
@media (prefers-reduced-motion:reduce) {
    .quick-skeleton-head span::after,.quick-skeleton-metrics span::after,.quick-skeleton-list span::after { animation:none; }
}