*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#f4f5f7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#0e0f12;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.app--centered{justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex}.app__header{z-index:10;padding:calc(.75rem + env(safe-area-inset-top)) 1.5rem .75rem;background:#0e0f12;border-bottom:1px solid #2c303a;align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}@media (width<=640px){.app__header{padding:calc(15px + env(safe-area-inset-top)) 15px 15px;justify-content:center}}.app__logo{width:auto;height:2.75rem}.app__content{flex-direction:column;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex}@media (width<=640px){.app__content{padding:25px 25px calc(100px + env(safe-area-inset-bottom)) 25px}}.page-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.muted{color:#9aa0ac;font-size:.9rem}.tabs{gap:.25rem;margin-left:auto;display:flex}@media (width<=640px){.tabs{z-index:20;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:#181a20;border-top:1px solid #2c303a;margin:0;position:fixed;bottom:0;left:0;right:0}}.tabs__tab{color:#9aa0ac;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;transition:background-color .15s,color .15s;display:flex}.tabs__tab svg{width:1.2rem;height:1.2rem}@media (hover:hover){.tabs__tab:hover{color:#f4f5f7}}.tabs__tab--active{color:#f4f5f7;background:#22252d}.tabs__tab--add{color:#fff;background:#e3262f;order:3}@media (width>=641px){.tabs__tab--add{display:none}}.tabs__tab--add.tabs__tab--active{color:#fff;background:#f23a42}@media (hover:hover){.tabs__tab--add:hover{color:#fff;background:#f23a42}}@media (width<=640px){.tabs__tab{border-radius:.75rem;flex-direction:column;flex:1;justify-content:center;gap:.2rem;padding:.4rem 0}.tabs__tab--active{color:#e3262f;background:0 0}.tabs__tab--add{border-radius:50%;flex:0 0 3.25rem;order:0;justify-content:center;align-self:center;height:3.25rem}.tabs__tab--add .tabs__label{display:none}}.tabs__tab--settings{padding:.3rem}@media (width<=640px){.tabs__tab--settings{padding:.4rem 0}}.tabs__avatar{width:2rem;height:2rem;font-size:.9rem}.tabs__tab--settings.tabs__tab--active .tabs__avatar{box-shadow:0 0 0 2px #e3262f}.avatar{color:#f4f5f7;background:#22252d;border:1px solid #2c303a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--large{width:5rem;height:5rem;font-size:2rem}.tabs__label{font-size:.9rem;font-weight:600}@media (width<=640px){.tabs__label{font-size:.7rem}}.button{cursor:pointer;background:#22252d;border:1px solid #2c303a;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-weight:600;transition:background-color .15s;display:inline-flex}.button svg{width:1rem;height:1rem}@media (hover:hover){.button:hover:not(:disabled){background:#2d313b}}.button:disabled{opacity:.55;cursor:default}.button--primary{color:#fff;background:#e3262f;border-color:#e3262f}@media (hover:hover){.button--primary:hover:not(:disabled){background:#f23a42}}.button--ghost{background:0 0}.button--danger{color:#f87171;background:0 0;border-color:#f8717180}.button--small{padding:.4rem .7rem;font-size:.85rem}.button--icon{width:2.5rem;height:2.5rem;padding:0}.button--icon svg{width:1.2rem;height:1.2rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{color:#9aa0ac;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.4rem;display:flex}.icon-button svg{width:1.3rem;height:1.3rem}@media (hover:hover){.icon-button:hover{color:#f4f5f7;background:#22252d}}.card-list__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-list__header .page-title{margin:0 auto 0 0}@media (width<=640px){.card-list__add{display:none}}.card-list__filter-toggle{position:relative}.card-list__filter-toggle--open{color:#e3262f;background:#22252d}.card-list__filter-dot{background:#e3262f;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.3rem;right:.3rem}.link-button{color:#f23a42;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.back-link{color:#9aa0ac;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:0;display:inline-flex}.back-link svg{width:1rem;height:1rem}.field{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.field--narrow{flex:0 0 7rem}.field__label,.photo-input__label{color:#9aa0ac;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.field__input{background:#181a20;border:1px solid #2c303a;border-radius:.75rem;width:100%;padding:.7rem .85rem;font-size:16px}.field__input:focus{border-color:#e3262f;outline:none}.field__input:disabled{color:#9aa0ac}textarea.field__input{resize:vertical}select.field__input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0ac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.checkbox,.toggle{cursor:pointer;align-items:center;gap:.6rem;display:flex}.checkbox input,.toggle input{accent-color:#e3262f;width:1.15rem;height:1.15rem}.segmented{background:#181a20;border:1px solid #2c303a;border-radius:.75rem;margin-bottom:1rem;padding:.25rem;display:flex}.segmented--compact{margin-bottom:0}.segmented__option{color:#9aa0ac;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.5rem .85rem;font-weight:600}.segmented__option--active{color:#f4f5f7;background:#22252d}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chips__label{color:#9aa0ac;text-transform:uppercase;margin-right:.25rem;font-size:.8rem;font-weight:600}.chip{font-variant-numeric:tabular-nums;cursor:pointer;background:#181a20;border:1px solid #2c303a;border-radius:999px;min-width:2.5rem;padding:.35rem .75rem;font-weight:600}.chip--active{color:#fff;background:#e3262f;border-color:#e3262f}.form-error{color:#f87171;margin:0;font-size:.9rem}.form-success{color:#34d399;margin:0;font-size:.9rem}.notice{background:#f5c5181a;border:1px solid #f5c51859;border-radius:.75rem;margin:0 0 1rem;padding:.75rem 1rem;font-size:.9rem}.spinner{color:#e3262f;justify-content:center;padding:2rem;display:flex}.app__content>.spinner{flex:1;align-items:center}.page--loading{flex:1;display:grid}.page--loading>*{grid-area:1/1;align-self:start}.page--loading>.spinner{align-self:center}.spinner__icon{width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{text-align:center;width:100%;max-width:380px}.auth-screen__logo{width:100%;max-width:320px;margin-bottom:2rem}.auth-form{text-align:left;flex-direction:column;gap:.75rem;display:flex}.auth-form .button{margin-top:.5rem;padding:.85rem}.auth-screen__switch{color:#9aa0ac;margin-top:1.5rem}.filters{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.filters__row{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=640px){.filters__row .segmented{flex:1 0 100%}}.filters__select{flex:1;width:auto;min-width:9rem}.card-list__count{color:#9aa0ac;margin:0 0 .75rem;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}@media (width<=640px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.card-tile{text-align:left;cursor:pointer;background:#181a20;border:1px solid #2c303a;border-radius:.75rem;flex-direction:column;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}@media (hover:hover){.card-tile:hover{border-color:#474d5d;transform:translateY(-2px)}}.card-tile__image{aspect-ratio:3/5;background:#22252d;justify-content:center;align-items:center;display:flex;position:relative}.card-tile__image img{object-fit:contain;width:100%;height:100%}.card-tile__placeholder{color:#9aa0ac;font-size:.85rem}.card-tile__info{flex-direction:column;gap:.15rem;padding:.65rem .75rem .75rem;display:flex}.card-tile__player{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.card-tile__meta{color:#9aa0ac;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.grade-badge{color:#fff;letter-spacing:.02em;background:#e3262f;border-radius:.4rem;padding:.2rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:.5rem;right:.5rem}.grade-badge--gem{color:#111;background:#f5c518}.grade-badge--raw{color:#9aa0ac;background:#181a20;border:1px solid #2c303a}.grade-badge--inline{margin-right:.5rem;display:inline-block;position:static}.empty-state{color:#9aa0ac;text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem;display:flex}.empty-state p{margin:0}.modal{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (width<=640px){.modal{align-items:flex-end;padding:0}}.modal__panel{background:#0e0f12;border:1px solid #2c303a;border-radius:1rem;flex-direction:column;width:100%;max-width:860px;max-height:calc(100vh - 2rem);display:flex}@media (width<=640px){.modal__panel{border:0;border-radius:0;height:100%;max-height:none}}.modal__header{border-bottom:1px solid #2c303a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}@media (width<=640px){.modal__header{padding-top:calc(1rem + env(safe-area-inset-top))}}.modal__title{margin:0;font-size:1.15rem}.modal__body{padding:1.25rem;overflow-y:auto}@media (width<=640px){.modal__body{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}}.card-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem;display:grid}@media (width<=640px){.card-detail{grid-template-columns:1fr}}.card-detail__media{background:#181a20;border-radius:.75rem;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}.card-detail__media img{object-fit:contain;border-radius:.75rem;width:100%;max-height:60vh}.card-detail__flip{position:absolute;bottom:.75rem;right:.75rem}.card-detail__subtitle{color:#9aa0ac;margin:0 0 1rem}.details{margin:0 0 1rem}.details__row{border-bottom:1px solid #2c303a;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.details__row dt{color:#9aa0ac}.details__row dd{text-align:right;margin:0;font-weight:600}.card-detail__notes{white-space:pre-wrap}.card-detail__link{color:#f23a42;margin-bottom:1rem;font-weight:600;text-decoration:none;display:inline-block}.card-detail__actions{gap:.5rem;margin-top:1rem;display:flex}.card-detail__actions .button{white-space:nowrap;flex-shrink:0}.card-detail__actions .button--primary{white-space:normal;flex:0 auto;min-width:0}@media (width<=640px){.card-detail__actions{justify-content:center}}.card-form{flex-direction:column;gap:1rem;max-width:640px;display:flex}.card-form__photos{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:20px;display:grid}.card-form__row{gap:.75rem;display:flex}.card-form__actions{justify-content:flex-end;gap:1rem;display:flex}@media (width<=640px){.card-form__actions{flex-direction:column-reverse;margin-top:15px}.card-form__actions .button{width:100%}}.photo-input{flex-direction:column;gap:.5rem;display:flex}.photo-input__frame{aspect-ratio:3/4;color:#9aa0ac;background:#181a20;border:1px dashed #2c303a;border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-input__frame img{object-fit:contain;width:100%;height:100%}.photo-input__frame svg{width:2rem;height:2rem}.photo-input__actions{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.add-card{width:640px;margin:25px auto}@media (width<=640px){.add-card{width:100%;margin:0 auto}}.add-card__options{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:.75rem;margin:4rem auto 1rem;display:grid}@media (width<=640px){.add-card__options{grid-template-columns:1fr}}.add-card__options--lists{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{text-align:left;cursor:pointer;background:#181a20;border:1px solid #2c303a;border-radius:.75rem;grid-template-columns:auto 1fr;align-items:center;gap:.35rem 1rem;padding:1.1rem;transition:border-color .15s;display:grid}.option-card svg{color:#e3262f;grid-row:1/span 2;width:2.5rem;height:2.5rem}.option-card .option-card__title{align-self:end}.option-card .option-card__hint{align-self:start}@media (width>=641px){.option-card{text-align:center;grid-template-columns:1fr;align-content:start;justify-items:center}.option-card svg{grid-row:auto;margin-bottom:.4rem}.option-card .option-card__title,.option-card .option-card__hint{align-self:auto}}@media (hover:hover){.option-card:hover{border-color:#e3262f}}.option-card__title{font-weight:700}.option-card__hint{color:#9aa0ac;font-size:.85rem}.cert-lookup{gap:.5rem;display:flex}.add-card__busy{text-align:center;color:#9aa0ac}.add-card__busy p{margin:0}.add-card--busy{flex:1;display:grid}.add-card--busy>*{grid-area:1/1}.add-card--busy>.add-card__header{align-self:start}.add-card--busy>.add-card__busy{align-self:center}.scanner{flex-direction:column;align-items:center;gap:.75rem;display:flex}.scanner__viewport{aspect-ratio:4/3;background:#000;border-radius:.75rem;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.scanner__viewport video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner__target{aspect-ratio:1;border:3px solid #ffffffd9;border-radius:.75rem;width:60%;position:relative;box-shadow:0 0 0 100vmax #00000059}.scanner__hint{color:#9aa0ac;text-align:center;margin:0}.user-list{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.user-list__item{text-align:left;cursor:pointer;background:#181a20;border:1px solid #2c303a;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex}@media (hover:hover){.user-list__item:hover{border-color:#e3262f}}.user-list__avatar{color:#fff;background:#e3262f;border-radius:50%;flex:0 0 2.25rem;justify-content:center;align-items:center;height:2.25rem;font-weight:800;display:flex}.user-list__name{flex:1;font-weight:600}.user-list__shares{color:#9aa0ac;font-size:.8rem}.settings{width:100%;max-width:480px;margin:0 auto}.settings-form{flex-direction:column;gap:1rem;display:flex}.settings-form__avatar{align-items:center;gap:1rem;display:flex}.settings-form__avatar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-form__actions{flex-direction:column;gap:1.25rem;margin-top:15px;display:flex}.settings-form__actions .button{width:100%}@media (width>=641px){.settings-form__actions{flex-direction:row;gap:.75rem}.settings-form__actions .button{flex:1}}.settings-form__sharing{border:1px solid #2c303a;border-radius:.75rem;flex-direction:column;gap:.75rem;margin:0;padding:1rem;display:flex}.settings-form__sharing .muted{margin:0}.settings-version{margin-top:1.5rem;font-size:.8rem}.ai-identify{flex-direction:column;gap:1rem;display:flex}.ai-identify .muted{margin:0}.add-card__manual{margin-top:1rem}.list-page--empty{flex:1;display:grid}.list-page--empty>*{grid-area:1/1}.list-page--empty>.page-title{align-self:start}.list-page--empty>.card-list-empty{align-self:center}