:root{--ice:#f1f3f2;--ink:#111417;--page:#15181b;--pocket:#23272b;--red:#d4281c;--grey:#4a5055;--rule:#c9cecc;--pale:#c9cecc;--dim:#a9b0b5;--display:"Big Shoulders", "Arial Narrow", "Helvetica Neue", sans-serif;--text:Inter, "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ice);color:var(--ink);font-family:var(--text);margin:0;font-size:15px;line-height:1.4}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.display-xl,.display-l,.display-m,.wordmark{font-family:var(--display);letter-spacing:.005em;font-weight:900;line-height:.86}.display-xl{font-size:clamp(56px,17vw,76px)}.display-l{overflow-wrap:anywhere;font-size:clamp(38px,11.5vw,48px)}.display-l.is-long{overflow-wrap:break-word;font-size:clamp(28px,8vw,40px)}.display-l.is-longer{overflow-wrap:break-word;font-size:clamp(22px,6.4vw,34px);line-height:.92}.display-m{font-size:32px}.wordmark{letter-spacing:.08em;font-size:22px}.eyebrow{font-family:var(--mono);letter-spacing:.1em;color:var(--grey);font-size:11px;font-weight:600}.eyebrow-light{color:var(--pale)}.mono-note{font-family:var(--mono);color:var(--grey);font-size:11px}.mono-light{color:var(--pale)}.mono-strong{font-family:var(--mono);font-size:12px;font-weight:600}.sub{color:var(--grey);font-size:13px}.sub-light{color:var(--pale)}.dim{color:var(--dim)}.dim-ink{color:#6b7277}.price-l,.price-m{font-family:var(--mono);font-weight:600;line-height:1}.price-l{font-size:28px}.price-m{font-size:20px}.screen{flex-direction:column;gap:14px;max-width:1180px;margin:0 auto;padding:14px 16px 108px;display:flex}.legend{margin-top:-2px}.empty{flex-direction:column;align-items:flex-start;gap:14px;padding:48px 0;display:flex}.btn{border:2px solid var(--ink);min-height:48px;color:var(--ink);text-align:center;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-ink{background:var(--ink);color:#fff}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-light{background:var(--ice);border-color:var(--ice);flex:none}.btn-big{min-height:54px;font-family:var(--display);letter-spacing:.04em;flex:1;font-size:22px;font-weight:800}.btn:disabled{background:var(--rule);border-color:var(--rule);color:var(--grey);cursor:default}.btn-file{cursor:pointer;position:relative}.btn-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.row-buttons{flex-wrap:wrap;gap:10px;display:flex}.link-danger,.link-plain{text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;min-height:44px;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.link-danger{color:#b01f15}.field{flex-direction:column;gap:6px;display:flex}.field-inline{flex-flow:wrap;align-items:center;gap:10px}.field-label{font-size:13px;font-weight:600}select,input[type=search],input[type=text]{border:1px solid var(--ink);background:#fff;border-radius:3px;max-width:100%;min-height:48px;padding:0 12px;font-size:16px}input[type=search],input[type=text]{width:100%}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);flex:none}.segmented{border:1px solid var(--ink);border-radius:3px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.segmented button{border:none;border-right:1px solid var(--ink);background:0 0;min-height:44px;padding:0 2px;font-size:13px;font-weight:500}.segmented button:last-child{border-right:none}.segmented button.is-on{background:var(--ink);color:#fff;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips-scroll{flex-wrap:nowrap;margin-right:-16px;padding-bottom:4px;padding-right:16px;overflow-x:auto}.chip{border:1px solid var(--ink);white-space:nowrap;background:0 0;border-radius:3px;flex:none;min-height:44px;padding:0 14px;font-size:14px;font-weight:500}.chip.is-on{background:var(--ink);color:#fff;font-weight:600}.tick{border:2px solid var(--ink);flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.tick-on{background:var(--red);border-color:var(--red)}.home-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-total{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.home-total .eyebrow{margin-bottom:8px}.home-count{color:var(--grey);text-align:right;font-size:13px}.sports{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sports button{min-height:52px;color:var(--ink);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:14px;font-weight:500;display:flex}.sports button small{font-family:var(--mono);color:var(--grey);font-size:10px}.sports button.is-on{background:var(--ink);color:#fff;font-weight:700}.sports button.is-on small{color:var(--pale)}.sports button:disabled{cursor:default}.binders{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:10px;display:grid}.binder-card{background:var(--page);color:#fff;flex-direction:column;gap:10px;padding:14px;text-decoration:none;display:flex}.binder-card-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.binder-card-sub{color:var(--pale);margin-top:4px;font-size:12px}.binder-card-foot{font-family:var(--mono);justify-content:space-between;gap:12px;font-size:11px;display:flex}.fingerprint{grid-template-columns:repeat(25,minmax(0,1fr));gap:2px;display:grid}.fingerprint span{aspect-ratio:1;background:#3a4045}.fingerprint span.is-on{background:var(--ice)}.panel{border-top:2px solid var(--ink);flex-direction:column;gap:12px;max-width:720px;margin-top:6px;padding-top:14px;display:flex}.panel-text{font-size:14px}.panel-note{font-size:14px;font-weight:600}.set-head{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.set-head-title{align-items:center;gap:4px;min-width:0;display:flex}.set-head-title .sub{margin-top:4px}.set-head-count{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.back{flex:none;justify-content:center;align-items:center;width:44px;height:56px;margin-left:-12px;display:flex}.progress{background:var(--rule);height:8px;display:flex}.progress span{background:var(--red)}.tabs{border-bottom:1px solid var(--ink);gap:20px;display:flex;overflow-x:auto}.tabs a{min-height:44px;color:var(--grey);white-space:nowrap;border-bottom:4px solid #0000;flex:none;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.tabs a.is-on{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}.pages{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:10px;display:grid}.page{background:var(--page);content-visibility:auto;contain-intrinsic-size:auto 560px;flex-direction:column;gap:8px;padding:10px;display:flex}.page-head{font-family:var(--mono);letter-spacing:.08em;color:var(--pale);justify-content:space-between;font-size:11px;font-weight:500;display:flex}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px 8px;display:grid}.pocket{color:#fff;flex-direction:column;gap:4px;min-width:0;text-decoration:none;display:flex}.pocket-foot{font-family:var(--mono);justify-content:space-between;font-size:11px;display:flex}.pocket-foot-need{color:var(--dim)}.face{aspect-ratio:5/7;color:var(--ink);background:#fff;border-radius:4px;flex-direction:column;gap:3.5%;padding:4.5%;display:flex;container-type:inline-size}.face-art{border-radius:2px;flex:1;align-items:flex-end;min-height:0;padding:5% 6%;display:flex;position:relative;overflow:hidden}.face-code{font-family:var(--display);font-size:40cqw;font-weight:900;line-height:.8}.face-flag{font-family:var(--mono);font-size:10cqw;font-weight:600;position:absolute;top:6%;right:6%}.face-strip{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;display:flex}.face-name{font-family:var(--display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13cqw;font-weight:800;line-height:1;overflow:hidden}.face-no{font-family:var(--mono);flex:none;font-size:9.5cqw;font-weight:600}.face-photo{background:var(--pocket);padding:0;overflow:hidden}.face-photo img{object-fit:cover;width:100%;height:100%;display:block}.pocket-empty{aspect-ratio:5/7;background:var(--pocket);border:1px dashed #6b7277;border-radius:4px;flex-direction:column;justify-content:space-between;min-width:0;padding:7px;display:flex}.pocket-no{font-family:var(--display);color:#7c8388;overflow-wrap:anywhere;font-size:38px;font-weight:900;line-height:.8}.pocket-who{color:var(--pale);text-overflow:ellipsis;font-size:11px;line-height:1.25;overflow:hidden}.hero{background:var(--page);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px;display:flex}.hero .display-xl{margin:8px 0}.hero-sub{color:var(--pale);font-size:13px}.rows{width:100%;max-width:720px}.row{border-bottom:1px solid var(--rule);align-items:stretch;display:flex}.row-main{flex:1;align-items:center;gap:12px;min-width:0;min-height:52px;text-decoration:none;display:flex}.row-button{text-align:left;background:0 0;border:none;padding:0}.row-no{overflow-wrap:anywhere;width:52px;font-family:var(--mono);flex:none;font-size:13px;font-weight:600}.row-name{flex:1;min-width:0;font-size:15px;font-weight:600}.row-name small{font-family:var(--mono);color:var(--grey);font-size:11px;font-weight:400}.row-price{font-family:var(--mono);flex:none;font-size:14px;font-weight:600}.row-thumb{flex:none;width:34px;margin:6px 0}.tag{border:1px solid var(--ink);font-family:var(--mono);white-space:nowrap;flex:none;padding:3px 7px;font-size:11px}.tag-on{background:var(--ink);color:#fff}.trade{flex-direction:column;display:flex}.trade-empty{padding:12px 0}.panel-first{margin-top:0}.row-buy{text-underline-offset:3px;background:0 0;border:none;flex:none;justify-content:flex-end;align-items:center;min-width:56px;margin-left:10px;padding:0 4px;font-size:13px;font-weight:700;text-decoration:underline;display:flex}.card-head{background:var(--page);color:#fff;flex-direction:column;gap:6px;margin:-14px -16px 0;padding:8px 16px 16px;display:flex}.card-head-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.back-text{align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.card-head-body{gap:16px;display:flex}.card-art{flex:none;width:140px}.card-art-missing{opacity:.45}.card-head-info{flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-width:0;display:flex}.card-name{overflow-wrap:break-word;margin:2px 0 10px}.card-head-info .mono-note{margin-top:3px}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.copy{border-top:2px solid var(--ink);flex-direction:column;gap:10px;max-width:720px;padding-top:14px;display:flex}.copy-head,.versions-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.versions{flex-direction:column;display:flex}.versions-head{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);max-width:720px;padding:14px 0 8px}.scan{background:var(--page);color:#fff;flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.scan-top{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.scan-close{align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:flex}.scan-modes{border:1px solid #6b7277;border-radius:3px;display:flex;overflow:hidden}.scan-modes a{min-height:44px;font-family:var(--mono);letter-spacing:.06em;color:var(--pale);align-items:center;padding:0 14px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.scan-modes a.is-on{background:var(--ice);color:var(--ink);font-weight:600}.scan-count{font-family:var(--mono);color:var(--pale);text-align:right;font-size:12px;line-height:1.3}.viewfinder{background:#1e2225;flex:none;height:64dvh;min-height:320px;position:relative;overflow:hidden}.viewfinder video,.viewfinder img{object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.viewfinder img{object-fit:contain;padding:10px}.viewfinder video.is-hidden{visibility:hidden}.guide{aspect-ratio:5/7;height:min(94%,140vw - 39.2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder-tag{background:var(--page);color:#fff;font-family:var(--mono);white-space:nowrap;padding:6px 10px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.scan-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zooms{border:1px solid var(--ink);border-radius:3px;display:flex;overflow:hidden}.zooms button{border:none;border-right:1px solid var(--ink);min-width:52px;min-height:44px;font-family:var(--mono);background:0 0;font-size:13px;font-weight:500}.zooms button:last-child{border-right:none}.zooms button.is-on{background:var(--ink);color:#fff;font-weight:600}.scan-tools select{flex:1;min-width:0;min-height:44px;font-size:14px}.guide i{border:0 solid #ff4b3a;width:34px;height:34px;position:absolute}.guide i:first-child{border-top-width:4px;border-left-width:4px;top:0;left:0}.guide i:nth-child(2){border-top-width:4px;border-right-width:4px;top:0;right:0}.guide i:nth-child(3){border-bottom-width:4px;border-left-width:4px;bottom:0;left:0}.guide i:nth-child(4){border-bottom-width:4px;border-right-width:4px;bottom:0;right:0}.viewfinder-note,.viewfinder-busy{text-align:center;color:var(--pale);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.viewfinder-busy{font-family:var(--mono);color:#fff;background:#15181bb8}.scan-sheet{background:var(--ice);color:var(--ink);flex-direction:column;gap:14px;padding:16px 16px 24px;display:flex}.scan-sheet-full{flex:1}.scan-sheet .btn-big{white-space:nowrap;padding:0 8px;font-size:20px}.scan-added{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.confirm{flex-direction:column;gap:14px;display:flex}.confirm-head{gap:14px;display:flex}.confirm-art{flex:none;width:96px}.confirm-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.bar{z-index:5;height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);background:var(--ice);border-top:2px solid var(--ink);justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar-link{max-width:280px;min-height:52px;font-family:var(--display);letter-spacing:.04em;color:var(--grey);white-space:nowrap;flex:1;align-items:center;font-size:20px;font-weight:800;text-decoration:none;display:flex}.bar-right{justify-content:flex-end}.bar-link.is-active{color:var(--ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.bar-scan{background:var(--red);color:#fff;width:132px;height:52px;font-family:var(--display);letter-spacing:.06em;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:26px;font-weight:900;text-decoration:none;display:flex}.sports a{min-height:52px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sports a small{font-family:var(--mono);color:var(--grey);font-size:10px}.sports a.is-on{background:var(--ink);color:#fff;font-weight:700}.sports a.is-on small{color:var(--pale)}.sports a.is-off,.sports button:disabled{color:var(--grey)}.binder-card-count{white-space:nowrap}.binder-card-off{justify-content:center;min-height:96px}.binder-add{border:2px dashed var(--ink);min-height:120px;color:var(--ink);flex-direction:column;justify-content:center;gap:8px;padding:14px;font-size:14px;text-decoration:none;display:flex}.advanced{border-top:1px solid var(--rule);max-width:720px;padding-top:4px}.advanced summary{min-height:44px;color:var(--grey);cursor:pointer;align-items:center;font-size:13px;font-weight:600;display:flex}.advanced>*+*{margin-top:10px}.pocket-ghost{position:relative;overflow:hidden}.pocket-ghost img{object-fit:cover;filter:grayscale();opacity:.22;width:100%;height:100%;position:absolute;inset:0}.pocket-ghost span{position:relative}.pocket-ghost .pocket-no{color:#c9cecc}.row-thumb img{aspect-ratio:5/7;object-fit:cover;border-radius:2px;width:100%;display:block}.quick{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.quick-cell{border:1px solid var(--ink);min-height:60px;color:var(--ink);touch-action:manipulation;background:0 0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:6px 4px;display:flex;position:relative}.quick-cell.is-on{background:var(--ink);color:#fff}.quick-no{font-family:var(--display);font-size:24px;font-weight:900;line-height:.9}.quick-who{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.1;overflow:hidden}.quick-count{font-family:var(--mono);font-size:10px;position:absolute;top:3px;right:4px}.guide-cells{display:grid;position:absolute;inset:0}.guide-cells b{border:1px dashed #ff4b3ad9}.batch{flex-direction:column;gap:12px;display:flex}.batch-row{align-items:center;gap:10px}.batch-row select{flex:1;min-width:0;min-height:44px;font-size:14px}.scan-modes a{padding:0 10px}.select-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.link-as-row{color:var(--ink);align-items:center;display:inline-flex}.binder-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.btn-remove{color:#b01f15;border-color:#b01f15}
