@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=Barlow:wght@500;600;700&display=swap";:root{--case-red:#c8102e;--case-red-key-strip:#9e0c25;--case-red-key-strip-edge:#e5304d;--key-wine:#6e0a1c;--case-red-edge-shadow:#8e0b21;--bezel-grey:#dadce0;--screen:#12161c;--screen-camera:#0a0d11;--panel:#1b222c;--panel-border:#2a3340;--progress-track:#0b0e12;--screen-text:#e8ecef;--screen-text-muted:#a8b0bc;--key-blue:#2ca6ff;--key-blue-text:#0b1b2b;--key-yellow:#f5c518;--key-yellow-text:#1a1400;--price-green:#5be08a;--chip-bg:#2a3340;--accent-base-set:#ff7a4d;--accent-jungle:#5be08a;--accent-fossil:#e0b24a;--accent-151:#5fb6ff;--card-tint-purple:#b08cf0;--card-tint-blue:#5fb6ff;--card-tint-orange:#ff7a4d;--card-tint-tan:#d69a5a;--card-tint-yellow:#f5c518;--font-display:"Chakra Petch", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--radius-key:10px;--radius-screen:8px;--radius-bezel:16px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%}html,body{overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}body{background:var(--case-red);color:var(--screen-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}#root{height:100%;overflow:hidden}button,input,select{font-family:inherit}a{color:inherit}.case{background:var(--case-red);max-width:720px;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.header-row{padding:calc(14px + env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.header-row__left,.header-row__right{align-items:center;gap:8px;min-width:44px;display:flex}.header-row__right{justify-content:flex-end}.header-link{color:var(--screen-text);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 2px;font-size:14px;font-weight:600;display:inline-flex}.header-btn{background:var(--key-wine);min-width:36px;min-height:36px;color:var(--screen-text);font-family:var(--font-display);cursor:pointer;box-shadow:0 2px 0 var(--case-red-edge-shadow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.header-btn:active{box-shadow:0 1px 0 var(--case-red-edge-shadow);transform:translateY(1px)}.brand{font-family:var(--font-display);letter-spacing:.12em;color:#ffffffd9;font-size:13px;font-weight:700}.brand-logo{width:auto;height:28px;display:block}.help-key{background:var(--key-wine);width:36px;height:36px;color:var(--screen-text);cursor:pointer;box-shadow:0 3px 0 var(--case-red-edge-shadow);font-family:var(--font-display);border:none;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.bezel{background:var(--bezel-grey);border-radius:var(--radius-bezel);border-bottom:3px solid var(--case-red-edge-shadow);flex:1;min-width:0;min-height:0;margin:0 12px;padding:8px;display:flex}.screen{background:var(--screen);border-radius:var(--radius-screen);overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-width:0;min-height:0;padding:14px;display:flex;overflow-y:auto}.screen--camera{background:var(--screen-camera)}.key-strip{padding:12px 16px calc(18px + env(safe-area-inset-bottom));background:var(--case-red-key-strip);border-top:2px solid var(--case-red-key-strip-edge);gap:10px;margin-top:8px;display:flex}.key{appearance:none;border-radius:var(--radius-key);min-height:44px;font-family:var(--font-display);cursor:pointer;color:var(--screen-text);background:var(--chip-bg);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform 50ms;display:inline-flex;box-shadow:0 3px #00000059}.key:active{transform:translateY(2px);box-shadow:0 1px #00000059}.key:disabled{opacity:.4;cursor:not-allowed}.key--blue{background:var(--key-blue);color:var(--key-blue-text)}.key--yellow{background:var(--key-yellow);color:var(--key-yellow-text)}.key--wine{background:var(--key-wine);color:var(--screen-text)}.key--tab{letter-spacing:.04em;flex-direction:column;flex:1;min-height:52px;font-size:11px}.key--full{width:100%}.key--chip{min-height:36px;font-family:var(--font-body);padding:7px 12px;font-size:13px;font-weight:600}.key--chip.key--selected{background:var(--key-blue);color:var(--key-blue-text)}.label-caps{letter-spacing:.08em;text-transform:uppercase;color:var(--screen-text-muted);font-size:12px;font-weight:700;font-family:var(--font-body)}.heading{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700}.subheading{font-family:var(--font-display);margin:0;font-size:16px;font-weight:600}.muted{color:var(--screen-text-muted)}.price-green{color:var(--price-green)}.disclaimer{color:var(--screen-text-muted);font-size:11px;line-height:1.4}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px}.progress-track{background:var(--progress-track);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--key-blue);border-radius:999px;height:100%;transition:width .3s}.set-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:4px;width:100%;display:flex}.set-row:last-child{border-bottom:none}.set-row__main{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:10px 0;display:flex}.star-btn{width:40px;height:40px;color:var(--screen-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.set-emblem{width:44px;height:44px;font-family:var(--font-display);color:#0b0e12;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.set-row__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.set-row__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.set-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.set-count{color:var(--screen-text-muted);flex-shrink:0;font-size:12px}.search-row{gap:8px;display:flex}.search-field{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{min-width:0;color:var(--screen-text);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-size:16px}.search-field input::placeholder{color:var(--screen-text-muted)}.search-field--focused{border-color:var(--key-blue)}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zoom-keys{gap:6px;margin-left:auto;display:flex}.zoom-key{background:var(--chip-bg);width:36px;height:36px;color:var(--screen-text);cursor:pointer;border:none;border-radius:8px;font-size:16px;font-weight:700}.zoom-key:disabled{opacity:.35;cursor:not-allowed}.card-grid{touch-action:pan-y;gap:10px;min-width:0;display:grid}.card-slot{aspect-ratio:5/7;cursor:pointer;text-align:left;color:inherit;background:var(--panel);border:none;border-radius:10px;flex-direction:column;padding:8px;display:flex}.card-slot--owned{border:2px solid var(--slot-tint,var(--key-blue))}.card-slot--missing{border:2px dashed var(--panel-border);background:#151a22}.card-slot__number{font-family:var(--font-display);color:var(--screen-text-muted);font-size:12px;font-weight:700}.card-slot__art{background:var(--slot-tint,var(--panel-border));opacity:.85;border-radius:6px;flex:1;width:100%;margin:6px 0;display:block}.card-slot__art--missing{filter:grayscale()brightness(.55)contrast(.95);opacity:.75}.card-slot__name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.card-slot__meta{color:var(--screen-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.card-slot__missing-label{letter-spacing:.06em;color:var(--screen-text-muted);font-size:10px;font-weight:700}.camera-guide{aspect-ratio:230/322;border:3px solid var(--key-blue);border-radius:14px;width:230px;max-width:70%;margin:0 auto}.camera-screen-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 12px;display:flex}.shutter{background:var(--key-yellow);cursor:pointer;border:4px solid #fff9;border-radius:50%;width:64px;height:64px}.round-key{background:var(--chip-bg);width:44px;height:44px;color:var(--screen-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.scan-keystrip{justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.guide-shine-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.guide-shine-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:10px;padding:10px}.guide-mini-card{aspect-ratio:5/7;background:#2a3340;border-radius:6px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.guide-mini-card__art{background:#3a4556;border-radius:4px;position:absolute;inset:14% 10% 34%}.guide-shine-sheen{opacity:.8;background:linear-gradient(120deg,#ffd9a0,#a0e0ff,#d9a0ff)}.guide-shine-sheen--full{position:absolute;inset:0}.guide-rarity-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:14px;padding:10px 0;display:flex}.guide-rarity-row:last-child{border-bottom:none}.guide-rarity-icon{flex-shrink:0;justify-content:center;align-items:center;width:56px;display:flex}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay__panel{background:var(--case-red);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:720px;max-height:88vh;display:flex;overflow:hidden}.filter-section{flex-direction:column;gap:8px;display:flex}.segmented{background:var(--chip-bg);border-radius:10px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--screen-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.segmented button.key--selected{background:var(--key-blue);color:var(--key-blue-text)}.type-dot{border-radius:50%;width:8px;height:8px;display:inline-block}select.key{appearance:none;font-size:16px}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.empty-state{text-align:center;color:var(--screen-text-muted);padding:40px 12px}.match-row{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.match-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;cursor:pointer;width:calc(33.3333% - 6.66667px);min-width:96px;color:inherit;border-radius:8px;flex-shrink:0;padding:6px}.match-card__art{aspect-ratio:5/7;background:var(--panel-border);border-radius:4px;width:100%;margin-bottom:4px}.match-card__label{color:var(--screen-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.match-card__number{color:var(--screen-text-muted);font-size:10px}.toggle-pair{background:var(--chip-bg);border-radius:8px;padding:2px;display:inline-flex}.toggle-pair button{color:var(--screen-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.toggle-pair button.key--selected{background:var(--key-blue);color:var(--key-blue-text)}.tag{background:var(--key-yellow);color:var(--key-yellow-text);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.check-row{color:var(--price-green);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.image-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.spinner-row{color:var(--screen-text-muted);justify-content:center;padding:24px;display:flex}.field-label{color:var(--screen-text-muted);letter-spacing:.04em;font-size:12px;font-weight:700}.checkbox-row{align-items:center;gap:8px;font-size:14px;display:flex}@media (width<=420px){.image-grid{grid-template-columns:repeat(2,1fr)}}