:root{color-scheme:dark;--shadow-soft:#0003;--shadow-medium:#0005;--shadow-deep:#0008;--shadow-pack:#0009;--scrim:#000b;--glint:#ffffffd9;--paper-edge:#c5bda8;--paper-shadow:#8b826e;--cover-edge-start:#10120e;--cover-edge-end:#1d2119;--cover-gold:#e4ba59;--cover-border:#e4ba5940;--cover-stitch:#e4ba5944;--cover-emblem:#e4ba5999;--cover-grain:#ffffff09;--cover-dot:#e4ba5966;--cover-stripe:#e4ba5919;--strap-start:#161a12c0;--strap-mid:#646a5290;--strap-end:#1b2016cc;--cover-back:#292e24;--cover-strap-start:#6e674d;--cover-strap-mid:#bcb08a;--cover-strap-end:#5d583e;--sleeve-glare:#ffffff24;--ring-mid:#858779;--ring-highlight:#fff;--ring-shadow:#575b4c;--slab-clear-start:#ced3c4e0;--slab-clear-mid:#f3f4ee8a;--slab-clear-end:#88927da6;--slab-edge:#ccd3bf;--slab-glint:#ffffff44;--slab-ink:#25291e;--slab-label:#f6f0e3;--slab-label-edge:#8a6929;--slab-muted:#635d4a;--slab-cert:#424a35;--slab-start:#a9b0a1;--slab-mid:#41483b;--slab-end:#87917c;--highlight-glint:#ffffff60;--sheet-glint-start:#ffffff12;--sheet-glint-mid:#ffffff28;--sheet-glint-end:#ffffff08;--ink:#151712;--panel:#24271f;--muted:#b7b19f;--primary:#e4ba59;--gold:#e8c66f;--text:#f5f0e3;--nav:#1b1e17;--accent:#e4ba59;--sleeve:linear-gradient(90deg, #151712, #3b3f30, #25291f);--sleeve-edge:#62684f;--pocket:#1c2017;--pocket-edge:#565e44;--pocket-number:#b2ae97;--on-primary:#10120e;--ambient-background:#191c15;--ambient-pattern:#b9955224;--border-subtle:#b7b19f44;--border-faint:#b7b19f15;--success-text:#a2dcad;--success-bg:#223d2b;--success-border:#a2dcad44;--danger-bg:#753a2c;--danger-text:#ffede1;}:root[data-theme="light"]{color-scheme:light;--ink:#f6f0e3;--panel:#e8dfcc;--muted:#6c6251;--primary:#75510d;--gold:#74520f;--text:#28251c;--nav:#fffbf2;--accent:#75510d;--sleeve:linear-gradient(90deg, #d6c9ac, #f3e9d4, #e5d8bc);--sleeve-edge:#b8a988;--pocket:#e2d6bd;--pocket-edge:#a99b7c;--pocket-number:#645944;--on-primary:#fff8e9;--ambient-background:#f3ecdd;--ambient-pattern:#75510d19;--border-subtle:#6c625144;--border-faint:#6c625115;--success-text:#285d38;--success-bg:#dcebd9;--success-border:#285d3844;--danger-bg:#8c3d2c;--danger-text:#fff7ed;}@media(prefers-color-scheme:light){:root[data-theme="system"]{color-scheme:light;--ink:#f6f0e3;--panel:#e8dfcc;--muted:#6c6251;--primary:#75510d;--gold:#74520f;--text:#28251c;--nav:#fffbf2;--accent:#75510d;--sleeve:linear-gradient(90deg, #d6c9ac, #f3e9d4, #e5d8bc);--sleeve-edge:#b8a988;--pocket:#e2d6bd;--pocket-edge:#a99b7c;--pocket-number:#645944;--on-primary:#fff8e9;--ambient-background:#f3ecdd;--ambient-pattern:#75510d19;--border-subtle:#6c625144;--border-faint:#6c625115;--success-text:#285d38;--success-bg:#dcebd9;--success-border:#285d3844;--danger-bg:#8c3d2c;--danger-text:#fff7ed;}}
@font-face{font-family:Roboto;src:url(./fonts/Roboto.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:Roboto,Arial,sans-serif;background:var(--ink);color:var(--text)}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:16px;background:var(--primary);color:var(--ink);min-height:48px;padding:12px 16px;font-size:16px;font-weight:700;transition:filter .12s,opacity .12s;-webkit-tap-highlight-color:transparent}button:hover{filter:brightness(1.08)}button:disabled{opacity:.35;cursor:default}button[data-busy=true]{pointer-events:none;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.secondary{background:var(--panel);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}button.danger{background:var(--danger-bg);color:var(--danger-text)}button.text-button,button.icon-button{background:transparent;color:var(--primary)}button.icon-button{padding:5px;min-width:44px;font-size:30px;font-weight:400}button.selected{outline:1px solid var(--primary)}button.wide{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>button{flex:1}.row>button.icon-button{flex:0}.row>h2{flex:1}.row>span{white-space:nowrap}h1,h2,p{margin:0}h1{font-size:24px}h2{font-size:18px}small{display:block;color:var(--muted);font-size:11px;line-height:1.5}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}input,select,textarea{width:100%;min-height:48px;padding:12px;background:var(--panel);border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);color:var(--text);border-radius:12px}textarea{min-height:90px}.check{flex-direction:row;align-items:center}.check input{width:22px;min-height:22px}form{display:flex;flex-direction:column;gap:16px}progress{width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;background:var(--panel)}progress::-webkit-progress-bar{background:var(--panel)}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--primary),var(--accent),var(--gold));border-radius:8px}svg{width:25px;height:25px;flex-shrink:0}.muted{color:var(--muted)}.center-text{text-align:center}.loading{text-align:center;color:var(--muted);padding:36px}.scroll{overflow-y:auto;min-height:0;padding:0 20px 20px;flex:1;scrollbar-width:thin}.scroll>article,.scroll>button,.scroll>h2,.scroll>p{margin-bottom:14px}#app{position:relative;height:100dvh;max-width:600px;margin:auto;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;isolation:isolate}.screen{min-height:0;flex:1;display:flex;flex-direction:column;animation:screen-in .24s ease}.screen>.row{margin:0 20px 16px}.screen>.wide{width:calc(100% - 40px);margin:12px 20px}.screen .scroll .set-header{padding-left:0;padding-right:0}.page-heading{display:flex;align-items:center;gap:8px;min-height:72px;padding:8px 20px}.page-heading h1{font-size:22px;line-height:1.25}.page-heading .pack-share{margin-left:auto;flex-shrink:0;padding:8px;font-size:13px}.set-header{padding:8px 20px 10px;display:flex;align-items:center;gap:8px;height:90px;flex-shrink:0}.choose-set{background:transparent;color:var(--text);padding:0;display:flex;align-items:center;gap:10px;flex:1;text-align:left;min-width:0;height:64px}.choose-set img{width:36px;height:50px;object-fit:contain;transform:rotate(-5deg)}.choose-set strong{font-size:16px;line-height:19px}.choose-set>svg{width:20px;height:20px;flex:0 0 20px;align-self:center;color:var(--accent)}.pill{padding:8px 18px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:99px;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}.pill.new{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.carousel{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:pan-y;display:grid;place-items:center}.orbit{position:absolute;width:72%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;pointer-events:none}.orbit:before{content:"";position:absolute;inset:-12.5%;border:1px solid color-mix(in srgb,var(--accent) 5%,transparent);border-radius:50%}.carousel:after{content:"";position:absolute;bottom:8%;left:12%;width:76%;height:12%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 24%,transparent),transparent 65%);z-index:-1}.pack-display{position:absolute;background:none;padding:0;width:54%;max-width:260px;height:calc(100% - 32px);max-height:450px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.pack-display img{width:100%;height:100%;object-fit:contain;transform:rotate(-3deg);animation:pack-hover 4.4s cubic-bezier(.4,0,.2,1) infinite;user-select:none}.pack-display.neighbor{opacity:.8}.pack-display.left{right:91.9%}.pack-display.right{left:91.9%}.shop-action{padding:10px 20px 7px}.shop-action button{height:56px;font-size:17px;border-radius:18px}nav{display:flex;flex-shrink:0;margin:10px 16px;padding:6px;background:var(--nav);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:40px;box-shadow:0 5px 12px var(--shadow-soft)}nav .tab{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:none;color:var(--muted);padding:7px 0;border-radius:32px;font-size:11px;font-weight:400}nav .tab svg{height:32px;width:25px}nav .tab.active{background:color-mix(in srgb,var(--primary) 20%,var(--nav));color:var(--primary);font-weight:700}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.set-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:linear-gradient(color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel));color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:22px;padding:14px;gap:10px}.set-tile img{height:154px;object-fit:contain;margin:10px auto;transform:rotate(-7deg)}.set-tile strong{font-size:20px;line-height:24px;min-height:48px}.set-tile small{color:var(--accent)}.menu{display:flex;flex-direction:column;gap:14px;width:60%;margin:auto;max-height:calc(100% - 40px);overflow-y:auto;padding:2px}.menu h2{text-align:center;font-weight:600}.menu button{font-size:16px}.theme-choice{display:flex;gap:4px}.theme-choice button{flex:1;padding:8px 2px;font-size:12px}.account-form{padding:20px 28px;display:flex;flex-direction:column;gap:16px;overflow:auto}.opening-pills{min-height:44px;margin:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pack-owner{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.opening-pills>.pill{flex-shrink:0;max-width:60%;white-space:normal;text-align:center}.share-button svg{display:block;width:24px;height:24px}.share-button{display:grid;place-items:center}.opening-stage{z-index:1;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;margin-top:15px}.sealed{height:calc(100% - 35px);max-width:calc(100% - 103px);aspect-ratio:.57;position:relative;transform:rotate(-3deg);animation:hover 4.4s cubic-bezier(.4,0,.2,1) infinite}.wrapper{width:100%;height:100%;object-fit:contain;user-select:none}.seal{position:absolute;left:-30%;right:-30%;top:0;height:20%;touch-action:none;cursor:ew-resize;display:flex;align-items:center}.seal:before{content:"";position:absolute;left:19%;right:19%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),white,var(--gold),transparent);clip-path:inset(0 0 0 var(--tear, 0%))}.seal span{font-size:27px;color:var(--gold);margin-left:10%}.torn-strip{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 12%,90% 11%,80% 12%,70% 11%,60% 12%,50% 11%,40% 12%,30% 11%,20% 12%,10% 11%,0 12%);animation:strip .16s cubic-bezier(.4,0,1,1) forwards}.torn-body{clip-path:polygon(0 12%,10% 11%,20% 12%,30% 11%,40% 12%,50% 11%,60% 12%,70% 11%,80% 12%,90% 11%,100% 12%,100% 100%,0 100%)}.falling{animation:drop .26s cubic-bezier(.4,0,1,1) forwards}.card-stack{height:calc(100% - 45px);max-width:calc(100% - 70px);aspect-ratio:.686;position:relative}.stack-layer{position:absolute;inset:0 0 auto;touch-action:none}.returning-card{z-index:4;pointer-events:none;visibility:hidden}.top-card,.returning-card{border-radius:12px}.card{position:relative;width:100%;aspect-ratio:59/86;display:block;isolation:isolate}.card img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.stack-layer .card{border-radius:12px;overflow:hidden}.stack-layer .card img,.stack-layer .card .foil{object-fit:fill}.card .foil{object-fit:contain;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.opening-controls{padding:12px 24px 0;height:94px;margin-bottom:72px;display:flex;flex-direction:column;justify-content:center;gap:12px}.opening-controls button{font-size:13px;min-height:48px;border-radius:14px}.opening-controls>.wide{font-size:17px;min-height:56px}@property --shown{syntax: "<number>"; inherits: true; initial-value: 0;}.segments{transition:--shown .35s cubic-bezier(.4,0,.2,1);display:flex;gap:3px;height:10px}.segments i{position:relative;background:color-mix(in srgb,var(--primary) 13%,transparent);clip-path:polygon(min(4.5px,25%) 0,100% 0,calc(100% - min(4.5px,25%)) 100%,0 100%);flex:1}.segments i:before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(0%,calc((var(--shown) - var(--slot)) * 100%),100%);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 65%,transparent),var(--primary),var(--glint))}.binder-toolbar{height:44px;display:flex;justify-content:flex-end;padding:0 20px}.binder-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 24px}.book{position:relative;contain:paint;overflow:hidden;isolation:isolate;aspect-ratio:.72;height:calc(100% - 44px);max-width:100%;border-radius:7px 17px 17px 7px;box-shadow:4px 1.5px var(--paper-edge),7px 3px var(--paper-shadow);touch-action:pan-y}.sheet{width:100%;height:100%;position:relative;transform-origin:left center;transform-style:flat}.binder-cover{width:100%;height:100%;position:relative;border-radius:7px 17px 17px 7px;background:linear-gradient(90deg,var(--cover-edge-start),var(--cover) 18%,var(--cover) 80%,var(--cover-edge-end));border:1px solid var(--cover-border);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;overflow:hidden;color:var(--cover-gold);padding:12px 30px}.binder-cover:before{content:"";position:absolute;inset:17px 15px 17px 25px;border:1px dashed var(--cover-stitch);border-radius:10px;background-image:radial-gradient(var(--cover-grain) 1px,transparent 1px);background-size:6px 7px;pointer-events:none}.binder-cover strong{font-size:clamp(16px,5vw,27px);text-align:center;z-index:1}.cover-emblem{border:1px solid var(--cover-emblem);width:88px;height:88px;border-radius:20px;display:grid;place-items:center;font-size:56px;transform:rotate(0)}.strap{position:absolute;right:7%;top:-2%;width:5%;height:104%;background:linear-gradient(90deg,var(--strap-start),var(--strap-mid),var(--strap-end));box-shadow:1px 0 3px var(--shadow-deep);border-radius:3px}.style-3:before{background-image:radial-gradient(var(--cover-dot) 1px,transparent 2px);background-size:35px 43px}.style-4:before{background:repeating-linear-gradient(135deg,transparent 0 20px,var(--cover-stripe) 20px 35px)}.style-5{padding:0;background:var(--cover-back)}.style-5>img{width:100%;height:100%;object-fit:cover}.style-5:before{display:none}.style-5 .strap{background:linear-gradient(90deg,var(--cover-strap-start),var(--cover-strap-mid),var(--cover-strap-end))}.millennium-back{background:var(--cover-back);color:var(--cover-gold);display:grid;place-items:center;width:100%;height:100%;font-size:110px}.pockets{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px 6px;padding:15px 13px 15px 22px;background:var(--sleeve);border:1px solid var(--sleeve-edge);border-radius:7px 17px 17px 7px}.pocket{padding:3px;position:relative;min-height:0;min-width:0;border-radius:5px;background:var(--pocket);border:1px solid var(--pocket-edge);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.pocket>span{position:absolute;font-size:11px;letter-spacing:1px;color:var(--pocket-number)}.pocket>.card{max-width:100%;max-height:100%;height:100%;width:auto;aspect-ratio:59/86}.pocket:after{content:"";position:absolute;inset:3px 0 auto;height:1px;background:var(--sleeve-glare);pointer-events:none}.rings{position:absolute;left:5px;top:15%;bottom:15%;display:flex;flex-direction:column;justify-content:space-between;width:16px;pointer-events:none}.rings i{height:11px;background:linear-gradient(var(--ring-mid),var(--ring-highlight),var(--ring-shadow));border-radius:5px;box-shadow:0 2px 3px var(--shadow-pack)}.page-edge{position:absolute;top:0;bottom:0;width:20px;background:none;padding:0;min-height:0;border-radius:0}.page-edge.previous{left:0}.page-edge.next{right:0}.binder-caption{height:24px;flex-shrink:0;margin-top:12px;align-items:center;display:flex;justify-content:space-between;width:100%;max-width:350px}.binder-actions{height:64px;padding:5px 20px;display:flex;gap:10px}.binder-actions button{flex:1;padding:5px 2px;font-size:10px}.binder-actions button:nth-child(2){flex:2;font-size:16px}.cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.cover-grid>button{background:none;padding:4px;color:var(--text);font-size:14px;display:flex;flex-direction:column;gap:8px}.cover-grid .binder-cover{aspect-ratio:.72;height:auto;padding:14px}.cover-grid .cover-emblem{width:45px;height:45px;font-size:32px}.cover-grid .binder-cover strong{font-size:17px}.cover-grid .style-5{padding:0}.scrim{position:fixed;inset:0;background:var(--scrim);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.dialog{background:var(--ink);border:1px solid var(--border-subtle);border-radius:24px;padding:22px;width:min(100%,440px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 60px var(--shadow-deep)}.dialog.inspection{width:min(100%,500px);align-items:stretch;text-align:center}.dialog>.card{max-height:50dvh;width:auto;align-self:center}.dialog.inspection .inspection-card{max-height:57dvh;aspect-ratio:59/86;align-self:center;max-width:100%;transition:transform .12s}.inspection-card .card{height:100%;width:auto}.finish-picker{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.finish-picker button{font-size:11px;min-height:36px;padding:8px}.missing-card{aspect-ratio:59/86;background:var(--panel);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);width:100%;padding:15px}.search-results{display:flex;flex-direction:column;gap:6px;max-height:50dvh;overflow:auto}.picker{width:min(100%,600px)}.copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;max-height:58dvh}.copy-grid>button{background:var(--panel);padding:4px;min-width:0}.copy-grid .card{width:100%;height:auto}.custom-pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--sleeve);padding:15px;border-radius:12px;margin-bottom:16px}.custom-pockets>.pocket{aspect-ratio:59/86}.custom-pockets>.pocket>.card{width:100%;height:100%}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}article{border-radius:18px;background:var(--panel);padding:18px}.stat-grid strong{display:block;font-size:31px;color:var(--primary);margin-top:10px}.stat-mini{display:flex;gap:10px;margin-bottom:16px}.stat-mini article{flex:1;padding:18px 6px;text-align:center}.stat-mini strong{font-size:21px}.stat-mini small{font-size:10px;margin-top:5px}.milestone{display:flex;flex-direction:column;gap:12px}.milestone h1{font-size:38px}.chart{width:100%;height:90px}.history{display:flex;align-items:center;gap:13px;padding:4px 12px}.history img{width:51px;height:71px;object-fit:contain}.history strong{font-size:14px}.badge{display:flex;gap:18px;align-items:center;margin-bottom:12px}.badge>span{font-size:40px;color:var(--muted)}.badge>div{flex:1}.badge.unlocked>span{color:var(--gold)}.list-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.list-row>button:first-child{flex:1}.slab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.slab-grid>button{background:none;padding:0;color:var(--text);min-width:0}.slab{background:linear-gradient(120deg,var(--slab-clear-start),var(--slab-clear-mid),var(--slab-clear-end));border:2px solid var(--slab-edge);border-radius:12px;padding:8px;box-shadow:inset 0 0 0 3px var(--slab-glint);color:var(--slab-ink);width:100%;max-width:330px;margin:auto}.slab-label{background:var(--slab-label);border:3px solid var(--slab-label-edge);display:flex;align-items:center;justify-content:space-between;padding:6px;min-height:45px;margin-bottom:8px}.slab-label strong{font-size:10px;display:block}.slab-label small{font-size:8px;color:var(--slab-muted)}.slab-label b{font-size:22px}.slab .card{border-radius:7px;overflow:hidden}.cert{font-family:monospace;color:var(--slab-cert);text-align:center;font-size:8px;margin-top:6px}.countdown{display:block;font-variant-numeric:tabular-nums;font-size:13px;color:var(--gold);padding:8px}.friend{display:flex;flex-direction:column;gap:10px}.friend .row button{font-size:12px}.friend-code{letter-spacing:8px;text-align:center;font-size:32px;color:var(--gold)}.queue{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.spinner{width:36px;height:36px;border:3px solid var(--panel);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.battle-result{display:flex;flex-direction:column;align-items:center;gap:20px;overflow:auto;padding:10px 24px 24px}.battle-result>.card{max-height:45dvh;height:45dvh;width:auto}.trade-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:20px;overflow:auto;align-items:stretch}.trade-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:center}.trade-cards section{display:flex;flex-direction:column;gap:10px}.trade-cards h2{font-size:14px}.trade-content>.card{height:45dvh;width:auto;align-self:center}#toast{position:fixed;bottom:max(110px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;padding:14px 20px;border-radius:16px;background:var(--panel);color:var(--text);border:1px solid var(--primary);max-width:90%;transition:.2s;font-size:14px}#toast.visible{transform:translate(-50%);opacity:1}#ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;max-width:600px;margin:auto}#ambient i{position:absolute;width:70px;height:70px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;animation:ambient var(--duration) ease-in-out infinite;animation-delay:var(--delay)}#ambient i:before{content:"";position:absolute;top:49%;left:0;right:0;border-top:1px solid color-mix(in srgb,var(--accent) 8%,transparent)}#ambient i:after{content:"";position:absolute;left:37%;top:37%;width:24%;height:24%;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;background:var(--ink)}@keyframes hover{0%,to{translate:0 -7px}50%{translate:0 7px}}@keyframes strip{to{transform:translateY(-120%);opacity:0}}@keyframes drop{to{transform:translateY(200%) rotate(8deg);opacity:0}}@keyframes screen-in{0%,41%{opacity:0}to{opacity:1}}@keyframes ambient{50%{transform:translate(18px,-35px) rotate(22deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:650px){#app{border-left:1px solid var(--border-faint);border-right:1px solid var(--border-faint)}.book{max-height:560px}.screen{animation-duration:.24s}}@media(max-height:650px){.opening-controls{margin-bottom:12px}.set-header{height:72px}.binder-toolbar{height:28px}.menu{width:70%}.pack-display{max-width:180px}.cover-emblem{width:55px;height:55px;font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}button{color:var(--on-primary)}.slab{aspect-ratio:.61;background:linear-gradient(120deg,var(--slab-start),var(--slab-mid),var(--slab-end));border:2px solid var(--slab-edge);border-radius:6.5%;padding:4.5%;display:flex;flex-direction:column;gap:2.4%;box-shadow:none;container-type:inline-size}.slab-label{background:var(--ink);border:0;border-radius:5px;padding:0 4%;min-height:0;flex:1;margin:0;color:var(--text)}.slab-label strong{font-size:4.3cqw;color:var(--gold);line-height:1.65}.slab-label small{font-size:4.7cqw;color:var(--text);line-height:1.3}.slab-label b{font-size:20.9cqw;line-height:1;color:var(--gold)}.slab>.card{flex-shrink:0;aspect-ratio:.686;height:auto}.millennium-back>svg{width:38%;height:auto}.card .wear{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.rarity-chips{display:flex;gap:8px;overflow:auto;padding:0 20px 12px;flex-shrink:0}.rarity-chips button{white-space:nowrap;font-size:12px;min-height:36px}.gallery-grid{grid-auto-rows:max-content;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;align-content:start}.gallery-grid button{display:flex;flex-direction:column;align-items:stretch;align-self:start;gap:6px;min-width:0;background:none;color:var(--text);padding:0;font-size:12px}.gallery-grid small{color:var(--gold)}.gallery-preview{height:48dvh;aspect-ratio:.686;align-self:center;max-width:100%}.gallery-preview .card{height:100%;width:auto}.light-controls{max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:8px}.light-controls input[type=range]{padding:0;min-height:24px}.custom-cover>.card{width:80%;max-height:65%;height:auto}.custom-turn-buttons{margin-top:10px!important}.custom-book{height:calc(100% - 28px)}.password-field{display:flex;position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;right:0;top:0;bottom:0;min-width:45px;padding:8px}.scrim:has(.card-inspector){padding:0;background:var(--ink);backdrop-filter:none}.dialog.card-inspector{width:min(100%,600px);height:100%;max-height:100dvh;border:0;border-radius:0;padding:max(4px,env(safe-area-inset-top)) 24px max(8px,env(safe-area-inset-bottom));gap:8px;text-align:center;overflow:hidden;box-shadow:none}.inspection-stage{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;touch-action:none}.inspection-stage>.card,.inspection-stage>.missing-card{height:100%;max-width:100%;width:auto;aspect-ratio:.686;object-fit:contain}.variant-thumbnails{display:flex;gap:12px;overflow-x:auto;justify-content:safe center;flex-shrink:0;padding-top:12px}.variant-thumbnails>button{width:66px;min-width:66px;background:none;padding:3px;color:var(--muted);border-radius:5px;min-height:0}.variant-thumbnails>button:disabled{opacity:1}.variant-thumbnails>button[aria-pressed=true]>.card{outline:2px solid var(--gold);border-radius:5px}.variant-thumbnails small{font-size:10px;min-height:12px;font-weight:400}.inspection-navigation{display:flex;justify-content:center;gap:20px;flex-shrink:0}.inspection-navigation button{min-height:36px;font-size:14px;padding:8px 20px}.battle-options{margin-bottom:14px}.battle-set-picker{text-align:center;width:100%}.battle-carousel{height:240px;position:relative;overflow:hidden;touch-action:pan-y}.battle-pack{position:absolute;width:130px;height:220px;left:calc(50% - 65px);top:10px;padding:0;background:transparent;border:0;box-shadow:none}.battle-pack img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 12px var(--shadow-medium))}.battle-pack.offset--1{transform:translate(-100px) scale(.75) rotate(-8deg);opacity:.5}.battle-pack.offset-1{transform:translate(100px) scale(.75) rotate(8deg);opacity:.5}.battle-pack.offset-0{z-index:1;animation:hover 4.4s cubic-bezier(.4,0,.2,1) infinite}.dialog .battle-carousel{height:180px}.dialog .battle-pack{height:160px}.trade-swap{display:flex;flex:1;min-height:300px;align-items:center;gap:20px}.trade-swap section{width:calc((100% - 20px)/2);flex:0 0 auto}.battle-pack{animation:none!important}.battle-pack img{animation:hover 4.4s cubic-bezier(.4,0,.2,1) infinite;transform:rotate(-3deg)}.gallery-grid .card{flex:none;height:auto;aspect-ratio:.686}.gallery-grid .card>img{position:absolute;inset:0}.binder-actions .binder-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;font-size:10px;line-height:12px}.binder-shortcut svg{width:20px;height:20px;flex:none}.binder-actions .grading-shortcut{color:var(--gold)}.tear-flap{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 var(--highlight-glint))}.seal.tearing:before,.seal.tearing span{opacity:0}@media(prefers-reduced-motion:reduce){.segments{transition:none}}@keyframes pack-hover{0%,to{transform:translateY(-7px) rotate(-3deg)}50%{transform:translateY(7px) rotate(-3deg)}}.battle-round{text-align:center;color:var(--muted);font-size:13px}.battle-totals{display:flex;justify-content:space-evenly;padding:15px 18px 0}.battle-totals section{flex:1;min-width:0;text-align:center}.battle-player-name{display:block;width:100%;min-height:24px;padding:0;background:none;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0}.battle-player-name:disabled{opacity:1}.battle-totals strong{display:block;font-size:30px;color:var(--gold);font-variant-numeric:tabular-nums}.battle-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;container-type:size;padding:12px 18px;overflow:hidden;align-content:center}.battle-grid>section{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;justify-self:center;max-width:min(100%,calc((100cqh - 92px)*.714));justify-content:center}.battle-player-cards{width:100%}.battle-card{touch-action:pan-y;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:.686}.battle-card>.card{width:100%;height:auto}.battle-points{min-height:32px;padding-top:12px;text-align:center;color:var(--gold);font-weight:700}.battle-timer{width:100%;height:6px;flex-shrink:0;margin-top:12px;background:var(--panel);overflow:hidden;border-radius:0}.battle-timer i{display:block;width:100%;height:100%;background:var(--primary);transform:scaleX(var(--remaining, 0));transform-origin:left}.battle-ready{height:30px;flex-shrink:0;display:grid;place-items:center;font-size:12px;color:var(--muted)}.battle-controls{margin:0 18px 16px;text-align:center}.battle-controls .segments{height:9px}.battle-controls>.wide{margin-top:20px;width:100%;height:56px}.battle-controls .text-button{min-height:40px}.battle-outgoing{position:absolute;inset:0;pointer-events:none;z-index:1}.battle-pack-tear{position:relative;width:100%;aspect-ratio:.58;overflow:hidden}.battle-pack-tear .wrapper{max-width:none;max-height:none;width:100%;height:100%;animation:battle-pack-hover 4.4s ease-in-out infinite alternate}.battle-pack-tear.ripped .wrapper{opacity:.55;transform:translateY(10%);animation:none;transition:transform .24s,opacity .24s}.battle-pack-tear .seal{top:0;height:30%}.battle-pack-tear .seal:before{display:none}.battle-sealed .battle-card{aspect-ratio:.58}.battle-sealed .battle-points{display:none}@keyframes battle-pack-hover{0%{translate:0 -4px}to{translate:0 4px}}.battle-grid.players-3,.battle-grid.players-4{align-content:center;gap:8px 12px}.battle-grid.players-3 .battle-card,.battle-grid.players-4 .battle-card{width:100%;max-height:none}.battle-card-name{width:100%;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-grid.players-3 .battle-player-cards,.battle-grid.players-4 .battle-player-cards{display:flex;align-items:center}.battle-grid:is(.players-3,.players-4) .battle-points{min-width:36px;padding:0;font-size:14px}.battle-grid:is(.players-3,.players-4) section:nth-child(odd) .battle-points{order:-1}.battle-grid:is(.players-3,.players-4) .battle-timer{width:calc(100% - 36px);margin-top:6px}.battle-grid:is(.players-3,.players-4) section:nth-child(odd) .battle-timer{align-self:flex-end}.battle-grid:is(.players-3,.players-4) section:nth-child(2n) .battle-timer{align-self:flex-start}.battle-grid.battle-sealed>section{max-width:min(100%,calc((100cqh - 48px)*.58))}.battle-grid:is(.players-3,.players-4)>section{max-width:min(100%,calc((100cqh - 132px)*.357 + 36px))}.battle-grid.battle-sealed:is(.players-3,.players-4)>section{max-width:min(100%,calc((100cqh - 132px)*.29 + 36px))}.battle-grid:is(.players-3,.players-4) .battle-card{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){.battle-pack-tear .wrapper{animation:none}}.page-heading .battle-round{margin:0 0 0 12px;white-space:nowrap}.battle-grid .card{border-radius:10px;overflow:hidden}.battle-grid:is(.players-3,.players-4) .battle-ready{width:calc(100% - 36px)}.battle-grid:is(.players-3,.players-4) section:nth-child(odd) .battle-ready{align-self:flex-end}.battle-grid:is(.players-3,.players-4) section:nth-child(2n) .battle-ready{align-self:flex-start}.battle-grid.battle-sealed:is(.players-3,.players-4) .battle-points{display:block}.screen-battle .battle-result{flex:1;min-height:0;padding:16px 18px}.battle-highlight{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center}.battle-highlight .card{height:100%;max-height:100%;width:auto;max-width:70%;aspect-ratio:.686}.battle-result h1{font-size:30px;text-align:center}.battle-result>.wide{width:100%;min-height:56px}.binder-owner{margin:0 24px 14px;display:flex;align-items:center;gap:12px;color:var(--primary);flex-shrink:0}.binder-owner strong{font-size:15px;line-height:22px;font-weight:600;min-width:0;overflow-wrap:anywhere}.shelf-inspector .inspection-stage>.slab{width:min(100%,calc((100dvh - 180px)*.61));max-width:none;margin:0}.owner-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);font-size:17px;font-weight:700}.pocket>.filing-card{position:absolute;height:calc(100% - 6px);max-width:calc(100% - 6px)}.pack-display.center{filter:drop-shadow(0 22px 28px var(--shadow-pack))}
/*# sourceMappingURL=main.css.map */