[data-page=home][data-component=layout]>main{max-width:1280px;margin:0 auto;padding:0}[data-page=home] h1{margin:0}[data-page=home] h2{margin:0}[data-page=home] .home-hero{display:flex;border-bottom:1px solid var(--color-edge-soft);align-items:stretch}[data-page=home] .home-rail{border-right:1px solid var(--color-edge-soft);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;align-items: center;gap:24px;width:88px;padding:32px 0}[data-page=home] .home-rail .vlabel{font-size:1.75rem}@media (max-width:720px){[data-page=home] .home-rail{display:none}}[data-page=home] .rail-divider{background:linear-gradient(180deg,var(--color-want),var(--color-have));width:2px;height:40px}[data-page=home] .home-hero{flex-wrap:wrap}[data-page=home] .home-hero-copy{flex:1.3 420px}[data-page=home] .unfurl-mock{flex:380px;min-width:0}[data-page=home] .home-hero-copy{display:flex;flex-direction:column;align-items: flex-start;gap:24px;padding:72px 56px}@media (max-width:860px){[data-page=home] .home-hero-copy{padding:40px 24px 24px}}[data-page=home] .home-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.8125rem;font-weight:500}[data-page=home] .home-h1{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(2.5rem,3.4vw + 1rem,3.5rem);font-weight:400;line-height:.95}@media (max-width:640px){[data-page=home] .home-h1-break{display:none}}[data-page=home] .home-lead{color:var(--color-text-secondary);max-width:440px;margin:0;font-size:1.125rem;line-height:1.55}[data-page=home] .home-hero-cta{display:flex;flex-wrap:wrap;align-items: center;gap:16px}[data-page=home] .home-hero-cta .btn-ghost{padding:14px 28px;font-size:1rem}[data-page=home] .home-cta-note{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.8125rem}[data-page=home] .unfurl-mock{display:flex;flex-direction:column;gap:12px;max-width:520px;padding:72px 56px 72px 0}@media (max-width:860px){[data-page=home] .unfurl-mock{max-width:none;padding:0 24px 24px}}[data-page=home] .unfurl-card{position:relative;display:flex;background:radial-gradient(120% 120% at 0% 0%,#17151b 0%,var(--color-void)70%);border:1px solid var(--color-edge);border-radius:var(--radius);overflow:hidden;mask-image:linear-gradient(90deg,#000 82%,#0000 100%);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:28px 0 60px 24px}[data-page=home] .unfurl-row{display:flex;align-items: center;gap:16px}[data-page=home] .unfurl-card-label{flex-shrink:0;font-size:1.5rem}[data-page=home] .unfurl-card-pill{position:absolute;bottom:20px;left:24px}[data-page=home] .unfurl-card-mark{position:absolute;bottom:16px;right:16px}[data-page=home] .unfurl-card-mark .wordmark{font-size:1rem}[data-page=home] .unfurl-caption{text-align:center;font-family:var(--font-mono);color:var(--color-text-quaternary);margin:0;font-size:.75rem}[data-page=home] .card-row{display:flex;overflow:hidden;gap:16px}[data-page=home] .card-row img{aspect-ratio:63/88;border:1px solid var(--color-edge);object-fit:cover;border-radius:7px;flex-shrink:0;width:110px;height:auto}[data-page=home] .home-steps{display:flex;border-bottom:1px solid var(--color-edge-soft)}@media (max-width:860px){[data-page=home] .home-steps{flex-direction:column}}[data-page=home] .home-step{display:flex;flex-direction:column;flex:1;gap:16px;padding:56px}@media (max-width:860px){[data-page=home] .home-step{padding:32px 24px}}[data-page=home] .home-step h2{font-family:var(--font-display);font-size:1.875rem;font-weight:400}[data-page=home] .home-step p{margin:0;font-size:.9375rem;line-height:1.55}[data-page=home] .home-step+.home-step{border-left:1px solid var(--color-edge-soft)}@media (max-width:860px){[data-page=home] .home-step+.home-step{border-left:none;border-top:1px solid var(--color-edge-soft)}}[data-page=home] .home-step-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-want);margin:0;font-size:.8125rem}[data-page=home] .home-step-url{font-family:var(--font-mono);background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);color:var(--color-text-secondary);align-self: flex-start;padding:10px 14px;font-size:.875rem}[data-page=home] .home-demo{display:flex;border-bottom:1px solid var(--color-edge-soft);align-items:stretch}@media (max-width:860px){[data-page=home] .home-demo{flex-direction:column}}[data-page=home] .home-demo-lists{display:flex;flex-direction:column;flex:1;justify-content:center;gap:24px;min-width:0;padding:36px 56px}@media (max-width:860px){[data-page=home] .home-demo-lists{padding:24px}}[data-page=home] .home-demo-lists .preview-row{display:flex;align-items: center;gap:20px}[data-page=home] .home-demo-label{padding-right:9px;font-size:1.0625rem}[data-page=home] .home-demo-label.vlabel-want{border-right:2px solid var(--color-want)}[data-page=home] .home-demo-label.vlabel-have{border-right:2px solid var(--color-have)}[data-page=home] .home-demo-panel{border-left:1px solid var(--color-edge-soft);display:flex;flex-direction:column;flex-shrink:0;justify-content:center;gap:14px;width:300px;padding:36px}[data-page=home] .home-demo-panel .count-badge{align-self: flex-start}[data-page=home] .home-demo-panel h2{font-family:var(--font-display);font-size:1.625rem;font-weight:400;line-height:1.05}[data-page=home] .home-demo-panel p{margin:0;font-size:.875rem;line-height:1.55}@media (max-width:860px){[data-page=home] .home-demo-panel{border-left:none;border-top:1px solid var(--color-edge-soft);width:auto;padding:24px}}[data-page=home] .home-final{display:flex;text-align:center;border-bottom:1px solid var(--color-edge-soft);flex-direction:column;align-items: center;gap:20px;padding:72px 56px}@media (max-width:640px){[data-page=home] .home-final{padding:40px 24px}}[data-page=home] .home-final h2{font-family:var(--font-display);font-size:clamp(1.875rem,4vw + 1rem,2.875rem);font-weight:400}[data-page=home] .faq{max-width:720px;margin:0 auto;padding:48px 24px}[data-page=home] .faq-title{text-align:center;margin-bottom:2rem;font-size:1.75rem}[data-page=home] .faq-list{display:flex;flex-direction:column;gap:.75rem}[data-page=home] .faq-item{background:var(--color-ground);border:1px solid var(--color-edge-soft);border-radius:var(--radius);padding:4px 20px}[data-page=home] .faq-item[open]{border-color:var(--color-edge)}[data-page=home] .faq-q{font-family:var(--font-body);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items: center;gap:1rem;padding:16px 0;font-size:1rem;font-weight:600}[data-page=home] .faq-q::-webkit-details-marker{display:none}[data-page=home] .faq-q:after{content:"+";font-family:var(--font-mono);color:var(--color-text-tertiary);transition:transform .15s;font-size:1.25rem}[data-page=home] .faq-item[open] .faq-q:after{content:"−";color:var(--color-primary)}[data-page=home] .faq-a{margin:0;padding:0 0 16px;line-height:1.65}[data-page=new] .builder-intro{position:relative;background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);margin-top:1rem;margin-bottom:1.5rem;padding:1.25rem 1.25rem 1.4rem}@media (min-width:640px){[data-page=new] .builder-intro{margin-top:1.5rem;padding:1.75rem 1.75rem 1.9rem}}[data-page=new] .builder-intro-close{position:absolute;display:flex;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items: center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;top:.6rem;right:.6rem}[data-page=new] .builder-intro-close:hover{background:var(--color-well);color:var(--color-bone)}[data-page=new] .builder-intro-close:focus-visible{background:var(--color-well);color:var(--color-bone)}[data-page=new] .builder-heading{font-family:var(--font-body);margin-bottom:.5rem;padding-right:2rem;font-size:1.6rem}@media (min-width:640px){[data-page=new] .builder-heading{font-size:2rem}}[data-page=new] .builder-intro .lead{max-width:42rem;margin:0}[data-page=new] .builder-noscript{border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);padding:1rem}[data-page=new] .builder-loading{text-align:center;padding:3rem 1rem}[data-page=list] .list-page{max-width:760px;margin:0 auto}[data-page=list] .list-head{display:flex;background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1.75rem}[data-page=list] .list-head-title{font-family:var(--font-body);margin:0;font-size:1.5rem}[data-page=list] .list-head-hint{color:var(--color-text-tertiary);margin:0;font-size:.875rem}[data-page=list] .share-panel{background:radial-gradient(130% 130% at 0% 0%,#221a12 0%,var(--color-ground)65%);border:1px solid var(--color-edge);border-radius:var(--radius);margin-bottom:2rem;padding:2rem 1.75rem}[data-page=list] .share-head{display:flex;align-items: center;gap:.75rem;margin-bottom:.5rem}[data-page=list] .share-title{font-family:var(--font-body);color:var(--color-primary);margin:0;font-size:1.9rem}[data-page=list] .share-sub{color:var(--color-text-secondary);margin:.5rem 0 1.5rem;font-size:1.0625rem}[data-page=list] .share-url-row{display:flex;gap:.5rem}@media (max-width:640px){[data-page=list] .share-url-row{flex-direction:column}}[data-page=list] .share-url{font-family:var(--font-mono);color:var(--color-bone);background:var(--color-void);border-color:var(--color-edge);flex:1;min-width:0;padding:12px 14px;font-size:.9375rem}[data-page=list] .share-copy{white-space:nowrap;flex-shrink:0;padding:12px 22px;font-size:.9375rem}@media (max-width:640px){[data-page=list] .share-copy{width:100%}}[data-page=list] .share-copy.copied{background:var(--color-success)}[data-page=list] .nudge{border-top:1px solid var(--color-edge);margin-top:1.25rem;padding-top:1.25rem}[data-page=list] .nudge-copy{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.55}[data-page=list] .nudge-actions{display:flex;align-items: center;gap:.75rem}[data-page=list] .btn-primary.nudge-btn{padding:8px 18px;font-size:.875rem}[data-page=list] .nudge-dismiss{color:var(--color-text-tertiary);background:0 0;padding:8px 12px}[data-page=list] .nudge-dismiss:hover{color:var(--color-bone);background:0 0}[data-page=list] .nudge-dismiss:focus{color:var(--color-bone);background:0 0}[data-page=list] .owner-bar{display:flex;background:var(--color-ground);border:1px solid var(--color-edge-soft);border-radius:var(--radius-sm);justify-content:space-between;align-items: center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem}[data-page=list] .owner-note{font-size:.875rem}[data-page=list] .list-unavailable{text-align:center;max-width:560px;margin:3rem auto}[data-page=list] .list-unavailable .unavailable-title{margin-bottom:1rem;font-size:2rem}[data-page=list] .list-unavailable .flywheel{margin-top:2rem}.card-modal-overlay{display:none;position:fixed;z-index:100;background:#000000b3;justify-content:center;align-items: center;padding:1.25rem;inset:0}.card-modal-overlay.is-open{display:flex}.card-modal{position:relative;background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);text-align:center;width:100%;max-width:320px;padding:2.5rem 1.5rem 1.5rem;box-shadow:0 12px 40px #000000a6}.card-modal-close{position:absolute;display:inline-flex;border:1px solid var(--color-edge);border-radius:var(--radius-pill);color:#000;cursor:pointer;background:#fff;justify-content:center;align-items: center;width:32px;height:32px;font-size:1.25rem;line-height:1;top:0;right:0;transform:translate(50%,-50%)}.card-modal-close:hover{border-color:var(--color-primary)}.card-modal-close:focus{border-color:var(--color-primary)}.card-modal-img{object-fit:contain;display:block;border-radius:8px;width:100%;max-width:240px;height:auto;max-height:50vh;margin:0 auto 1rem;box-shadow:0 4px 14px #0000004d}.card-modal-rarity-badge{display:inline-flex;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-want)60%,transparent);color:var(--color-want);align-items: center;margin-bottom:.5rem;padding:3px 8px;font-size:.6875rem}.card-modal-rarity-badge.is-have{border-color:color-mix(in srgb,var(--color-have)60%,transparent);color:var(--color-have)}.card-modal-name{font-family:var(--font-body);color:var(--color-bone);margin:0 0 .375rem;font-size:1.25rem}.card-modal-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);margin:0;font-size:.9375rem}[data-page=lists] .lists-head{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:2rem}[data-page=lists] .lists-head h1{margin:0;font-size:2rem}[data-page=lists] .lists-empty{text-align:center;border:1px dashed var(--color-edge);border-radius:var(--radius);padding:3rem 1rem}[data-page=lists] .lists-empty .lead{max-width:34rem;margin:0 auto 1.5rem}[data-page=lists] .lists-grid{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}[data-page=lists] .list-row{display:flex;background:var(--color-ground);border:1px solid var(--color-edge-soft);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem;padding:1.25rem}[data-page=lists] .list-row-main{display:flex;flex-direction:column;gap:.5rem;min-width:0}[data-page=lists] .list-row-title{color:var(--color-bone);text-decoration:none;font-size:1.125rem;font-weight:600}[data-page=lists] .list-row-title:hover{color:var(--color-primary);text-decoration:none}[data-page=lists] .list-row-title:focus{color:var(--color-primary);text-decoration:none}[data-page=lists] .list-row-meta{display:flex;flex-wrap:wrap;align-items: center;gap:1rem}[data-page=lists] .list-row-date{font-family:var(--font-mono);font-size:.8125rem}[data-page=lists] .list-row-actions{display:flex;align-items: center;gap:.5rem}[data-page=lists] .list-row-actions form{margin:0}.login-page{background:var(--color-void);display:flex;flex-direction:column;justify-content:center;align-items: center;min-height:100vh;padding:48px 16px}.login-wrapper{width:100%;max-width:440px}.login-header{text-align:center;margin-bottom:32px}.login-header a{display:inline-flex;color:var(--color-bone)}.login-header .wordmark{font-size:2.5rem}.login-card{background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);padding:32px}.login-title{font-family:var(--font-body);color:var(--color-bone);text-align:center;margin-bottom:4px;font-size:1.25rem;font-weight:600}.login-subtitle{color:var(--color-text-tertiary);text-align:center;margin-bottom:24px;font-size:14px}.login-card .flash-success p:first-child{color:var(--color-bone);margin:0;font-weight:500}.login-card .flash-success p:nth-child(2){color:var(--color-text-secondary);margin-top:4px;margin-bottom:0;font-size:14px}.login-card .flash-success p:last-child{color:var(--color-text-quaternary);margin-top:8px;margin-bottom:0;font-size:12px}.login-card .flash-error span{color:var(--color-text-secondary);font-size:14px}.login-card .form-field{margin-bottom:20px}.login-submit{width:100%}.login-footer{text-align:center;margin-top:24px}.login-footer a{color:var(--color-text-quaternary);font-size:14px}.feedback-page{max-width:560px;margin:0 auto}.feedback-page h1{margin-bottom:.5rem}.feedback-page form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.feedback-page .btn-primary{align-self: flex-start}.feedback-page .flash-success{margin-bottom:.5rem}.feedback-page .flash-error{margin-bottom:.5rem}.feedback-intro{color:var(--color-text-tertiary);margin-bottom:.5rem}@media (max-width:640px){.feedback-page .btn-primary{align-self:stretch}}[data-page=admin] .admin-content{max-width:960px;margin:0 auto;padding:0 24px}[data-page=admin] .admin-header{margin-bottom:32px}[data-page=admin] .admin-header p{margin:0;font-size:14px}[data-page=admin] .admin-table-wrap{overflow-x:auto}[data-page=admin] .data-table th{border-bottom:1px solid var(--color-edge);padding:10px 24px;font-size:12px}[data-page=admin] .data-table td{border-bottom:1px solid var(--color-edge);padding:14px 24px;font-size:14px}[data-page=admin] .admin-email{color:var(--color-bone)}[data-page=admin] .admin-date{color:var(--color-text-quaternary)}[data-page=admin] .admin-empty{text-align:center;color:var(--color-text-quaternary)}[data-page=error]>main{text-align:center}[data-page=error] .error-page{max-width:32rem;margin:0 auto;padding-block-start:3rem;padding-block-end:3rem}[data-page=error] .error-status{color:var(--color-text-quaternary);letter-spacing:-.02em;margin:0;font-size:3rem;font-weight:700;line-height:1}[data-page=error] .error-page h1{margin-top:.5rem}[data-page=error] .error-actions{margin-top:2rem}[data-page=error] .error-actions .btn-primary{padding:10px 22px;font-size:14px;font-weight:600}[data-page=legal] .legal{color:var(--color-text-secondary);max-width:44rem;margin:0 auto;padding:3rem 1.5rem 4rem;line-height:1.7}[data-page=legal] .legal h1{color:var(--color-bone);font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}[data-page=legal] .legal-updated{color:var(--color-text-quaternary);margin:.5rem 0 2.5rem;font-size:13px}[data-page=legal] .legal h2{color:var(--color-bone);margin:2.25rem 0 .75rem;font-size:1.25rem}[data-page=legal] .legal p{margin:0 0 1rem}[data-page=legal] .legal ul{margin:0 0 1rem;padding-left:1.25rem}[data-page=legal] .legal li{margin-bottom:.5rem}[data-page=legal] .legal strong{color:var(--color-bone)}[data-page=legal] .legal a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}[data-page=legal] .legal a:hover,[data-page=legal] .legal a:focus{color:var(--color-primary-hover)}[data-component=layout]>header{background:var(--color-void);border-bottom:1px solid var(--color-edge);display:flex;justify-content:space-between;align-items: center;padding:.75rem 2rem}@media (max-width:640px){[data-component=layout]>header{padding:.75rem 1rem}}[data-component=layout]>header .logo{display:inline-flex;text-decoration:none;align-items: center}[data-component=layout]>header .logo:hover{text-decoration:none}[data-component=layout]>header .logo:focus{text-decoration:none}[data-component=layout]>main{max-width:960px;margin:0 auto;padding:2rem}@media (max-width:768px){[data-component=layout]>main{padding:1.5rem}}@media (max-width:640px){[data-component=layout]>main{padding:1rem}}[data-component=layout]>footer{border-top:1px solid var(--color-edge);color:var(--color-text-quaternary);display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:1rem 1.5rem;padding:1.5rem 2rem;font-size:13px}[data-component=layout]>footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}[data-component=layout]>footer .footer-made{margin-left:auto}@media (max-width:640px){[data-component=layout]>footer .footer-made{margin-left:0}}[data-component=layout]>footer .wordmark{opacity:.85;font-size:1rem}[data-component=layout]>footer a{color:var(--color-text-quaternary)}[data-component=layout]>footer a:hover{color:var(--color-text-secondary)}[data-component=layout]>footer a:focus{color:var(--color-text-secondary)}[data-component=nav]{display:flex;flex:1;align-items: center;gap:1.5rem;min-width:0;margin-left:2rem}@media (max-width:640px){[data-component=nav]{gap:.75rem;margin-left:.75rem}}[data-component=nav] ul{display:flex;list-style:none;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items: center;gap:1.5rem;margin:0;padding:0}@media (max-width:640px){[data-component=nav] ul{gap:.5rem}}[data-component=nav] ul a:not(.btn-primary):not(.btn-ghost){color:var(--color-text-secondary);text-decoration:none;transition:color .15s;font-size:14px;font-weight:500}[data-component=nav] ul a:not(.btn-primary):not(.btn-ghost):hover{color:var(--color-bone);text-decoration:none}[data-component=nav] ul a:not(.btn-primary):not(.btn-ghost):focus{color:var(--color-bone);text-decoration:none}[data-component=nav] ul a:not(.btn-primary):not(.btn-ghost).active{color:var(--color-bone);font-weight:500}[data-component=nav] ul a:not(.btn-primary):not(.btn-ghost)[aria-current=page]{color:var(--color-bone);font-weight:500}[data-component=nav] .nav-auth .btn-ghost{border:none;padding:0}.flash-success{border:1px solid color-mix(in srgb,var(--color-want)30%,transparent);background:color-mix(in srgb,var(--color-want)8%,transparent);border-radius:var(--radius);margin-bottom:1rem;padding:12px 16px}.flash-error{border:1px solid color-mix(in srgb,var(--color-danger)25%,transparent);background:color-mix(in srgb,var(--color-danger)8%,transparent);border-radius:var(--radius);margin-bottom:1rem;padding:12px 16px}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field label{color:var(--color-text-secondary);letter-spacing:.01em;font-size:13px;font-weight:500}.form-field input{width:100%}.form-field textarea{width:100%}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--color-text-quaternary);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:8px 12px;font-size:11px;font-weight:500}.data-table td{border-top:1px solid var(--color-edge);padding:10px 12px}.badge{font-family:var(--font-mono);border-radius:var(--radius-pill);display:inline-flex;align-items: center;padding:2px 10px;font-size:12px;font-weight:600}.badge-admin{background:color-mix(in srgb,var(--color-want)14%,transparent);color:var(--color-want)}.badge-user{background:var(--color-well);color:var(--color-text-quaternary)}.vlabel-inline{display:inline-flex;font-family:var(--font-display);letter-spacing:.14em;border:1px solid color-mix(in srgb,currentColor 60%,transparent);border-radius:var(--radius-sm);align-items: center;padding:4px 7px 3px;font-size:.75rem;line-height:1}.count-badge{display:inline-flex;background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-pill);white-space:nowrap;font-family:var(--font-mono);align-items:baseline;gap:.5ch;padding:6px 16px;font-size:.9375rem;font-weight:600}.count-badge .count-want{color:var(--color-want)}.count-badge .count-have{color:var(--color-have)}.count-badge .count-sep{color:var(--color-text-quaternary);padding:0 .5ch}.trade-section{margin-bottom:2.5rem}.trade-section-head{display:flex;border-bottom:1px solid var(--color-edge-soft);align-items: center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.trade-section-title{font-family:var(--font-body);margin:0;font-size:1.125rem;font-weight:600}.trade-want .trade-section-title{color:var(--color-want)}.trade-have .trade-section-title{color:var(--color-have)}.trade-section-count{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-left:auto;font-size:.875rem}.rarity-group{margin-bottom:1.5rem}.rarity-label{font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.02em;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}@media (min-width:640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}}.card-tile{display:block;position:relative;overflow:hidden;aspect-ratio:367/512;background:var(--color-well);cursor:pointer;font:inherit;color:inherit;border:none;border-radius:8px;width:100%;margin:0;padding:0;box-shadow:0 4px 14px #0000004d}.card-tile-img{object-fit:cover;display:block;width:100%;height:100%}.card-qty{position:absolute;font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--color-bone);backdrop-filter:blur(2px);background:#0c0b0edd;padding:2px 7px;font-size:.75rem;font-weight:600;bottom:5px;right:5px}.friend-id-block{display:flex;background:var(--color-ground);border:1px solid var(--color-edge-soft);border-radius:var(--radius);flex-direction:column;gap:.5rem;margin:2.5rem 0;padding:1.25rem}.friend-id-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.75rem}.friend-id-copy{display:flex;background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items: center;gap:1rem;width:100%;padding:12px 16px;transition:border-color .15s}.friend-id-copy:hover{border-color:var(--color-primary)}.friend-id-copy:focus{border-color:var(--color-primary)}.friend-id-copy:active{background:var(--color-ground)}.friend-id-copy.copied{border-color:var(--color-success)}.friend-id-value{font-family:var(--font-mono);color:var(--color-bone);letter-spacing:.04em;font-size:1.25rem;font-weight:600}.friend-id-action{font-family:var(--font-mono);color:var(--color-primary);flex-shrink:0;font-size:.8125rem;font-weight:600}.friend-id-copy.copied .friend-id-action{color:var(--color-success)}.flywheel{display:flex;text-align:center;border-radius:var(--radius);flex-direction:column;align-items: center;gap:1rem;margin:2rem 0;padding:1.75rem 1.5rem}.flywheel-primary{background:radial-gradient(140% 120% at 50% 0%,#1b1720 0%,var(--color-ground)70%);border:1px solid var(--color-edge)}.flywheel-quiet{border:1px dashed var(--color-edge)}.flywheel-copy{color:var(--color-text-secondary);max-width:30rem;margin:0;font-size:1rem;line-height:1.55}.flywheel-copy .want{font-family:var(--font-display)}.flywheel-copy .have{font-family:var(--font-display)}.btn-primary.flywheel-btn{padding:12px 24px}[data-page=new][data-component=layout]>main{padding-top:calc(4.25rem + env(safe-area-inset-top));max-width:1440px;padding-bottom:2rem}.builder{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:900px){.builder{grid-template-columns:1fr minmax(360px,400px);align-items: start}}.builder-meta{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width:900px){.builder-meta{grid-column:1/-1}}.builder-details{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:480px;margin:0 auto}@media (min-width:900px){.builder-details{grid-column:1/-1}}.builder-meta--stack{flex-direction:column}.builder-details-note{background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);color:#fff;padding:1rem 1.1rem;font-size:1.0625rem;line-height:1.5}.builder-details .count-badge{align-self: start}.builder-back{justify-content:center;width:100%}.builder-picker{min-width:0}.picker-controls{display:flex;background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:.9rem;margin-bottom:1.25rem;padding:1rem}@media (min-width:560px){.picker-controls{flex-direction:row;align-items: end;gap:.75rem}}.picker-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}@media (min-width:560px){.picker-field--search{flex:2 220px}}@media (min-width:560px){.picker-field--set{flex:190px;min-width:170px}}.search-input{width:100%;min-width:0;margin:0;padding:14px 16px;font-size:16px}.set-select{font-family:var(--font-body);background-color:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);color:var(--color-bone);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238b8794' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;width:100%;padding:13px 40px 13px 14px;font-size:15px;font-weight:500}.set-select:hover{border-color:var(--color-text-tertiary)}.set-select:focus-visible{border-color:var(--color-primary)}.set-select option{background:var(--color-ground);color:var(--color-bone)}.sort-row{display:flex;align-items: center;gap:.6rem;margin-bottom:1rem}.sort-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);flex-shrink:0;font-size:.75rem}.sort-toggle{display:inline-flex;background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);gap:3px;padding:3px}.sort-toggle button{color:var(--color-text-secondary);background:0 0;border-radius:5px;padding:5px 14px;font-size:.8125rem;font-weight:600}.sort-toggle button:hover{color:var(--color-bone)}.sort-toggle button.active{background:var(--color-bone);color:var(--color-ground)}.sort-dir{display:inline-flex;background:var(--color-well);border:1px solid var(--color-edge);color:var(--color-text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items: center;width:32px;height:32px;padding:0;font-size:1rem;font-weight:700}.sort-dir:hover{background:var(--color-sleeve);color:var(--color-bone);border-color:var(--color-text-tertiary)}.sort-dir:focus-visible{background:var(--color-sleeve);color:var(--color-bone);border-color:var(--color-text-tertiary)}.sort-dir:active{background:var(--color-well)}.sort-clear{background:var(--color-well);border:1px solid var(--color-edge);color:var(--color-text-secondary);border-radius:var(--radius-sm);margin-left:auto;padding:5px 14px;font-size:.8125rem;font-weight:600}.sort-clear:hover{background:var(--color-sleeve);color:var(--color-bone);border-color:var(--color-text-tertiary)}.sort-clear:focus-visible{background:var(--color-sleeve);color:var(--color-bone);border-color:var(--color-text-tertiary)}.sort-clear:active{background:var(--color-well)}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;min-height:120px}@media (min-width:640px){.browse-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}}.picker-hint{grid-column:1/-1;text-align:center;background:var(--color-ground);border:1px dashed var(--color-edge);border-radius:var(--radius);padding:2.5rem 1.5rem;font-size:1rem}.browse-card{display:flex;overflow:hidden;background:var(--color-well);color:var(--color-text-secondary);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;padding:0;transition:transform .12s,border-color .12s}.browse-card:hover{background:var(--color-well);transform:translateY(-2px)}.browse-card:focus{background:var(--color-well);transform:translateY(-2px)}.browse-card.in-want{border-color:var(--color-want);padding:2px}.browse-card.in-have{border-color:var(--color-have);padding:2px}.browse-card-media{position:relative;aspect-ratio:367/512}.browse-card-media img{object-fit:cover;display:block;width:100%;height:100%}.browse-card-caption{text-align:left;overflow:hidden;padding:4px 6px}.browse-card-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.6875rem;font-weight:600;line-height:1.2}.browse-card-rarity{display:block;font-family:var(--font-mono);color:var(--color-primary);font-size:.625rem}.rarity-icons{display:inline-flex;align-items: center;gap:1px}.rarity-diamond,.rarity-star,.rarity-asterisk{flex-shrink:0;font-size:15px;line-height:1}.browse-card-flag{position:absolute;border-radius:var(--radius-pill);display:flex;color:#fff;justify-content:center;align-items: center;width:20px;height:20px;top:4px;right:4px}.browse-card-check{stroke-width:3px;width:12px;height:12px}.in-want .browse-card-flag{background:var(--color-want)}.in-have .browse-card-flag{background:var(--color-have)}.builder-lists{min-width:0}.builder-section{margin-bottom:1.25rem}.builder-section-head{display:flex;align-items: center;gap:.6rem;margin-bottom:.75rem}.builder-section-head h2{font-family:var(--font-body);margin:0;font-size:1rem;font-weight:600}.builder-section-head .section-count{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-left:auto;font-size:.8125rem}.list-empty{border:1px dashed var(--color-edge);border-radius:var(--radius-sm);margin:0;padding:1rem;font-size:.875rem}.trade-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0}.list-item{display:flex;background:var(--color-ground);border:1px solid var(--color-edge-soft);border-radius:var(--radius-sm);align-items: center;gap:.6rem;padding:6px 8px}.list-item-img{border-radius:3px;flex-shrink:0;width:34px;height:auto}.list-item-body{display:flex;flex-direction:column;flex:1;min-width:0}.list-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500}.list-item-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.6875rem}.qty-stepper,.reorder{display:flex;flex-shrink:0;align-items: center}:is(.qty-stepper,.reorder) button{background:var(--color-well);color:var(--color-text-secondary);border-radius:6px;width:26px;height:26px;padding:0;font-size:15px;line-height:1}:is(.qty-stepper,.reorder) button:hover:not(:disabled){background:var(--color-sleeve);color:var(--color-bone)}:is(.qty-stepper,.reorder) button:disabled{opacity:.35;cursor:default}.qty-stepper{gap:.25rem}.qty-value{font-family:var(--font-mono);text-align:center;min-width:1.25rem;font-size:.8125rem;font-weight:600}.reorder{gap:.15rem}.remove-btn{color:var(--color-text-quaternary);background:0 0;border-radius:6px;flex-shrink:0;width:26px;height:26px;padding:0;font-size:18px;line-height:1}.remove-btn:hover{background:color-mix(in srgb,var(--color-danger)14%,transparent);color:var(--color-danger)}.builder-friend{display:flex;flex-direction:column;gap:.4rem;margin:1.25rem 0}.builder-meta .builder-friend{flex:260px;margin:0}.builder-meta--stack .builder-friend{flex:none}.friend-label{font-size:.875rem;font-weight:600}.friend-input{font-family:var(--font-mono);letter-spacing:.06em}.friend-input.invalid{border-color:var(--color-danger)}.friend-warn{color:var(--color-danger);font-size:.8125rem}.builder-error{color:var(--color-danger);margin:0 0 .75rem;font-size:.9375rem}.builder-submit{background:var(--color-success);color:var(--color-void);width:100%;padding:14px;font-size:1rem;font-weight:700}.builder-submit:hover{background:color-mix(in srgb,var(--color-success)85%,white)}.builder-submit:focus{background:color-mix(in srgb,var(--color-success)85%,white)}.builder-submit:disabled{opacity:.5;cursor:default}.builder-hint{text-align:center;margin:.6rem 0 0;font-size:.8125rem}.builder-frame{position:fixed;z-index:30;pointer-events:none;border:3px solid #0000;transition:border-color .18s;inset:0}.builder.mode-want .builder-frame{border-color:var(--color-want)}.builder.mode-have .builder-frame{border-color:var(--color-have)}.builder-modebar{position:fixed;z-index:16;padding:calc(.55rem + env(safe-area-inset-top))1rem .55rem;background:color-mix(in srgb,var(--color-ground)94%,transparent);border-bottom:1px solid var(--color-edge);backdrop-filter:blur(10px);transition:border-color .18s;top:0;left:0;right:0}.builder.mode-want .builder-modebar{border-bottom-color:color-mix(in srgb,var(--color-want)45%,var(--color-edge))}.builder.mode-have .builder-modebar{border-bottom-color:color-mix(in srgb,var(--color-have)45%,var(--color-edge))}.modebar-inner{display:flex;align-items: center;gap:.75rem;max-width:1440px;margin:0 auto}.modebar-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);display:none;flex-shrink:0;font-size:.75rem}@media (min-width:420px){.modebar-label{display:inline}}.mode-seg{display:flex;background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);flex:1;gap:4px;padding:4px}.mode-opt{display:flex;color:var(--color-text-secondary);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items: center;gap:.5rem;padding:10px 14px;transition:background-color .14s,color .14s}.mode-opt:hover:not(.active){background:var(--color-sleeve);color:var(--color-bone)}.mode-opt.want.active{background:var(--color-want);color:var(--color-void)}.mode-opt.have.active{background:var(--color-have);color:var(--color-void)}:root{--color-void:#0c0b0e;--color-ground:#121114;--color-sleeve:#17161a;--color-well:#1b1a20;--color-edge:#2c2934;--color-edge-soft:#26232c;--color-bone:#ece9e2;--color-text-secondary:#b5b0ba;--color-text-tertiary:#8b8794;--color-text-quaternary:#6f6a7a;--color-want:#e5b35b;--color-want-hover:#f0c87e;--color-want-ink:#8a6420;--color-have:#7fcbd9;--color-have-hover:#a3dbe6;--color-have-ink:#20707e;--color-primary:var(--color-want);--color-primary-hover:var(--color-want-hover);--color-on-primary:var(--color-void);--color-success:#6bd6a0;--color-danger:#f0776b;--color-warning:#e0975a;--font-display:"Forque","Archivo",sans-serif;--font-body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Fira Mono",Menlo,monospace;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--shadow:0 12px 40px #0006}html{background:var(--color-void);box-sizing:border-box;color:var(--color-bone);scrollbar-gutter:stable;font-size:18px}*,*:before,*:after{box-sizing:inherit}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:4px}a:not([class]):focus-visible{margin-inline-start:-.4em;margin-inline-end:-.4em;padding-inline-start:.4em;padding-inline-end:.4em}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);min-height:100vh;background:var(--color-void);color:var(--color-bone);min-height:100dvh;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2}h1,h2{font-family:var(--font-display);font-weight:500}h3,h4,h5,h6{font-family:var(--font-body);font-weight:600}h1{letter-spacing:-.02em;font-size:2.2rem}h2{letter-spacing:-.01em;font-size:1.6rem}p{margin:0 0 1.2em}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:where(:hover,:focus){color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}button{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:none;padding:8px 16px;transition:all .15s;font-family:inherit;font-size:14px;font-weight:600;line-height:1}button:where(:hover,:focus){background:var(--color-primary-hover)}img{display:block;max-width:100%}.card{background:var(--color-ground);border:1px solid var(--color-edge);border-radius:var(--radius);display:inline-block;width:100%;margin-bottom:2rem;padding:24px}.btn-ghost{display:inline-flex;border-radius:var(--radius-sm);border:1px solid var(--color-edge);color:var(--color-text-secondary);text-decoration:none;background:0 0;justify-content:center;align-items: center;padding:8px 16px;transition:all .15s;font-size:14px;font-weight:600}.btn-ghost:hover{background:var(--color-ground);color:var(--color-bone);text-decoration:none}.btn-ghost:focus{background:var(--color-ground);color:var(--color-bone);text-decoration:none}.btn-ghost:active{background:var(--color-well)}.btn-primary{display:inline-flex;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;justify-content:center;align-items: center;gap:.5rem;padding:14px 28px;transition:transform .12s,background .15s;font-size:1rem;font-weight:700}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary);text-decoration:none;transform:translateY(-1px)}.btn-primary:focus{background:var(--color-primary-hover);color:var(--color-on-primary);text-decoration:none;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{color:var(--color-danger);background:0 0}.btn-danger:hover{background:color-mix(in srgb,var(--color-danger)12%,transparent)}.btn-danger:focus{background:color-mix(in srgb,var(--color-danger)12%,transparent)}.btn-danger:active{background:color-mix(in srgb,var(--color-danger)20%,transparent)}input,textarea,select{background:var(--color-well);border:1px solid var(--color-edge);border-radius:var(--radius-sm);color:var(--color-bone);padding:8px 12px;transition:border-color .15s;font-family:inherit;font-size:16px}:is(input,textarea,select)::placeholder{color:var(--color-text-quaternary)}:is(input,textarea,select):focus-visible{border-color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-quaternary{color:var(--color-text-quaternary)}.lead{color:var(--color-text-tertiary);font-size:1.125rem;font-weight:400;line-height:1.7}.want{color:var(--color-want)}.have{color:var(--color-have)}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;display:inline-flex;align-items:baseline;font-size:1.35rem;font-weight:400;line-height:1}.wordmark .want{color:var(--color-want)}.wordmark .have{color:var(--color-have)}.vlabel{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.12em;transform:rotate(180deg)}.vlabel-want{color:var(--color-want)}.vlabel-have{color:var(--color-have)}