.xo-collection{--col-ink:#15383e;--col-paper:#f7f3e9;--col-muted:#4a6063;--col-line:#bfcac6;background:var(--col-paper);color:var(--col-ink);min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}.xo-collection *{box-sizing:border-box}.xo-collection :is(button,a,select):focus-visible{outline-offset:4px;outline:3px solid #b85c2c}.xo-collection a{color:inherit}.xo-collection button,.xo-collection select{font:inherit}.xo-collection button{cursor:pointer}.xo-collection button:disabled{cursor:default;opacity:.55}.xo-collection h1,.xo-collection h2,.xo-collection h3{letter-spacing:-.035em;font-family:Georgia,serif;font-weight:400;line-height:1.12}.xo-collection h1{margin:.4rem 0 1rem;font-size:clamp(2.8rem,5vw,4.8rem)}.xo-collection h2{margin:0 0 1.3rem;font-size:1.9rem}.xo-collection h3{margin:.5rem 0 1.2rem;font-size:2.4rem}.xo-collection p{margin:0 0 1.2rem}.col-nav{border-bottom:1px solid var(--col-line);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 5vw;display:flex}.col-brand{align-items:center;gap:1rem;text-decoration:none;display:flex}.col-brand b{letter-spacing:-.1em;font-family:Georgia,serif;font-size:2.4rem;line-height:1}.col-brand span{border-left:1px solid var(--col-line);padding-left:1rem}.col-nav nav{gap:1.5rem;font-size:.9375rem;display:flex}.col-shell{max-width:1320px;margin:auto;padding:2.5rem 5vw}.col-heading>p:last-child{color:var(--col-muted)}.col-label{letter-spacing:.08em;font-size:.875rem;font-weight:700}.col-feedback:empty{display:none}.col-error,.col-success{color:#66301d;background:#f5e0d2;border-left:4px solid #9b4221;padding:1rem 1.2rem}.col-success{color:#214333;background:#dce8df;border-color:#315a4c}.col-layout{grid-template-columns:minmax(260px,.82fr) minmax(0,1.45fr);align-items:start;gap:2.5rem;margin-top:2rem;display:grid}.col-wallet{border-top:3px solid var(--col-ink);min-width:0;padding-top:1.5rem}.col-items{border-top:3px solid #bc8b44;min-width:0;padding-top:1.5rem}.col-items-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.col-count{white-space:nowrap;font-size:.875rem}.col-button{border:1px solid var(--col-ink);background:var(--col-ink);text-align:center;border-radius:3px;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.15rem;line-height:1.45;text-decoration:none;display:inline-flex;color:#fff!important}.col-secondary{background:0 0;color:var(--col-ink)!important}.col-text-button{color:inherit;background:0 0;border:0;border-bottom:1px solid;min-height:44px;padding:.25rem 0}.col-small{color:var(--col-muted);font-size:.875rem;margin-top:1rem!important}.col-empty{border:1px dashed #8fa5a2;flex-direction:column;justify-content:center;align-items:flex-start;min-height:315px;padding:2.3rem;display:flex}.col-empty-title{font-family:Georgia,serif;font-size:1.6rem}.col-scope{color:var(--col-muted);padding-top:1.3rem;font-size:.875rem}.col-wallet-options{gap:.6rem;display:grid}.col-wallet-option{border:1px solid var(--col-line);min-height:50px;color:var(--col-ink);text-align:left;background:#fff8;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.col-wallet-option span{font-size:.875rem}.col-no-wallet{background:#e3e9e3;padding:1.2rem}.col-no-wallet p{margin-top:.5rem;font-size:.9375rem}.col-confirm{border:1px solid var(--col-line);margin-block:1rem;padding:1.1rem}.col-confirm select{width:100%;color:var(--col-ink);border:1px solid var(--col-line);background:#fff;margin:.5rem 0;padding:.6rem}.col-address{overflow-wrap:anywhere;word-break:break-word;background:#e3e9e3;margin-bottom:1rem;padding:.8rem;font-size:.875rem;display:block}.col-verified{color:#286048;font-weight:700;margin-bottom:.3rem!important}.col-wallet-name{color:var(--col-muted)}.col-actions{flex-wrap:wrap;gap:.7rem;display:flex}.col-card{border:1px solid var(--col-line);background:#fff9;grid-template-columns:minmax(160px,.85fr) minmax(0,1fr);display:grid;overflow:hidden}.col-card-art{background:#132c36;min-width:0;position:relative}.col-card-art img{object-fit:cover;width:100%;height:100%;min-height:340px;display:block}.col-card-art>span{color:#f7f3e9;letter-spacing:.1em;background:#132c36ed;padding:.6rem 1rem;font-size:.875rem;position:absolute;bottom:0;left:0;right:0}.col-card-copy{min-width:0;padding:1.5rem}.col-card-copy p{font-size:.9375rem}.col-card-copy .col-label{font-size:.875rem}.col-card-copy dl{margin:1.5rem 0 0}.col-card-copy dt{color:var(--col-muted);margin-top:1rem;font-size:.875rem}.col-card-copy dd{overflow-wrap:anywhere;margin:0;font-size:.9375rem}.col-card-copy code{font-size:.875rem}.col-footer{border-top:1px solid var(--col-line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.3rem;font-size:.875rem;display:flex}body:has(.xo-collection) :is(.private-preview-mark,.trail-beacon,.data-care-link){display:none!important}@media (max-width:850px){.col-layout{grid-template-columns:1fr;gap:2rem}.col-shell{padding-top:1.8rem}.col-empty{min-height:240px;padding:1.5rem}}@media (max-width:520px){.col-nav{flex-wrap:wrap;align-items:flex-start;gap:.8rem}.col-nav nav{gap:1.3rem}.col-card{grid-template-columns:1fr}.col-card-art img{object-position:center 35%;height:280px;min-height:0}.col-card-copy{padding:1.2rem}.col-items-heading{flex-wrap:wrap}.col-button{max-width:100%}}.col-route-intro{border:1px solid var(--col-line);background:#e6ebe0;margin-bottom:1.5rem;padding:1.5rem}.col-route-intro h3{font-size:2rem}.col-route-options{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1.5rem;display:flex}.col-route-options>span{border:1px solid var(--route-color,#80928b);background:#fff9;border-radius:30px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.875rem;display:inline-flex}.col-route-options b{color:var(--route-color);font-size:1.1rem}[data-route=together]{--route-color:#9a4036}[data-route=remember]{--route-color:#306c94}[data-route=play]{--route-color:#946416}[data-route=explore]{--route-color:#3e7351}.col-card[data-route]{border-top:4px solid var(--route-color)}.col-card-stack{gap:1.5rem;display:grid}.col-text-link{text-underline-offset:4px;margin-top:1rem;font-size:.9375rem;display:inline-block}.col-open{border-radius:0 0 3px 3px;gap:1rem;width:100%}.col-seal{color:#dfb86f;background:radial-gradient(at 50% 40%,#39574e 0,#172f37 65%);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:100%;min-height:370px;display:flex;position:relative}.col-seal:before{content:"";border:1px solid #ae95595e;border-radius:45% 45% 0 0;position:absolute;inset:1.4rem}.col-seal>span{font-size:5rem;line-height:1.4}.col-seal>b{letter-spacing:-.12em;padding-right:.2em;font-family:Georgia,serif;font-size:2.3rem}.col-seal>small{letter-spacing:.12em;font-size:.7rem}.col-detail-shell{max-width:1100px}.col-detail-shell>h1{margin-bottom:2rem}.col-detail-shell .col-card-art img{object-fit:cover;min-height:410px}.col-detail-shell .col-card-copy{padding:2rem}.col-reveal-panel{text-align:center;border:1px solid var(--col-line);background:#e6ebe0;margin-top:1.5rem;padding:2rem}.col-reveal-panel>p{max-width:590px;margin-inline:auto}.col-quest{border-left:4px solid var(--route-color);background:#fff9;gap:1.5rem;margin-top:1.5rem;padding:2rem;display:flex}.col-quest-symbol{color:var(--route-color);font-size:3rem;line-height:1.2}.col-quest h2{margin-bottom:.8rem}.col-quest p:last-child{margin-bottom:0}.col-detail-grid{grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;display:grid}.col-link-panel{border-top:1px solid var(--col-line);min-width:0;padding-top:1.5rem}.col-qr{background:#fff;width:240px;max-width:100%;height:auto;margin-bottom:1rem;display:block}.col-proof{border-block:1px solid var(--col-line);padding:1rem 0}.col-proof summary{cursor:pointer;min-height:36px;padding:.3rem 0}.col-proof[open] summary{margin-bottom:1rem}.col-proof summary:focus-visible{outline-offset:4px;outline:3px solid #b85c2c}.col-proof p:last-child:empty{display:none}@media (max-width:650px){.col-detail-grid{grid-template-columns:1fr}.col-quest{gap:.8rem;padding:1.3rem}.col-quest-symbol{font-size:2rem}.col-detail-shell .col-card-copy{padding:1.3rem}.col-detail-shell .col-card-art img{height:300px;min-height:0}.col-route-intro{padding:1.2rem}.col-seal{min-height:310px}.col-reveal-panel{padding:1.5rem}}
