@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f1e9;background:#10131b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 28%,#202638,#10131b 55%)}button{font:inherit}.shell{max-width:1120px;margin:auto;padding:28px 7vw 22px;min-height:100vh;display:flex;flex-direction:column}.topbar,footer{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#f4f1e9;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d8ad62;color:#e4bd79;border-radius:9px;font-family:Playfair Display,serif;font-size:20px}.top-note,.eyebrow,.section-kicker,.game-list,footer{font-family:DM Mono,monospace;letter-spacing:1.5px;font-size:10px;color:#9298a7}.hero{width:min(620px,100%);margin:clamp(65px,10vh,112px) auto 70px;text-align:center}.eyebrow{color:#d9b477;display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow span{width:6px;height:6px;background:#d9b477;border-radius:50%;box-shadow:0 0 12px #d9b477}h1{font-size:clamp(56px,9vw,86px);line-height:.98;letter-spacing:-4px;margin:25px 0 18px;font-weight:600}h1 em{font-family:Playfair Display,serif;color:#dcb777;font-weight:600}.intro{color:#aeb3bf;font-size:15px;line-height:1.8;max-width:440px;margin:0 auto 38px}.scanner-card{text-align:left;padding:25px;border:1px solid #303746;border-radius:18px;background:linear-gradient(145deg,#232a39eb,#171c27f0);box-shadow:0 24px 70px #0005}.scanner-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-kicker{color:#d9b477;font-size:9px}h2{font-size:19px;margin:7px 0 0;letter-spacing:-.5px}.scan-icon{font-size:25px;color:#d9b477}.upload-zone{width:100%;min-height:155px;border:1px dashed #596174;border-radius:12px;background:#151a25;color:#f4f1e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:#d9b477;background:#1b202c}.upload-symbol{font-size:27px;color:#d9b477}.upload-zone strong{font-size:13px;font-weight:600;max-width:90%;overflow:hidden;text-overflow:ellipsis}.upload-zone small{font-size:11px;color:#8f97a8}.scanner-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.primary-button{border:0;border-radius:8px;padding:12px 17px;background:#d9b477;color:#171923;font-size:12px;font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button span{padding-left:15px}.text-button{border:0;background:none;color:#aeb3bf;font-size:11px;cursor:pointer}.status{color:#d9b477;font-size:11px;margin:14px 0 0;line-height:1.5}.game-list{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:30px;font-size:9px;letter-spacing:1px}.game-list i{width:3px;height:3px;border-radius:50%;background:#d9b477}footer{margin-top:auto;padding-top:25px;border-top:1px solid #282e3a;font-size:9px}@media(max-width:540px){.shell{padding:22px 20px}.top-note{font-size:8px}.hero{margin-top:75px}h1{letter-spacing:-2px}.scanner-card{padding:18px}.game-list{gap:7px;font-size:7px}}.auth-card{margin:0 0 16px;text-align:left;padding:22px 25px;border:1px solid #343d4e;border-radius:16px;background:#131822db}.auth-card h2{font-size:18px;margin:8px 0 6px;overflow-wrap:anywhere}.auth-copy{color:#9da5b4;font-size:12px;line-height:1.6;margin:6px 0 15px}.auth-form{display:flex;gap:10px}.auth-form input{min-width:0;flex:1;border:1px solid #414b5e;border-radius:8px;background:#111722;color:#f4f1e9;padding:12px 13px;font:inherit;font-size:12px;outline:none}.auth-form input:focus{border-color:#d9b477}.auth-form .primary-button{white-space:nowrap}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-row .text-button{white-space:nowrap}.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}@media(max-width:540px){.auth-card{padding:18px}.auth-form{flex-direction:column}.auth-form .primary-button{width:100%}}.collection-card{margin-top:16px;text-align:left;padding:23px 25px;border:1px solid #303746;border-radius:18px;background:linear-gradient(145deg,#232a39e0,#171c27f0);box-shadow:0 18px 50px #0003}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.collection-header h2{display:flex;align-items:center;gap:10px}.count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#343b49;color:#e4bd79;font:11px DM Mono,monospace}.add-card-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px}.add-card-form input,.add-card-form select{min-width:0;width:100%;border:1px solid #414b5e;border-radius:8px;background:#111722;color:#f4f1e9;padding:11px 10px;font:inherit;font-size:11px;outline:none}.add-card-form input:focus,.add-card-form select:focus{border-color:#d9b477}.add-card-form select{color:#c9ced8}.add-card-form .primary-button{padding:10px 12px;white-space:nowrap}.empty-collection{color:#929baa;font-size:12px;padding:16px 0 3px}.card-list{list-style:none;padding:0;margin:17px 0 0}.card-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid #343b49}.card-list li div{display:flex;flex-direction:column;gap:4px;min-width:0}.card-list strong{font-size:12px;overflow-wrap:anywhere}.card-list li span{font-size:10px;color:#929baa}.remove-card{border:0;background:transparent;color:#a7adba;font-size:21px;cursor:pointer;padding:3px 8px;border-radius:6px}.remove-card:hover{background:#343b49;color:#f4f1e9}@media(max-width:700px){.add-card-form{grid-template-columns:1fr 1fr}.add-card-form .primary-button{grid-column:1/-1}}@media(max-width:540px){.collection-card{padding:18px}.add-card-form{grid-template-columns:1fr}.add-card-form .primary-button{grid-column:auto}}.launch-banner{width:100%;margin:0 auto 34px;overflow:hidden;border:1px solid #34445e;border-radius:16px;background:linear-gradient(120deg,#071426,#101b31 55%,#241c14);box-shadow:0 20px 55px #0007;aspect-ratio:16/9}.launch-banner img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:540px){.launch-banner{margin-bottom:26px;border-radius:12px}}