@import "tailwindcss";

@font-face{font-family:Geist;src:url('../fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root { --ink:#131722; --paper:#f4f2ec; --lime:#dfff45; --purple:#7557f6; --muted:#6b6d73; --font-geist:Geist,Arial,sans-serif; --font-mono:'Geist Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist),Arial,sans-serif; }
button,input,select { font:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; }
#blazor-error-ui{display:none;position:fixed;inset:auto 16px 16px;z-index:1000;padding:12px 44px 12px 16px;border:1px solid #e9be4f;border-radius:8px;background:#fff5cc;color:#302b20;box-shadow:0 8px 30px #171b2530;font-size:12px}
#blazor-error-ui .reload{color:#654be0;font-weight:800;margin-left:6px}
#blazor-error-ui .dismiss{position:absolute;right:14px;cursor:pointer}
@media print{#blazor-error-ui{display:none!important}}
.app-loading{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 72% 28%,#7557f61c,transparent 30%),radial-gradient(circle at 25% 72%,#dfff4529,transparent 32%),var(--paper);color:var(--ink)}.loading-card{width:min(470px,100%);background:#fff;border:1px solid #d8d4cc;border-radius:18px;padding:34px;box-shadow:0 22px 70px #171b2517;position:relative;overflow:hidden}.loading-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7557f626 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 55%);pointer-events:none}.loading-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;position:relative}.loading-brand .brandmark{width:34px;height:34px}.loading-kicker{font:8px var(--font-mono);letter-spacing:1.7px;color:var(--purple);font-weight:800;margin-top:62px;position:relative}.loading-card h1{font-size:42px;letter-spacing:-2.5px;line-height:.95;margin:10px 0}.loading-card h1 span{color:var(--purple)}.loading-card p{font-size:12px;line-height:1.55;color:#696b72;margin:0 0 28px;max-width:330px}.loading-track{height:8px;border-radius:999px;background:#e9e6df;overflow:hidden}.loading-track span{display:block;height:100%;width:var(--blazor-load-percentage,0%);border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--lime));transition:width .15s}.loading-meta{display:flex;justify-content:space-between;margin-top:9px;font:7px var(--font-mono);letter-spacing:1px;color:#8c8d92}.loading-meta strong:after{content:var(--blazor-load-percentage-text,"0%");color:var(--ink)}
.topbar { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid #d6d3cb; background:rgba(244,242,236,.92); backdrop-filter:blur(14px); position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-size:16px; font-weight:950; letter-spacing:-.7px; }
.brand em { color:#7960f5; font-style:normal; }.brandmark { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; color:#10131b; background:var(--lime); transform:rotate(-7deg); font-weight:950; box-shadow:3px 3px 0 #121722; }
.navlinks { display:flex; gap:32px; height:100%; align-items:center; }.navlinks a { text-decoration:none; color:#75767a; font-size:13px; font-weight:750; height:100%; display:grid; place-items:center; position:relative; }.navlinks a.active { color:var(--ink); }.navlinks a.active:after { content:""; height:3px; width:100%; background:#7658f6; position:absolute; bottom:0; }
.signin { border:1px solid #d8d4cc; border-radius:8px; background:#fff; padding:9px 12px; color:var(--ink); text-decoration:none; font-size:12px; font-weight:800; cursor:pointer; }.signin span{color:#7658f6}.signin small{font-size:8px;background:#e8e4fb;color:#684fe5;padding:3px 4px;border-radius:3px;margin-left:5px}
.headerActions{display:flex;align-items:center;gap:8px}.mobileMenu{display:none;position:relative}.mobileMenu summary{width:38px;height:38px;border:1px solid #d8d4cc;border-radius:8px;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer;list-style:none}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu summary span{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink)}.mobileMenuPanel{position:absolute;right:0;top:calc(100% + 10px);width:min(260px,calc(100vw - 36px));padding:8px;border:1px solid #d8d4cc;border-radius:11px;background:#fff;box-shadow:0 16px 45px #17172226}.mobileMenuPanel a{display:flex;align-items:center;justify-content:space-between;padding:12px 11px;border-radius:7px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:850}.mobileMenuPanel a:hover{background:#f0ede6}.mobileMenuPanel a span{color:var(--purple)}.mobileAccount{display:flex;align-items:center;gap:8px;margin-bottom:5px;padding:10px 11px;border-bottom:1px solid #e4e0d8;font-size:12px;overflow:hidden}.mobileAccount span{color:#49ad78}.mobileAccount strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileMenuPanel .mobileSignIn{margin-top:4px;background:var(--ink);color:#fff}.mobileMenuPanel .mobileSignIn span{color:var(--lime)}
.hero { min-height:560px; padding:60px 7vw; display:grid; grid-template-columns:1fr 1fr; gap:4vw; align-items:center; overflow:hidden; border-bottom:1px solid #d8d4cb; position:sticky; top:76px; z-index:0; isolation:isolate; background:linear-gradient(115deg,#f4f2ec 0 58%,#ece8df 100%); }.parallaxGrid{position:absolute;inset:-100px;z-index:-1;background-image:radial-gradient(#d8d4ca 1px,transparent 1px);background-size:18px 18px;will-change:transform}.heroCopy{will-change:transform}
.heroCopy { max-width:650px; }.eyebrow,.sectionKicker { font-family:var(--font-mono); letter-spacing:1.5px; font-size:11px; font-weight:750; }.seasonStatus{margin-left:12px;color:#5c5e65}.liveDot { display:inline-block;width:7px;height:7px;background:#7de45a;border-radius:50%;box-shadow:0 0 0 4px #dff3d5;margin:0 8px 1px 0}.hero h1 { font-size:clamp(65px,8vw,118px); line-height:.78; letter-spacing:-7px; margin:24px 0 32px; font-weight:1000; transform:scaleX(.92); transform-origin:left;}.hero h1 span{color:#7958f5}.heroCopy>p{font-size:17px;line-height:1.6;color:#5c5e65;max-width:530px;margin-bottom:30px}.heroActions{display:flex;align-items:center;gap:24px}.primary{background:var(--ink);color:#fff;padding:14px 18px;text-decoration:none;border-radius:7px;font-weight:800;font-size:13px;box-shadow:4px 4px 0 var(--lime)}.primary span{color:var(--lime);margin-left:14px}.textButton{border:0;background:none;font-weight:800;font-size:13px;cursor:pointer}.textButton span{color:#7958f5;margin-left:8px}
.heroArt { min-height:430px; position:relative; display:grid; place-items:center; will-change:transform; }.orbit { position:absolute;border:1px solid #c9c5ba;border-radius:50%;transform:rotate(-18deg)}.orbitOne{width:440px;height:250px}.orbitTwo{width:320px;height:410px;transform:rotate(32deg)}.rareSpriteGlow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#8f50f85c,transparent 68%);filter:blur(8px)}.rareSprite{width:min(390px,80%);height:390px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 35px 30px #49327a55);animation:rareFloat 4.5s ease-in-out infinite}.rareLabel{position:absolute;left:2%;top:8%;z-index:3;display:grid;background:#171b25;color:#fff;border-radius:7px;padding:10px 13px;box-shadow:4px 4px 0 var(--lime);transform:rotate(-3deg)}.rareLabel small{font:7px var(--font-mono);color:var(--lime);letter-spacing:1px}.rareLabel strong{font-size:14px}.rareLabel span{font-size:8px;color:#aaaeb8}.rareLabel:after{content:"MYTHIC";position:absolute;right:-43px;top:7px;background:#ff5d7c;color:#fff;padding:3px 5px;border-radius:3px;font:6px var(--font-mono);letter-spacing:1px}@keyframes rareFloat{50%{transform:translateY(-15px) rotate(2deg)}}
.heroSprite { width:260px;height:260px;border-radius:45% 45% 50% 50%;background:linear-gradient(150deg,#a895ff,#5435e8);position:relative;box-shadow:inset -18px -25px 50px #3822a2,0 35px 60px #6a54d94d;animation:float 4s ease-in-out infinite}.heroSprite:after{content:"";position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 45% 30%,#fff8 0 3%,transparent 30%)}.ear{position:absolute;width:90px;height:145px;background:#856bf7;top:-70px;border-radius:80% 10% 50% 40%;z-index:-1}.ear.left{left:15px;transform:rotate(-22deg)}.ear.right{right:15px;transform:scaleX(-1) rotate(-22deg)}.face{position:absolute;top:105px;left:60px;display:flex;gap:56px}.face i{width:24px;height:34px;background:#171525;border-radius:50%;box-shadow:inset 7px 8px 0 #fff}.spark{position:absolute;color:#7958f5;font-size:30px}.s1{top:30px;left:20%}.s2{right:10%;bottom:30px;color:#ee4b85}.s3{font-size:80px;right:12%;top:10px}.seasonTag{position:absolute;right:0;bottom:5%;background:#fff;border:1px solid #d2cec6;border-radius:8px;padding:13px 18px;box-shadow:8px 8px 0 #171b25;display:grid}.seasonTag small{font-family:var(--font-mono);font-size:8px;color:#777}.seasonTag strong{font-size:20px}.seasonTag span{font-size:10px;color:#ee4b72;font-weight:750}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}
.collection{padding:72px 5vw 90px;max-width:1500px;margin:auto;scroll-margin-top:76px;position:relative;z-index:2;background:var(--paper);border-radius:18px 18px 0 0;box-shadow:0 -18px 50px #17172214}.profileSetup{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:16px;margin:0 0 28px;padding:20px;background:#fff;border:1px solid #d8d4cc;border-radius:10px;box-shadow:0 5px 0 #dedad1}.profileSetup h2{font-size:24px;margin:4px 0}.profileSetup p{font-size:11px;color:#666a72;margin:0;max-width:430px}.profileSetup label{display:grid;gap:6px;font:8px var(--font-mono);letter-spacing:.8px;color:#74767c}.profileSetup input{min-width:0;border:1px solid #d8d4cc;border-radius:7px;padding:10px;font-family:var(--font-geist);font-size:12px;color:var(--ink)}.profileSetup .primary{border:0;cursor:pointer}.profileSetup .primary:disabled{opacity:.6;cursor:wait}.syncNotice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:16px 18px;border:1px solid #d7d1c4;border-radius:10px;background:#fff9df;box-shadow:0 4px 0 #e2dccf}.syncNotice>div:first-child{display:grid;gap:3px}.syncNotice strong{font-size:13px}.syncNotice span{font-size:11px;color:#65666b}.syncNotice a,.syncNotice button{white-space:nowrap;border:1px solid #cbc5b9;border-radius:7px;background:#fff;padding:9px 12px;color:var(--ink);font-size:10px;font-weight:850;text-decoration:none;cursor:pointer}.syncNotice .primary{border-color:#171b25;background:#171b25;color:#fff}.syncNoticeActions{display:flex;gap:8px}.syncNotice.syncError{background:#fff0ed;border-color:#efb7ac}.collectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.collectionHead>div{max-width:760px}.collectionIntro{color:#707178;font-size:12px;line-height:1.5;margin:9px 0 0}.sectionKicker{color:#7457e9;margin-bottom:8px}.collection h2,.notes h2{font-size:38px;letter-spacing:-2px;margin:0;font-weight:950}.seasonSelect{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;display:grid;gap:5px;color:#777}.seasonSelect select,.filterRight select{background:#fff;border:1px solid #d8d4cc;border-radius:7px;padding:10px 36px 10px 12px;font-weight:750;color:var(--ink)}
.progressPanel{background:#171b25;color:#fff;border-radius:10px;padding:22px 26px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:30px;box-shadow:0 10px 30px #23201a12}.progressNumbers{display:flex;align-items:center;gap:22px}.progressNumber{display:flex;align-items:center}.progressNumber strong{font-size:38px;line-height:1;color:var(--lime)}.progressNumber.ownedTotal strong{color:#8fd8ff}.progressNumber>span{font-size:14px;color:#91949c;margin-left:5px}.progressNumber small{display:block;font-size:7px;font-family:var(--font-mono);letter-spacing:1px;margin-top:3px}.dualTracks{display:grid;gap:11px}.trackRow>span{display:block;font:7px var(--font-mono);letter-spacing:.7px;color:#a6a9b0;margin-bottom:5px}.progressTrack{height:7px;background:#3a3e48;border-radius:5px;position:relative}.progressTrack div{height:100%;background:linear-gradient(90deg,var(--lime),#8be95d);border-radius:5px;transition:width .35s}.ownedTrack div{background:linear-gradient(90deg,#6ec7ff,#a4e3ff)}.rarityStats{display:flex;gap:22px}.rarityStats div{display:grid;grid-template-columns:7px auto;column-gap:5px}.rarityStats i{width:6px;height:6px;border-radius:50%;margin-top:6px}.rarityStats strong{font-size:14px}.rarityStats span{grid-column:2;font-size:7px;color:#9699a0;text-transform:uppercase;letter-spacing:.5px}
.variantLegend{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:22px 0}.variantLegend button{border:1px solid #d8d4cc;background:#eeebe4;border-radius:7px;padding:9px;text-align:left;display:grid;grid-template-columns:8px 1fr;gap:2px 6px;font-size:10px;font-weight:800;cursor:pointer;color:#474950}.variantLegend button.active{background:#fff;border-color:#7658f6;box-shadow:0 3px 0 #7658f6}.variantLegend i{width:8px;height:8px;border-radius:50%;margin-top:2px}.variantLegend small{grid-column:2;font-size:7px;font-weight:600;color:#8a8b90;white-space:nowrap}.filterbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 20px;gap:18px}.segmented{display:flex;background:#e8e5dd;padding:4px;border-radius:8px}.segmented button{border:0;background:transparent;padding:9px 14px;border-radius:6px;color:#6e7076;font-size:12px;font-weight:750;cursor:pointer}.segmented button.selected{background:#fff;color:var(--ink);box-shadow:0 2px 7px #17171712}.segmented span{background:#ece9e2;padding:2px 5px;border-radius:4px;margin-left:6px;font-size:9px}.filterRight{display:flex;gap:8px}.search{background:#fff;border:1px solid #d8d4cc;border-radius:7px;padding:0 10px;display:flex;align-items:center}.search input{border:0;outline:0;background:transparent;width:145px;padding:9px 6px;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.card{background:#fff;border:1px solid #d8d5cd;border-radius:9px;overflow:hidden;box-shadow:0 4px 0 transparent;transition:.2s;animation:enter .35s both;animation-delay:var(--delay)}.card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #dedad1}.card.done{border-color:#9bda62}.cardTop{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.rarity{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-family:var(--font-mono);font-weight:750}.rarity i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.variantProgress{font:7px var(--font-mono);letter-spacing:.5px;color:#898b90}.done .variantProgress{color:#6a8c22}.spriteVisual{width:100%;height:210px;border-top:1px solid #ebe8e1;border-bottom:1px solid #e3e0d9;background:radial-gradient(circle at center,#fff 0,#eeeae2 62%,#dfdbd1);position:relative;display:grid;place-items:center;overflow:hidden}.spriteVisual:before{content:"";position:absolute;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,var(--c1) 0,transparent 68%);opacity:.35}.spriteVisual img{width:88%;height:88%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 15px 12px #17171725);transition:.2s}.card:hover .spriteVisual img{transform:translateY(-4px) scale(1.025)}.imageCredit{position:absolute;bottom:7px;right:8px;font:6px var(--font-mono);letter-spacing:.8px;color:#9a9a9b;z-index:2}.cardBody{padding:15px}.cardBody h3{font-size:18px;margin:0 0 11px;letter-spacing:-.5px}.cardBody h3 small{font-size:7px;font-family:var(--font-mono);color:#999;letter-spacing:1px}.ability{background:#f2f0ea;border-radius:6px;padding:9px 10px;margin-bottom:11px;min-height:66px}.ability>span{font:7px var(--font-mono);color:#7858ed;letter-spacing:1px;font-weight:800}.ability p{font-size:10px;line-height:1.4;color:#555860;margin:4px 0 0;height:auto}.carouselLabel{display:flex;justify-content:space-between;align-items:center;margin:0 2px 7px;font:7px var(--font-mono);letter-spacing:.7px;color:#888a8f}.carouselLabel i{font-size:12px;color:#7557f6;font-style:normal}.variantCarousel{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 1px 9px;scrollbar-width:thin;scrollbar-color:#b6afcf #ece9e2}.variantCarousel:focus-visible{outline:2px solid #7557f6;outline-offset:3px;border-radius:4px}.variantCarousel::-webkit-scrollbar{height:6px}.variantCarousel::-webkit-scrollbar-track{background:#ece9e2;border-radius:5px}.variantCarousel::-webkit-scrollbar-thumb{background:#a99dcf;border-radius:5px}.variantCarousel>button{flex:0 0 112px;scroll-snap-align:start;border:1px solid #dedbd4;background:#faf9f6;border-radius:7px;padding:6px;display:grid;grid-template-columns:1fr 18px;text-align:left;position:relative;color:#5f6167;cursor:pointer}.variantCarousel>button:hover{border-color:#9c8bea}.variantCarousel>button.owned{background:#f1f7dc;border-color:#b6d451}.variantArt{grid-column:1/-1;height:76px;display:grid;place-items:center;border-radius:5px;background:radial-gradient(circle,#fff,#e8e4db);margin-bottom:6px;overflow:hidden}.variantArt img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 7px 5px #1b1b1b20)}.variantName{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.variantName i{width:7px;height:7px;border-radius:50%}.variantCarousel small{grid-column:1;font-size:6px;color:#8d8e92;margin-top:2px;white-space:nowrap}.variantCarousel b{grid-column:2;grid-row:2/4;width:17px;height:17px;border:1px solid #c9c6bf;border-radius:4px;display:grid;place-items:center;font-size:10px}.variantCarousel .owned b{background:var(--lime);border-color:#a9c932}.empty{padding:70px;text-align:center;color:#777;background:#eae7df;border-radius:8px}@keyframes enter{from{opacity:0;transform:translateY(8px)}}
.notes{background:#dfff45;padding:55px 7vw;display:grid;grid-template-columns:1fr 1.3fr auto;gap:40px;align-items:center}.notes .sectionKicker{color:#171b25}.notes p{font-size:14px;line-height:1.6;max-width:600px}.notes a{color:#171b25;font-weight:850;font-size:12px}.notes h2{font-size:32px}.comparePreview{padding:60px 7vw;background:#efece5;display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:45px;border-top:1px solid #d2cec4}.comparePreview h2{font-size:30px;letter-spacing:-1.5px;margin:7px 0}.comparePreview p{font-size:12px;color:#676970;line-height:1.5;max-width:440px}.compareCard{display:flex;align-items:center;background:#fff;border:1px solid #d6d2ca;border-radius:10px;padding:16px;gap:12px;box-shadow:5px 5px 0 #ddd8ce}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#7958f5;color:white;font-size:9px;font-weight:900}.avatar.friend{background:#dfff45;color:#171b25}.compareCard div{display:grid}.compareCard small{font:7px var(--font-mono);color:#999;letter-spacing:.6px}.compareCard strong{font-size:18px}.compareCard strong em{font-size:9px;font-style:normal;color:#999}.versus{margin:auto;font:9px var(--font-mono);color:#8c8d92}.comparePreview>button{background:#d9d6cf;color:#8b8c8f;border:0;border-radius:7px;padding:12px 14px;font-size:11px;font-weight:800}.comparePreview>button small{font-size:7px;background:#c8c4bc;padding:2px 4px;border-radius:3px;margin-left:5px}footer{padding:28px 5vw;background:#171b25;color:#a6a8af;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px}footer .brand{color:#fff}footer .brandmark{width:25px;height:25px;font-size:12px}footer p{margin:0}
.variantTile{flex:0 0 140px;scroll-snap-align:start;border:1px solid #dedbd4;background:#faf9f6;border-radius:7px;padding:6px;display:grid;grid-template-columns:1fr;text-align:left;position:relative;color:#5f6167}.variantTile.owned{background:#f4fbff;border-color:#83caef}.variantTile.mastered{background:#f1f7dc;border-color:#b6d451;box-shadow:inset 0 -3px 0 var(--lime)}.variantTile .variantArt{grid-column:auto;height:82px}.variantTile small{grid-column:auto;margin:2px 0 7px}.variantActions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.variantActions button{border:1px solid #d2cfc8;background:#fff;border-radius:4px;min-height:26px;padding:3px;font-size:7px;font-weight:800;cursor:pointer;color:#62646a}.variantActions button:hover{border-color:#7557f6}.variantTile.owned .ownButton{background:#dff4ff;border-color:#6dc1ec;color:#205c7b}.variantTile.mastered .masterButton{background:var(--lime);border-color:#a9c932;color:#171b25}
.viewBar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8d4cc;border-bottom:1px solid #d8d4cc;padding:13px 0;margin-top:20px}.viewBar>div:first-child>span{font:8px var(--font-mono);letter-spacing:1px;color:#7557f6;font-weight:800}.viewBar p{font-size:10px;color:#77797e;margin:3px 0 0}.viewToggle{display:flex;background:#e5e2da;padding:4px;border-radius:8px}.viewToggle button{border:0;background:transparent;padding:9px 13px;border-radius:6px;color:#6a6c72;font-size:10px;font-weight:800;cursor:pointer}.viewToggle button b{margin-right:5px;font-size:13px}.viewToggle button.selected{background:#fff;color:#171b25;box-shadow:0 2px 8px #17171715}.matrixWrap{max-height:none;overflow:auto;border:1px solid #d4d0c8;border-radius:10px;background:#fff;box-shadow:0 7px 20px #1717170a}.collectionMatrix{border-collapse:separate;border-spacing:0;width:100%;min-width:1080px;table-layout:fixed}.collectionMatrix th,.collectionMatrix td{border-right:1px solid #e5e2db;border-bottom:1px solid #e5e2db}.collectionMatrix thead th{height:58px;background:#171b25;color:#fff;position:sticky;top:0;z-index:4;text-align:center;padding:7px}.collectionMatrix thead th>i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.collectionMatrix thead th>span{font-size:9px;font-weight:850}.collectionMatrix thead th>small{display:block;font-size:6px;color:#989ba3;margin-top:3px;white-space:nowrap}.collectionMatrix .spriteColumn{width:195px;position:sticky;left:0;z-index:3}.collectionMatrix thead .spriteColumn{z-index:6;text-align:left;padding-left:15px}.collectionMatrix thead .spriteColumn span{font:8px var(--font-mono);letter-spacing:1px}.collectionMatrix tbody .spriteColumn{background:#f6f4ee;text-align:left;padding:5px 9px;display:flex;align-items:center;gap:8px;height:70px}.collectionMatrix tbody .spriteColumn img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 4px #1717171f)}.collectionMatrix tbody .spriteColumn>span{display:grid;min-width:0}.collectionMatrix tbody .spriteColumn strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collectionMatrix tbody .spriteColumn small{font:6px var(--font-mono);text-transform:uppercase;color:#8b8c91;margin-top:3px}.collectionMatrix tbody .spriteColumn small i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.collectionMatrix td{height:70px;padding:3px;background:#fff;position:relative;text-align:center}.collectionMatrix td>img{width:45px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 3px #17171720)}.collectionMatrix td>div{display:flex;justify-content:center;gap:3px}.collectionMatrix td button{width:36px;height:22px;border:1px solid #d4d0c8;border-radius:4px;background:#fff;display:grid;grid-template-columns:12px 1fr;place-items:center;padding:2px;font-size:10px;cursor:pointer;color:#62646a}.collectionMatrix td button small{font:5px var(--font-mono)}.collectionMatrix td.owned{background:#f3fbff}.collectionMatrix td.owned button:first-child{background:#dff4ff;border-color:#62bde9;color:#195b7c}.collectionMatrix td.mastered{background:#f7fbdc}.collectionMatrix td.mastered button:last-child{background:var(--lime);border-color:#a9c932;color:#171b25}.collectionMatrix td.unavailable{background:#eeece7;color:#b5b2ab;font-size:14px}.collectionMatrix tbody tr:hover .spriteColumn,.collectionMatrix tbody tr:hover td:not(.unavailable){box-shadow:inset 0 0 0 1px #b9abe9}
@media(max-width:1100px){.variantLegend{grid-template-columns:repeat(4,1fr)}.progressPanel{grid-template-columns:230px 1fr}.rarityStats{display:none}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1.1fr .9fr}.orbitOne{width:300px}.rarityStats{display:none}.progressPanel{grid-template-columns:1fr}.notes{grid-template-columns:1fr 1fr}.notes a{grid-column:2}.comparePreview{grid-template-columns:1fr 1fr}.comparePreview>button{grid-column:2}.filterbar{align-items:stretch;flex-direction:column}.filterRight{width:100%}.search{flex:1}.search input{width:100%}}
@media(max-width:720px){.topbar{height:64px;padding:0 18px}.navlinks{display:none}.signin{padding:8px}.hero{top:64px;padding:45px 22px 20px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:64px;letter-spacing:-5px}.heroArt{min-height:350px}.rareSprite{width:270px;height:270px}.rareLabel{left:2%;top:4%}.orbitTwo{height:285px;width:220px}.seasonTag{right:5%;bottom:6%}.collection{padding:52px 18px;scroll-margin-top:64px}.collectionHead{align-items:flex-start;gap:22px;flex-direction:column}.collection h2{font-size:30px}.progressPanel{grid-template-columns:1fr;padding:18px;gap:18px}.progressNumbers{justify-content:space-between}.variantLegend{grid-template-columns:repeat(2,1fr)}.viewBar{align-items:flex-start;gap:12px;flex-direction:column}.viewToggle{width:100%}.viewToggle button{flex:1}.segmented{width:100%}.segmented button{flex:1;padding:9px 7px}.filterRight{width:100%;flex-wrap:wrap}.search{flex:1 0 100%}.search input{width:100%}.filterRight select{flex:1}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.spriteVisual{height:150px}.ability{min-height:83px}.collectionMatrix .spriteColumn{width:155px}.collectionMatrix{min-width:940px}.collectionMatrix tbody .spriteColumn img{width:40px;height:40px}.notes,.comparePreview{grid-template-columns:1fr;padding:45px 22px;gap:20px}.notes a,.comparePreview>button{grid-column:1}footer{align-items:flex-start;gap:20px;flex-direction:column}}
@media(max-width:720px){.headerActions>.signin{display:none}.mobileMenu{display:block}}
@media(max-width:420px){.brand>span:last-child{display:none}}
@media(max-width:430px){.grid{grid-template-columns:1fr}.heroActions{align-items:flex-start;flex-direction:column}.cardBody p{height:auto;min-height:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Checklist scanability: larger, centered art and clearly separated state controls. */
.collectionMatrix tbody .spriteColumn{height:92px;padding:8px 12px;gap:12px}.collectionMatrix tbody .spriteColumn img{width:64px;height:64px;object-position:center;flex:0 0 64px}.collectionMatrix td{height:92px;padding:7px 5px;vertical-align:middle}.collectionMatrix td>img{display:block;width:64px;height:56px;margin:0 auto 5px;object-position:center}.collectionMatrix td>div{align-items:center;gap:8px}.collectionMatrix td button{width:43px;height:25px;border-radius:5px;grid-template-columns:13px 1fr;padding:3px;font-size:11px}
@media(max-width:720px){.collectionMatrix tbody .spriteColumn{height:88px;padding:7px 9px;gap:8px}.collectionMatrix tbody .spriteColumn img{width:54px;height:54px;flex-basis:54px}.collectionMatrix td{height:88px}.collectionMatrix td>img{width:58px;height:52px}.collectionMatrix td>div{gap:6px}}

/* Full-width checklist action bars eliminate dead space and enlarge tap targets. */
.collectionMatrix tbody .spriteColumn,.collectionMatrix td{box-sizing:border-box;height:98px}.collectionMatrix td{padding:4px 4px 34px;overflow:hidden}.collectionMatrix td>img{width:68px;height:60px;margin:0 auto}.collectionMatrix td>div{position:absolute;left:0;right:0;bottom:0;height:32px;display:flex;gap:0;border-top:1px solid #ddd9d1;background:#f8f7f3}.collectionMatrix td button{flex:1;width:auto;height:32px;border:0;border-right:1px solid #ddd9d1;border-radius:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 3px;font-size:12px}.collectionMatrix td button:last-child{border-right:0}.collectionMatrix td button small{font-size:6px;letter-spacing:.25px}.collectionMatrix td.owned button:first-child{box-shadow:inset 0 -3px 0 #62bde9}.collectionMatrix td.mastered button:last-child{box-shadow:inset 0 -3px 0 #8caf25}.collectionMatrix td button:focus-visible{position:relative;z-index:2;outline:2px solid #7557f6;outline-offset:-2px}
@media(max-width:720px){.collectionMatrix tbody .spriteColumn,.collectionMatrix td{height:94px}.collectionMatrix td{padding-bottom:36px}.collectionMatrix td>img{width:62px;height:54px}.collectionMatrix td>div,.collectionMatrix td button{height:34px}.collectionMatrix td button small{font-size:6px}}

/* PDF export controls and print-ready checklist layout. */
.viewActions{display:flex;align-items:center;gap:9px}.exportActions{display:flex;border:1px solid #d4d0c8;border-radius:7px;overflow:hidden;background:#fff}.exportActions button{border:0;border-right:1px solid #d4d0c8;background:#fff;padding:9px 11px;color:#41434a;font-size:9px;font-weight:850;cursor:pointer}.exportActions button:last-child{border-right:0}.exportActions button:hover{background:#f1efe9}.exportActions button b{font-size:12px;margin-right:4px;color:#7557f6}
@media(max-width:720px){.viewActions{width:100%;flex-direction:column;align-items:stretch}.exportActions{width:100%}.exportActions button{flex:1}.viewActions .viewToggle{width:100%}}
@media print{@page{size:landscape;margin:8mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.hero,.variantLegend,.viewBar,.filterbar,.notes,.comparePreview,footer{display:none!important}html,body,main{background:#fff!important}.collection{padding:0!important}.collectionHead{margin:0 0 6mm}.collectionHead h2{font-size:22pt}.collectionIntro{font-size:7pt;max-width:none}.seasonSelect{font-size:6pt}.seasonSelect select{border:0;padding:0;font-size:8pt}.progressPanel{padding:8px 12px;margin-bottom:4mm;box-shadow:none}.progressNumbers strong{font-size:22px}.rarityStats{display:none}.dualTracks{gap:5px}.matrixWrap{overflow:visible;border:1px solid #aaa;box-shadow:none}.collectionMatrix{min-width:0!important;width:100%;table-layout:fixed}.collectionMatrix thead{display:table-header-group}.collectionMatrix thead th{position:static;height:34px;padding:3px}.collectionMatrix thead th>span{font-size:6pt}.collectionMatrix thead th>small{font-size:4.5pt}.collectionMatrix .spriteColumn{position:static;width:108px}.collectionMatrix tbody .spriteColumn{box-sizing:border-box;height:48px;padding:3px 5px;gap:5px}.collectionMatrix tbody .spriteColumn img{width:34px;height:34px;flex-basis:34px}.collectionMatrix tbody .spriteColumn strong{font-size:7pt}.collectionMatrix tbody .spriteColumn small{font-size:4.5pt}.collectionMatrix tbody tr{break-inside:avoid;page-break-inside:avoid}.collectionMatrix td{box-sizing:border-box;height:48px;padding:2px 2px 18px;overflow:hidden}.collectionMatrix td>img{width:34px;height:28px;margin:0 auto}.collectionMatrix td>div,.collectionMatrix td button{height:17px}.collectionMatrix td button{font-size:6pt;gap:2px}.collectionMatrix td button small{font-size:4.25pt}.collectionMatrix td.unavailable{font-size:8pt}.printBlank .progressPanel{display:none}.printBlank .collectionMatrix td.owned,.printBlank .collectionMatrix td.mastered{background:#fff!important}.printBlank .collectionMatrix td button{font-size:0!important;background:#fff!important;box-shadow:none!important}.printBlank .collectionMatrix td button:before{content:"□";font-size:7pt}.printBlank .collectionMatrix td button small{font-size:4.25pt}}

/* Keep interaction feedback local to the exact action, not the whole row. */
.collectionMatrix tbody tr:hover .spriteColumn,.collectionMatrix tbody tr:hover td:not(.unavailable){box-shadow:none}.collectionMatrix td button:focus{outline:none}.collectionMatrix td button:hover{background:#efede7}.collectionMatrix td button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #7557f6}.collectionMatrix td.owned button:first-child:focus-visible{box-shadow:inset 0 0 0 2px #248dc0,inset 0 -3px 0 #248dc0}.collectionMatrix td.mastered button:last-child:focus-visible{box-shadow:inset 0 0 0 2px #6f8f18,inset 0 -3px 0 #6f8f18}

/* Balanced two-page field sheet. This later print block refines the base export rules. */
@media print{.collectionHead{align-items:end;border-bottom:2px solid #171b25;padding-bottom:4mm;margin-bottom:4mm}.collectionHead h2{font-size:20pt;margin:2mm 0 1mm}.collectionHead .sectionKicker{font-size:6pt}.collectionIntro{margin:0;font-size:6.5pt}.progressPanel{display:none!important}.collectionMatrix .spriteColumn{width:126px}.collectionMatrix tbody .spriteColumn,.collectionMatrix td{height:43px}.collectionMatrix tbody .spriteColumn{padding:2px 5px}.collectionMatrix tbody .spriteColumn img{width:30px;height:30px;flex-basis:30px}.collectionMatrix tbody .spriteColumn strong{font-size:7.5pt}.collectionMatrix td{padding:1px 2px 16px}.collectionMatrix td>img{width:31px;height:25px}.collectionMatrix td>div,.collectionMatrix td button{height:15px}.collectionMatrix td button{font-size:5.5pt}.collectionMatrix td button small{font-size:4pt}.collectionMatrix tbody tr:nth-child(13){break-before:page;page-break-before:always}.collectionMatrix td.unavailable{background:repeating-linear-gradient(135deg,#f2f0eb,#f2f0eb 4px,#ebe8e1 4px,#ebe8e1 8px)!important}.collectionMatrix tbody tr:nth-child(even) .spriteColumn{background:#efede7}.collectionMatrix th,.collectionMatrix td{border-color:#c9c5bd}}

/* Visually center transparent-canvas artwork in Field Guide cards. */
.spriteVisual img{transform:translateY(-10px)}.card:hover .spriteVisual img{transform:translateY(-14px) scale(1.025)}
@media(max-width:720px){.spriteVisual img{transform:translateY(-7px)}.card:hover .spriteVisual img{transform:translateY(-10px) scale(1.02)}}
@media(max-width:900px){.profileSetup{grid-template-columns:1fr 1fr}.profileSetup>div{grid-column:1/-1}.profileSetup .primary{justify-self:start}}
@media(max-width:560px){.profileSetup{grid-template-columns:1fr}.profileSetup>div{grid-column:auto}}
.saveStatus{display:flex;align-items:center;justify-content:flex-end;gap:7px;height:18px;margin:-20px 0 10px;font:800 9px var(--font-mono);letter-spacing:.5px;color:#6b6d73}.saveStatus span{width:7px;height:7px;border-radius:50%;background:#8064ef}.saveStatus.saving span{animation:savePulse .8s ease-in-out infinite alternate}.saveStatus.saved{color:#267552}.saveStatus.saved span{background:#41b77e}@keyframes savePulse{to{opacity:.35;transform:scale(.75)}}

/* The entire lower page rises over the pinned hero as one foreground sheet. */
.lowerPage{position:relative;z-index:2;background:var(--paper);border-radius:24px 24px 0 0;box-shadow:0 -22px 60px #17172226;overflow:hidden}
.lowerPage .collection{position:static;z-index:auto;background:transparent;border-radius:0;box-shadow:none}
@media print{.lowerPage{border-radius:0;box-shadow:none;overflow:visible}}

/* Public player discovery and comparison. */
.playerPage{min-height:calc(100vh - 76px);padding:54px 5vw 90px;max-width:1500px;margin:auto}.playerSearchPanel{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;padding:30px;border:1px solid #d5d1c8;border-radius:14px;background:#fff;box-shadow:0 8px 0 #dedad1}.playerSearchPanel h1{font-size:clamp(34px,5vw,64px);line-height:.9;letter-spacing:-3.5px;margin:10px 0 14px}.playerSearchPanel p{margin:0;color:#686a71;font-size:13px;line-height:1.55;max-width:620px}.playerSearchPanel form{display:grid;gap:7px}.playerSearchPanel label,.shareBox label{font:800 8px var(--font-mono);letter-spacing:1px;color:#73757b}.playerSearchPanel form>div,.shareBox>div{display:flex}.playerSearchPanel input,.shareBox input{min-width:0;flex:1;border:1px solid #d3cfc6;border-radius:8px 0 0 8px;background:#faf9f5;padding:13px;color:var(--ink)}.playerSearchPanel .primary{border:0;border-radius:0 7px 7px 0;box-shadow:none;cursor:pointer}.searchMessage{font-size:10px;color:#b34454}.playerState{display:grid;place-items:center;gap:5px;min-height:180px;margin-top:24px;border:1px dashed #cbc7bd;border-radius:12px;color:#77797f}.playerState strong{font-size:18px;color:var(--ink)}.playerState span{font-size:11px}.playerHero{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:55px 0 20px}.playerHero h2{font-size:50px;letter-spacing:-3px;margin:4px 0}.playerHero p{margin:0;color:#696b71}.shareBox{width:min(520px,48%);display:grid;gap:6px}.shareBox input{font:9px var(--font-mono)}.shareBox button{border:1px solid #171b25;border-radius:0 7px 7px 0;background:#171b25;color:#fff;padding:0 16px;font-size:10px;font-weight:850;cursor:pointer}.compareNotice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:16px 19px;border-radius:9px;background:#eeeafb;border:1px solid #cfc5f4;font-size:12px}.compareNotice a{color:#fff;background:#171b25;border-radius:6px;padding:8px 11px;text-decoration:none;font-weight:800;white-space:nowrap}.comparisonSummary{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;background:#171b25;color:#fff;border-radius:10px;overflow:hidden}.comparisonSummary div{display:grid;padding:20px 24px;border-right:1px solid #3a3e48}.comparisonSummary div:last-child{border:0}.comparisonSummary strong{font-size:34px;color:var(--lime)}.comparisonSummary span{font:7px var(--font-mono);letter-spacing:1px;color:#a8abb2}.playerToolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0}.playerToolbar .segmented{overflow:auto}.playerToolbar .segmented button{white-space:nowrap}.publicCollectionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.publicSpriteCard{overflow:hidden;border:1px solid #d5d1c8;border-radius:10px;background:#fff}.publicSpriteArt{height:190px;display:grid;place-items:center;background:radial-gradient(circle,var(--sprite-color) 0,transparent 68%),#ece9e2}.publicSpriteArt img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 16px 12px #17171732)}.publicSpriteCard>div:last-child{padding:15px}.publicSpriteCard h3{margin:4px 0 3px;font-size:19px}.publicSpriteCard span,.publicSpriteCard small{font:7px var(--font-mono);letter-spacing:.7px;color:#74767d}.publicSpriteCard span i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
@media(max-width:900px){.playerSearchPanel{grid-template-columns:1fr}.playerHero{align-items:flex-start;flex-direction:column}.shareBox{width:100%}.publicCollectionGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.playerPage{padding:28px 18px 60px}.playerSearchPanel{padding:22px;gap:25px}.playerSearchPanel h1{font-size:42px}.playerSearchPanel form>div{flex-direction:column}.playerSearchPanel input,.playerSearchPanel .primary{border-radius:7px}.playerSearchPanel .primary{margin-top:7px}.playerHero h2{font-size:38px}.comparisonSummary{grid-template-columns:1fr}.comparisonSummary div{border-right:0;border-bottom:1px solid #3a3e48}.playerToolbar{align-items:stretch;flex-direction:column}.playerToolbar .segmented{width:100%}.publicCollectionGrid{grid-template-columns:repeat(2,1fr)}.publicSpriteArt{height:150px}}
@media(max-width:430px){.publicCollectionGrid{grid-template-columns:1fr}.shareBox>div{align-items:stretch;flex-direction:column}.shareBox input,.shareBox button{border-radius:7px}.shareBox button{padding:10px;margin-top:6px}}
.playerSearchResult{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 24px;border:1px solid #d5d1c8;border-radius:10px;background:#fff}.playerSearchResult>div{display:grid;gap:5px}.playerSearchResult strong{font-size:18px}.profileActions{width:min(600px,52%);display:flex;align-items:end;gap:10px}.profileActions .shareBox{width:auto;flex:1}.trackButton{height:42px;border:1px solid #171b25;border-radius:7px;background:#171b25;color:#fff;padding:0 16px;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.trackButton.tracked{border-color:#c8c3b9;background:#f3f1eb;color:#34363c}.trackButton:disabled{opacity:.6}.trackedPage{min-height:calc(100vh - 76px);padding:58px 5vw 90px;max-width:1350px;margin:auto}.trackedHero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.trackedHero h1{font-size:clamp(44px,6vw,72px);line-height:.9;letter-spacing:-4px;margin:9px 0 13px}.trackedHero p{margin:0;color:#686a71}.trackedTableWrap{overflow-x:auto;border:1px solid #d5d1c8;border-radius:12px;background:#fff;box-shadow:0 7px 0 #dedad1}.trackedTable{width:100%;border-collapse:collapse}.trackedTable th{text-align:left;padding:13px 18px;border-bottom:1px solid #d5d1c8;background:#efede7;font:800 8px var(--font-mono);letter-spacing:1px;color:#73757b}.trackedTable td{padding:17px 18px;border-bottom:1px solid #e1ded7;font-size:13px}.trackedTable tbody tr:last-child td{border-bottom:0}.trackedTable th:nth-child(2),.trackedTable th:nth-child(3),.trackedTable td:nth-child(2),.trackedTable td:nth-child(3){text-align:center}.trackedTable td:nth-child(2),.trackedTable td:nth-child(3){font-size:20px;font-weight:900}.trackedActions{display:flex;justify-content:flex-end;gap:7px}.trackedActions a,.trackedActions button{border:1px solid #cbc6bc;border-radius:6px;background:#f5f3ed;padding:8px 10px;color:var(--ink);font-size:9px;font-weight:850;text-decoration:none;white-space:nowrap;cursor:pointer}.trackedActions button{color:#a33d49}.trackedActions button:disabled{opacity:.55}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.untrackConfirm{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #e1b8b2;border-radius:8px;background:#fff8f7}.untrackConfirm button{height:29px;border:1px solid #d0c9c0;border-radius:5px;padding:0 9px;font-size:9px;font-weight:850;cursor:pointer}.cancelUntrack{background:#fff!important;color:#555860!important}.confirmUntrack{border-color:#b83443!important;background:#b83443!important;color:#fff!important}
@media(max-width:900px){.profileActions{width:100%}.trackedHero{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.playerSearchResult{align-items:flex-start;flex-direction:column}.profileActions{align-items:stretch;flex-direction:column}.trackedPage{padding:34px 18px 60px}.trackedTable{min-width:690px}}

/* Readable on-screen checklist labels; print sizing remains unchanged. */
@media screen {
  .collectionMatrix thead th > small {font-size:8px;line-height:1.25;margin-top:4px}
  .collectionMatrix tbody .spriteColumn small {font:800 8px/1.2 var(--font-mono);letter-spacing:.3px}
  .collectionMatrix td button small {font:800 8px/1 var(--font-mono);letter-spacing:.2px}
}

/* Account settings and private public-profile state. */
.privateCollectionState{display:grid;place-items:center;text-align:center;min-height:240px;margin:28px 0;padding:35px;border:1px dashed #bbb4d7;border-radius:13px;background:#f0edfa}.privateCollectionState strong{font-size:22px;margin:5px 0}.privateCollectionState p{margin:0;color:#676971;font-size:12px}.accountPage{min-height:calc(100vh - 76px);padding:58px 5vw 90px;max-width:1350px;margin:auto}.accountHero{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.accountHero h1{font-size:clamp(44px,6vw,72px);line-height:.9;letter-spacing:-4px;margin:9px 0 13px}.accountHero p{margin:0;color:#686a71}.accountStats{display:grid;grid-template-columns:repeat(2,130px);overflow:hidden;border-radius:10px;background:#171b25;color:#fff}.accountStats div{display:grid;padding:17px 20px;border-right:1px solid #3a3e48}.accountStats div:last-child{border:0}.accountStats strong{font-size:30px;color:var(--lime)}.accountStats span{font:7px var(--font-mono);letter-spacing:1px;color:#a8abb2}.accountGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:18px}.accountCard{padding:25px;border:1px solid #d6d2c9;border-radius:12px;background:#fff;box-shadow:0 6px 0 #dfdbd2}.accountCard h2{font-size:24px;margin:4px 0 8px}.accountCard p{font-size:12px;line-height:1.55;color:#686a71}.accountCardHead{display:flex;align-items:start;justify-content:space-between;gap:20px}.accountCard form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:23px}.accountCard form>label,.deleteControl label{display:grid;gap:7px;font:8px var(--font-mono);letter-spacing:.8px;color:#73757b}.accountCard input{min-width:0;border:1px solid #d3cfc6;border-radius:7px;background:#faf9f5;padding:11px;color:var(--ink)}.accountCard form .privacySetting{grid-column:1/-1;display:flex;align-items:start;gap:12px;padding:16px;border:1px solid #d8d4cc;border-radius:9px;background:#f6f4ee;cursor:pointer}.privacySetting>input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--purple)}.privacySetting span{display:grid;gap:4px}.privacySetting strong{font:800 13px var(--font-geist);color:var(--ink);letter-spacing:0}.privacySetting small{font:11px/1.45 var(--font-geist);letter-spacing:0;color:#6b6d73}.accountCard form .primary{justify-self:start;border:0;cursor:pointer}.accountCard button:disabled{opacity:.55;cursor:not-allowed}.accountMessage{font-size:10px;font-weight:750}.accountMessage.success{color:#267552}.accountMessage.error{color:#b34454}.profileLinkCard>label{display:block;margin-top:23px;font:800 8px var(--font-mono);letter-spacing:1px;color:#73757b}.accountLink{display:flex;margin-top:6px}.accountLink input{flex:1;border-radius:7px 0 0 7px;font:9px var(--font-mono)}.accountLink button{border:0;border-radius:0 7px 7px 0;background:#171b25;color:#fff;padding:0 14px;font-size:10px;font-weight:850;cursor:pointer}.profileLinkCard>a{display:inline-block;margin-top:18px;color:var(--ink);font-size:11px;font-weight:850;text-decoration:none}.profileLinkCard>a span{color:var(--purple);margin-left:5px}.accountAccess,.dangerZone{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}.accountAccess p,.dangerZone p{margin:0}.accountAccess>button{border:1px solid #cfcac0;border-radius:7px;background:#f5f3ed;padding:10px 16px;font-size:11px;font-weight:850;cursor:pointer}.dangerZone{border-color:#e4aaa3;background:#fff8f7;box-shadow:0 6px 0 #ecd3cf}.dangerZone .sectionKicker{color:#b43c49}.deleteControl{display:grid;grid-template-columns:minmax(190px,260px) auto;align-items:end;gap:8px}.deleteControl button{height:39px;border:0;border-radius:7px;background:#b83443;color:#fff;padding:0 14px;font-size:10px;font-weight:850;cursor:pointer}.deleteControl>span{grid-column:1/-1;color:#b34454;font-size:10px}
@media(max-width:850px){.accountGrid{grid-template-columns:1fr}.accountHero{align-items:flex-start;flex-direction:column}.accountCard form{grid-template-columns:1fr}.accountCard form .privacySetting{grid-column:auto}.accountAccess,.dangerZone{align-items:stretch;flex-direction:column}.deleteControl{align-self:stretch}}
@media(max-width:560px){.accountPage{padding:34px 18px 60px}.accountStats{width:100%;grid-template-columns:repeat(2,1fr)}.accountCardHead{flex-direction:column}.deleteControl{grid-template-columns:1fr}.deleteControl button{height:42px}.accountHero h1{letter-spacing:-3px}}