@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0ajnkyhx5vkqi.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0am7roo413ye~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.04niyqph9_pxk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_7eed9cbe-module__rf7bhW__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_7eed9cbe-module__rf7bhW__variable{--font-display:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_cca2adf7-module__WYba5q__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_cca2adf7-module__WYba5q__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.0v_p~5_c0b~1d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.17_wf1k7ou9-q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.0ptcwqi9jx~4d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.p.05b418i5bs~lg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.caveat_a874c80c-module__z0r6lW__className{font-family:Caveat,Caveat Fallback;font-style:normal}.caveat_a874c80c-module__z0r6lW__variable{--font-handwritten:"Caveat", "Caveat Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f0e3;--paper-light:#fffaf0;--ink:#082039;--ink-soft:#3f5365;--red:#eb2335;--red-dark:#b91425;--yellow:#f4c94f;--seafoam:#8ccabd;--seafoam-dark:#397e75;--coral:#f37c63;--line:#cbbda7;--line-dark:#9e8d74;--white:#fffdf7;--shadow:0 18px 40px #1e272b21;--shadow-small:0 8px 18px #1e272b1f}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;color:var(--ink);background-color:var(--paper);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;background-image:url(/brand/reef-club/paper-reef-background.png);background-position:top;background-repeat:repeat-y;background-size:min(1600px,100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.club-page{min-height:100vh}.club-shell,.reef-container{width:min(1400px,100% - 48px);margin-inline:auto}.club-kicker,.eyebrow{color:var(--red);font-family:var(--font-display), sans-serif;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:700}.club-kicker:before,.eyebrow:before{content:"/// "}.muted{color:var(--ink-soft)}.club-header{z-index:50;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f0e3f5;position:sticky;top:0}.club-header-inner{grid-template-columns:minmax(220px,1fr) auto minmax(170px,1fr);align-items:center;gap:24px;min-height:72px;display:grid}.club-brand{grid-template-columns:175px auto auto;justify-self:start;align-items:center;gap:10px;min-width:0;display:grid}.club-brand img{width:175px;height:auto}.club-brand>span{background:var(--line-dark);width:1px;height:30px;transform:rotate(13deg)}.club-brand strong{color:var(--red);font-family:var(--font-display), sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;line-height:1}.club-nav{justify-content:center;align-items:center;gap:clamp(13px,2vw,32px);display:flex}.club-nav a{font-family:var(--font-display), sans-serif;padding:9px 1px;font-size:.88rem;font-weight:650;position:relative}.club-nav a:after{content:"";background:var(--red);height:3px;transition:right .18s,left .18s;position:absolute;bottom:1px;left:50%;right:50%}.club-nav a:hover:after,.club-nav a[aria-current=page]:after{left:0;right:0}.club-wallet-button,.club-menu-button{border:2px solid var(--ink);background:var(--ink);color:var(--white);font-family:var(--font-display), sans-serif;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.club-wallet-button{background:var(--red);min-height:44px;box-shadow:4px 4px 0 var(--ink);border-radius:12px;justify-self:end;gap:9px;padding:9px 17px}.club-wallet-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.club-wallet-button:disabled{opacity:.6}.club-menu-button{border-radius:8px;width:44px;height:44px;display:none}.club-hero{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:start;gap:clamp(28px,5vw,90px);min-height:600px;padding-block:28px 30px;display:grid}.club-hero-copy{z-index:2;position:relative}.club-hero h1,.browser-intro h1,.studio-heading h1,.binder-heading h1,.token-detail-copy h1{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;margin:0;font-weight:700;line-height:.88}.club-hero h1{max-width:690px;font-size:clamp(4.4rem,8.5vw,8rem)}.club-hero h1 span{color:var(--ink);display:block}.club-hero h1 .club-hero-red{color:var(--red)}.club-tape{background:var(--yellow);font-family:var(--font-handwritten), cursive;margin:7px 0 10px;padding:3px 20px 4px;font-size:clamp(1.4rem,1.8vw,1.65rem);font-weight:700;display:table;transform:rotate(-2deg);box-shadow:-7px 4px #0820391a}.club-lede{max-width:570px;color:var(--ink-soft);margin:0;font-size:.94rem;line-height:1.55}.club-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:18px;display:flex}.club-button,.button{border:2px solid var(--ink);min-height:48px;font-family:var(--font-display), sans-serif;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-weight:650;line-height:1;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.club-button:hover,.button:hover{transform:translate(-1px,-2px)}.club-button-primary,.button.primary{background:var(--red);color:var(--white);box-shadow:5px 5px 0 var(--ink)}.club-button-primary:hover,.button.primary:hover{box-shadow:7px 7px 0 var(--ink)}.club-button-secondary{background:var(--white);box-shadow:4px 4px 0 var(--seafoam)}.club-button-quiet,.button.ghost{border-color:var(--line-dark);background:0 0}.club-button-small{min-height:42px;padding:8px 14px;font-size:.85rem}.club-button:disabled,.button:disabled{opacity:.45;box-shadow:none;transform:none}.button.danger{background:var(--yellow)}.club-hero-art{isolation:isolate;min-width:0;height:545px;position:relative}.club-hero-token{appearance:none;border:2px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:10px 12px 0 var(--seafoam), var(--shadow-small);text-align:left;padding:10px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute}.club-hero-token:hover{box-shadow:13px 15px 0 var(--seafoam), var(--shadow)}.club-hero-token:focus-visible{outline:4px solid var(--red);outline-offset:5px}.club-hero-token-center{z-index:3;width:min(420px,72%);top:2px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.club-hero-token-center:hover{transform:translate(-50%,-7px)rotate(-1.5deg)}.club-hero-token-left{z-index:1;width:min(245px,43%);top:92px;left:0;transform:rotate(-9deg)}.club-hero-token-left:hover{transform:translateY(-7px)rotate(-9deg)}.club-hero-token-right{z-index:2;width:min(245px,43%);top:102px;right:0;transform:rotate(9deg)}.club-hero-token-right:hover{transform:translateY(-7px)rotate(9deg)}.club-hero-token-image{aspect-ratio:1;border:2px solid var(--ink);background:var(--seafoam);width:100%;display:block;position:relative;overflow:hidden}.club-hero-token-image img{object-fit:cover}.club-hero-token-copy{gap:2px;padding:9px 4px 1px;display:grid}.club-hero-token-copy strong{font-family:var(--font-handwritten), cursive;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,2.1vw,1.55rem);line-height:1;overflow:hidden}.club-hero-token-copy small{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.club-member-note{z-index:4;border:2px solid var(--ink);background:var(--white);min-width:292px;box-shadow:8px 8px 0 var(--red);pointer-events:none;align-items:center;gap:19px;padding:16px 20px;display:flex;position:absolute;bottom:2px;right:6px;transform:rotate(-2deg)}.club-member-note>div{gap:2px;display:grid}.club-member-note strong{font-family:var(--font-handwritten), cursive;font-size:1.55rem;line-height:.95}.club-member-note span{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.club-member-note svg{color:var(--yellow);stroke:var(--ink)}.home-roster{padding-bottom:76px}.club-index-strip{border:2px solid var(--ink);background:var(--white);min-height:72px;box-shadow:7px 7px 0 var(--yellow);grid-template-columns:auto auto 1fr;align-items:center;gap:15px;padding:12px 18px;display:grid}.club-seal{width:44px;height:44px;color:var(--seafoam-dark);border-radius:50%;place-items:center;display:grid}.club-index-strip>div{display:grid}.club-index-strip strong{font-family:var(--font-display), sans-serif}.club-index-strip span span,.club-index-strip>div span{color:var(--ink-soft);font-size:.78rem}.club-index-strip>div .roster-hint{color:var(--seafoam-dark);letter-spacing:.035em;font-weight:800}.club-index-progress{border:1px solid var(--ink);background:var(--paper);height:7px;margin-left:20px;position:relative;overflow:hidden}.club-index-progress i{background:var(--red);width:100%;height:100%;display:block}.roster-stage{margin-top:24px;position:relative}.roster-viewport{z-index:1;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.roster-viewport:focus-visible{outline:3px solid var(--red);outline-offset:5px}.roster-viewport.is-dragging{cursor:grabbing}.roster-viewport.is-dragging .roster-rail{pointer-events:none}.roster-rail{will-change:transform;grid-auto-columns:220px;grid-auto-flow:column;justify-content:start;gap:19px;padding:9px 8px 17px;display:grid}.roster-rail.is-sliding{transition:transform .46s cubic-bezier(.22,1,.36,1)}.roster-viewport img{-webkit-user-drag:none}.roster-card-slot{min-width:0}.roster-card-slot[data-tilt=right]>.token-sticker-card{transform:rotate(1deg)}.roster-card-slot[data-tilt=left]>.token-sticker-card{transform:rotate(-1deg)}.roster-card-slot>.token-sticker-card:hover{transform:translateY(-5px)rotate(0)}.rail-arrow{z-index:10;border:2px solid var(--ink);background:var(--white);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);pointer-events:auto;touch-action:manipulation;border-radius:50%;place-items:center;display:grid;position:absolute;top:43%}.rail-arrow-left{left:8px}.rail-arrow-right{right:8px}.rail-arrow:disabled{opacity:.35}.token-sticker-card{border:2px solid var(--ink);background:var(--white);min-width:0;box-shadow:var(--shadow-small);scroll-snap-align:start;border-radius:10px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.token-sticker-card:nth-child(2n){transform:rotate(1deg)}.token-sticker-card:nth-child(3n){transform:rotate(-1deg)}.token-sticker-card:hover{z-index:2;box-shadow:8px 10px 0 var(--seafoam);transform:translateY(-5px)rotate(0)}.token-sticker-card.is-featured{box-shadow:7px 8px 0 var(--red)}.token-sticker-card.is-compact .token-sticker-image{aspect-ratio:1.16}.token-sticker-main{padding:10px;display:block;position:relative}.token-sticker-number{z-index:2;border:1px solid var(--ink);background:var(--yellow);font-family:var(--font-display), sans-serif;padding:4px 7px;font-size:.72rem;font-weight:700;position:absolute;top:17px;left:17px}.token-sticker-image{aspect-ratio:1;background:var(--seafoam);display:block;position:relative;overflow:hidden}.token-sticker-image img{object-fit:cover}.token-sticker-footer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.token-sticker-footer>a{gap:2px;min-width:0;padding:12px 12px 13px;display:grid}.token-sticker-footer strong{font-family:var(--font-display), sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.token-sticker-footer span{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:6px;font-size:.7rem;display:flex}.token-sticker-footer span svg{color:var(--seafoam-dark)}.club-story-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:90px;display:grid}.club-story-grid article{border:2px solid var(--ink);background:var(--white);min-height:280px;box-shadow:7px 7px 0 var(--seafoam);padding:31px}.club-story-grid article:nth-child(2){box-shadow:7px 7px 0 var(--yellow);transform:translateY(18px)}.club-story-grid article:nth-child(3){box-shadow:7px 7px 0 var(--coral)}.club-story-grid h2{font-family:var(--font-display), sans-serif;margin:16px 0 12px;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.03}.club-story-grid p{color:var(--ink-soft);line-height:1.68}.club-story-grid a,.binder-section-heading a{color:var(--red);font-family:var(--font-display), sans-serif;align-items:center;gap:7px;margin-top:11px;font-weight:650;display:inline-flex}.club-footer{border-top:2px solid var(--ink);background:var(--ink);color:var(--white);padding:54px 0}.club-footer .club-shell{grid-template-columns:230px 1fr auto;align-items:center;gap:30px;display:grid}.club-footer img{filter:brightness(0)invert();width:230px;height:auto}.club-footer p{color:#cdd7df}.club-footer a{border-bottom:2px solid var(--red);padding-bottom:3px;font-weight:700}.colony-browser{padding-block:68px 90px}.browser-intro,.studio-heading,.binder-heading{justify-content:space-between;align-items:flex-end;gap:38px;display:flex}.browser-intro>div:first-child,.studio-heading>div:first-child,.binder-heading>div:first-child{max-width:820px}.browser-intro h1,.studio-heading h1,.binder-heading h1{margin-top:14px;font-size:clamp(3rem,6vw,6.2rem)}.browser-intro p,.studio-heading p,.binder-heading p{max-width:720px;color:var(--ink-soft);font-size:1.04rem;line-height:1.7}.browser-count,.binder-tally{border:2px solid var(--ink);background:var(--yellow);min-width:152px;box-shadow:6px 6px 0 var(--ink);text-align:center;padding:18px;display:grid;transform:rotate(2deg)}.browser-count strong,.binder-tally strong{font-family:var(--font-display), sans-serif;font-size:2.7rem;line-height:1}.browser-count span,.binder-tally span{letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.7rem;font-weight:700}.browser-tools{border:2px solid var(--ink);background:var(--white);grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(140px,.7fr));gap:13px;margin-top:42px;padding:20px;display:grid}.browser-tools label,.trait-filter-builder label,.studio-controls>label,.pair-selectors label{gap:7px;min-width:0;display:grid}.browser-tools label>span:first-child,.trait-filter-builder label>span,.studio-controls>label>span,.pair-selectors label>span{font-family:var(--font-display), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:650}.browser-tools input,.browser-tools select,.trait-filter-builder select,.studio-controls select,.pair-selectors select{border:2px solid var(--ink);background:var(--paper-light);border-radius:5px;width:100%;min-height:48px;padding:10px 12px}.input-with-icon{position:relative}.input-with-icon svg{z-index:2;position:absolute;top:14px;left:13px}.input-with-icon input{padding-left:42px}.trait-filter-panel{border:2px solid var(--ink);background:#8ccabd3b;margin-top:15px;padding:20px}.trait-filter-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.trait-filter-heading>div:nth-child(2){display:grid}.trait-filter-heading span{color:var(--ink-soft);font-size:.76rem}.segmented-control{border:2px solid var(--ink);background:var(--white);display:flex}.segmented-control button{background:0 0;border:0;min-width:54px;padding:7px 11px;font-weight:700}.segmented-control button+button{border-left:1px solid var(--ink)}.segmented-control button[aria-pressed=true]{background:var(--ink);color:var(--white)}.trait-filter-builder{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:18px;display:grid}.active-filter-row{flex-wrap:wrap;gap:8px;min-height:30px;margin-top:14px;display:flex}.active-filter-row button{border:1px solid var(--ink);background:var(--white);align-items:center;gap:6px;padding:6px 9px;font-size:.76rem;display:inline-flex}.active-filter-row .clear-filter-button{color:var(--red);background:0 0;border-color:#0000;margin-left:auto;font-weight:700}.colony-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.browser-pagination{justify-content:center;align-items:center;gap:22px;margin-top:42px;display:flex}.browser-pagination button{border:2px solid var(--ink);background:var(--white);align-items:center;gap:5px;min-height:42px;padding:8px 14px;font-weight:700;display:inline-flex}.browser-pagination button:disabled{opacity:.35}.browser-pagination span{color:var(--ink-soft);font-size:.85rem;font-weight:700}.inline-notice{border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);margin:28px 0;padding:14px 17px;font-weight:650}.inline-notice.error,.error{color:#8c1420;background:#ffe2dc}.empty-binder-state{border:2px dashed var(--line-dark);text-align:center;background:#fffdf7b3;justify-items:center;gap:8px;margin-top:30px;padding:48px 24px;display:grid}.empty-binder-state h2,.empty-binder-state h3{font-family:var(--font-display), sans-serif;margin:5px 0 0;font-size:1.7rem}.empty-binder-state p{color:var(--ink-soft);margin:0 0 10px}.token-detail-layout{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(45px,7vw,100px);padding-block:68px 90px;display:grid}.token-detail-portrait{aspect-ratio:1;border:12px solid var(--white);outline:2px solid var(--ink);background:var(--seafoam);box-shadow:13px 13px 0 var(--yellow), var(--shadow);position:sticky;top:120px}.token-detail-image{width:100%;height:100%;position:relative;overflow:hidden}.token-detail-image img{object-fit:cover}.token-detail-stamp{z-index:2;border:2px solid var(--ink);background:var(--red);color:var(--white);font-family:var(--font-display), sans-serif;padding:7px 10px;font-size:.76rem;font-weight:700;position:absolute;top:18px;left:18px;transform:rotate(-2deg)}.token-detail-copy{padding-top:18px}.back-link{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:42px;font-size:.84rem;font-weight:700;display:inline-flex}.token-detail-copy h1{margin-top:14px;font-size:clamp(3.7rem,7vw,7rem)}.detail-rarity-line{align-items:center;gap:12px;margin-top:22px;display:flex}.detail-rarity-line strong{background:var(--yellow);font-family:var(--font-display), sans-serif;padding:7px 10px}.detail-rarity-line span{color:var(--ink-soft)}.token-detail-copy>p{max-width:690px;color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.detail-actions{align-items:stretch}.trait-dossier{border-top:2px solid var(--ink);margin-top:48px;padding-top:28px}.trait-dossier h2{max-width:560px;font-family:var(--font-display), sans-serif;margin:9px 0 22px;font-size:2rem;line-height:1.06}.trait-dossier dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.trait-dossier dl>div{border:1px solid var(--line-dark);background:#fffdf7bf;gap:3px;padding:13px;display:grid}.trait-dossier dt{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.trait-dossier dd{font-family:var(--font-display), sans-serif;margin:0;font-size:1rem;font-weight:650}.trait-dossier dl span{color:var(--ink-soft);font-size:.7rem}.detail-error{padding-block:100px}.studio-heading{align-items:center;padding-block:62px 36px}.studio-heading h1{font-size:clamp(3.5rem,6.7vw,6.7rem)}.api-status{border:1px solid var(--line-dark);background:var(--white);color:var(--ink-soft);align-items:center;gap:8px;padding:9px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.api-status:before{content:"";background:var(--seafoam-dark);border-radius:50%;width:8px;height:8px}.studio-layout,.axolantis-layout{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);align-items:start;gap:26px;padding-bottom:90px;display:grid}.studio-controls,.axolantis-controls{border:2px solid var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--seafoam);padding:22px;position:sticky;top:112px}.studio-trait-tabs{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.studio-trait-tabs button{border:1px solid var(--line-dark);background:0 0;align-items:center;gap:5px;padding:7px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.studio-trait-tabs button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--white)}.studio-value-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin-top:24px;padding-bottom:10px;display:flex}.studio-value-heading>div{display:grid}.studio-value-heading span{color:var(--ink-soft);font-size:.75rem}.studio-value-heading svg{color:var(--red)}.studio-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:310px;margin-top:10px;padding:3px;display:grid;overflow-y:auto}.studio-value-grid button{border:1px solid var(--line-dark);background:var(--paper-light);text-align:left;gap:2px;min-width:0;padding:10px;display:grid}.studio-value-grid button[aria-pressed=true]{border:2px solid var(--ink);background:var(--yellow)}.studio-value-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.studio-value-grid span{color:var(--ink-soft);font-size:.67rem}.studio-recipe{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.studio-recipe>div:first-child{justify-content:space-between;gap:10px;display:flex}.studio-recipe>div:first-child span{color:var(--ink-soft);font-size:.72rem}.recipe-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.recipe-chips button{border:1px solid var(--ink);background:#8ccabd47;align-items:center;gap:5px;padding:6px 8px;font-size:.7rem;display:inline-flex}.recipe-chips>span{color:var(--ink-soft);font-size:.76rem}.studio-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.studio-preview-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;min-width:0;display:grid}.studio-frame-label{border:2px solid var(--ink);background:var(--ink);min-height:45px;color:var(--white);border-bottom:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.studio-frame-label span{color:var(--seafoam);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.studio-frame-label strong{font-family:var(--font-display), sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.studio-image-frame{aspect-ratio:1;border:2px solid var(--ink);background:var(--seafoam);position:relative;overflow:hidden}.studio-image-frame img{object-fit:cover}.remix-frame{box-shadow:8px 8px 0 var(--yellow)}.rendering-badge{border:1px solid var(--ink);background:var(--yellow);padding:7px 9px;font-size:.72rem;font-weight:700;position:absolute;bottom:12px;right:12px}.studio-policy-note{border-left:5px solid var(--red);color:var(--ink-soft);background:#fffdf7b3;grid-column:1/-1;margin:4px 0 0;padding:13px 15px;font-size:.8rem;line-height:1.5}.studio-preview-stage>.inline-notice{grid-column:1/-1}.axolantis-heading{padding-bottom:34px}.mode-tabs{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mode-tabs button{border:1px solid var(--line-dark);background:var(--paper);justify-content:center;align-items:center;gap:6px;min-height:42px;padding:7px;font-size:.72rem;font-weight:700;display:inline-flex}.mode-tabs button[aria-pressed=true]{border:2px solid var(--ink);background:var(--ink);color:var(--white)}.mode-tabs button:disabled{opacity:.45}.pair-selectors{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.swap-trait-list{margin-top:23px}.swap-trait-list>div:first-child{border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:10px;display:flex}.swap-trait-list>div:first-child span{color:var(--ink-soft);font-size:.72rem}.swap-trait-list label{border:1px solid var(--line-dark);background:var(--paper-light);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:7px;padding:9px;display:grid}.swap-trait-list label.is-selected{border:2px solid var(--ink);background:var(--yellow)}.swap-trait-list input{accent-color:var(--red)}.swap-trait-list small{color:var(--ink-soft)}.locked-trait-note{border-left:4px solid var(--seafoam-dark);background:#8ccabd38;align-items:flex-start;gap:10px;margin-top:17px;padding:12px;display:flex}.locked-trait-note p{color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.5}.locked-trait-note svg{color:var(--seafoam-dark);flex:none}.build-swap-button{width:100%;margin-top:18px}.axolantis-stage{min-width:0}.swap-preview-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.swap-result-stack{border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swap-result-stack>div{aspect-ratio:1;background:var(--seafoam);position:relative;overflow:hidden}.swap-result-stack>div+div{border-left:2px solid var(--ink)}.swap-result-stack img{object-fit:cover}.swap-result-stack>div>span{z-index:2;border:1px solid var(--ink);background:var(--white);text-transform:uppercase;padding:3px 5px;font-size:.62rem;font-weight:800;position:absolute;top:7px;left:7px}.swap-stage-icon{border:2px solid var(--ink);background:var(--red);width:45px;height:45px;color:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.swap-quote-card{border:2px dashed var(--line-dark);background:#fffdf7bf;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:20px;padding:18px;display:grid}.swap-quote-card.is-ready{border-style:solid;border-color:var(--ink);box-shadow:6px 6px 0 var(--seafoam)}.swap-quote-card>svg:first-child{color:var(--red)}.swap-quote-card>svg:last-child{color:var(--seafoam-dark)}.swap-quote-card span{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.swap-quote-card h2{font-family:var(--font-display), sans-serif;margin:3px 0;font-size:1.35rem}.swap-quote-card p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.5}.swap-receipt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.swap-receipt>div{border:1px solid var(--line-dark);background:var(--white);gap:3px;padding:11px;display:grid}.swap-receipt strong{color:var(--red);text-transform:uppercase;font-size:.7rem}.swap-receipt span{font-size:.76rem}.binder-heading{align-items:center;padding-block:66px 42px}.binder-tally{background:var(--yellow);grid-template-columns:auto auto;justify-content:center;align-items:center;gap:3px 10px}.binder-tally svg{color:var(--red);grid-row:1/3}.binder-tally strong{font-size:2.1rem}.binder-tally span{margin:0}.binder-section{border-top:2px solid var(--ink);padding-block:36px}.binder-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.binder-section-heading h2{font-family:var(--font-display), sans-serif;margin:8px 0 0;font-size:clamp(2rem,4vw,3.5rem)}.binder-section-heading a{margin:0}.binder-token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.binder-wallet-proof{border-left:5px solid var(--seafoam-dark);color:var(--ink-soft);background:#8ccabd3d;margin:26px 0 0;padding:12px 15px;font-size:.82rem}.wallet-binder-state{min-height:300px}.wallet-binder-state>p{max-width:650px}.wallet-binder-state .inline-notice{margin:8px 0 0}.wallet-section{padding:46px 0 90px}.wallet-card{border:2px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--red);grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);align-items:center;gap:45px;padding:32px;display:grid}.wallet-copy h2{font-family:var(--font-display), sans-serif;margin:8px 0 10px;font-size:clamp(2rem,4vw,3.5rem)}.wallet-copy p{max-width:650px;line-height:1.6}.connector-grid,.auth-panel{gap:10px;display:grid}.auth-panel{border:1px solid var(--line-dark);background:var(--paper-light);padding:16px}.address-pill,.stat-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.address-pill{border-bottom:2px solid var(--ink);padding-bottom:12px}.address-pill span,.stat-row span{color:var(--ink-soft);font-size:.76rem}.stat-row{padding:7px 0}.success{border-left:4px solid var(--seafoam-dark);color:var(--seafoam-dark);background:#8ccabd45;padding:9px;font-size:.78rem;font-weight:800}.auth-panel .error,.connector-grid .error{margin:0;padding:10px;font-size:.76rem}@media (max-width:1160px){.club-header-inner{grid-template-columns:minmax(205px,1fr) auto minmax(145px,1fr);gap:14px}.club-nav{gap:14px}.club-nav a{font-size:.78rem}.club-hero{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)}.club-hero h1{font-size:clamp(4.2rem,8vw,6.7rem)}.colony-card-grid,.binder-token-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browser-tools{grid-template-columns:repeat(3,1fr)}.browser-tools .search-field{grid-column:1/-1}.swap-preview-grid{grid-template-columns:1fr}.swap-stage-icon{margin:-7px auto;transform:rotate(90deg)}}@media (max-width:900px){.club-shell,.reef-container{width:min(100% - 32px,760px)}.club-header-inner{grid-template-columns:1fr auto auto;min-height:74px}.club-brand{grid-template-columns:138px auto auto}.club-brand img{width:138px}.club-nav{border:2px solid var(--ink);background:var(--paper-light);box-shadow:7px 7px 0 var(--red);align-items:stretch;padding:12px;display:none;position:absolute;top:calc(100% + 2px);left:16px;right:16px}.club-nav.is-open{display:grid}.club-nav a{border-bottom:1px solid var(--line);padding:12px;font-size:.9rem}.club-menu-button{display:inline-grid}.club-hero{grid-template-columns:1fr;min-height:0;padding-block:52px 76px}.club-hero-copy{text-align:center;padding-left:0}.club-hero h1,.club-lede,.club-tape{margin-inline:auto}.club-actions{justify-content:center}.club-hero-art{width:min(100%,620px);height:545px;margin-inline:auto}.club-story-grid{grid-template-columns:1fr}.club-story-grid article:nth-child(2){transform:none}.club-footer .club-shell{grid-template-columns:190px 1fr}.club-footer a{grid-column:1/-1;justify-self:start}.browser-intro,.studio-heading,.binder-heading{align-items:flex-start}.browser-tools{grid-template-columns:repeat(2,1fr)}.trait-filter-builder{grid-template-columns:1fr 1fr}.trait-filter-builder .club-button{grid-column:1/-1}.colony-card-grid,.binder-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.token-detail-layout{grid-template-columns:1fr}.token-detail-portrait{width:min(100%,560px);margin-inline:auto;position:relative;top:0}.studio-layout,.axolantis-layout{grid-template-columns:1fr}.studio-controls,.axolantis-controls{position:relative;top:0}.wallet-card{grid-template-columns:1fr}}@media (max-width:620px){.club-shell,.reef-container{width:min(100% - 24px,560px)}.club-header-inner{gap:8px}.club-brand{grid-template-columns:124px}.club-brand img{width:124px}.club-brand>span,.club-brand strong{display:none}.club-wallet-button{width:43px;min-height:43px;box-shadow:3px 3px 0 var(--red);padding:7px}.club-wallet-button span{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.club-hero{gap:45px;padding-top:42px}.club-hero h1{font-size:clamp(4rem,20vw,6.2rem)}.club-tape{font-size:1.45rem}.club-lede{font-size:.96rem}.club-actions{display:grid}.club-member-note{min-width:225px;bottom:-18px;right:0}.club-hero-art{height:390px}.club-hero-token{box-shadow:6px 7px 0 var(--seafoam), var(--shadow-small);padding:6px}.club-hero-token-center{width:min(290px,72%)}.club-hero-token-left,.club-hero-token-right{width:min(175px,44%);top:62px}.club-hero-token-left{left:10px}.club-hero-token-right{right:10px}.club-hero-token-copy{padding-top:6px}.club-hero-token-copy small{display:none}.club-member-note{min-width:238px;padding:12px 14px;bottom:-9px;right:0}.club-member-note strong{font-size:1.25rem}.club-member-note span{font-size:.62rem}.club-member-note svg{width:31px;height:31px}.club-index-strip{grid-template-columns:auto 1fr}.club-index-progress{grid-column:1/-1;width:100%;margin:0}.roster-rail{grid-auto-columns:73%;padding-inline:45px;scroll-padding-inline:45px}.rail-arrow{width:40px;height:40px;top:39%}.rail-arrow-left{left:2px}.rail-arrow-right{right:2px}.club-story-grid{padding-bottom:66px}.club-story-grid article{min-height:0;padding:25px}.club-footer{text-align:center;padding-block:44px}.club-footer .club-shell{grid-template-columns:1fr;justify-items:center}.club-footer a{grid-column:auto;justify-self:center}.browser-intro,.studio-heading,.binder-heading{display:grid}.browser-intro h1,.studio-heading h1,.binder-heading h1{font-size:clamp(3.1rem,15vw,5rem)}.browser-count,.binder-tally{justify-self:start;min-width:140px}.browser-tools,.trait-filter-builder{grid-template-columns:1fr}.browser-tools .search-field,.trait-filter-builder .club-button{grid-column:auto}.trait-filter-heading{grid-template-columns:auto 1fr}.segmented-control{grid-column:1/-1}.colony-card-grid,.binder-token-grid{grid-template-columns:1fr}.browser-pagination{gap:8px}.browser-pagination button{padding-inline:9px;font-size:.75rem}.token-detail-layout{padding-top:38px}.token-detail-copy h1{font-size:clamp(3.5rem,18vw,5.4rem)}.trait-dossier dl{grid-template-columns:1fr}.studio-heading{padding-top:45px}.studio-preview-stage,.studio-value-grid{grid-template-columns:1fr}.studio-policy-note,.studio-preview-stage>.inline-notice{grid-column:auto}.pair-selectors,.swap-result-stack{grid-template-columns:1fr}.swap-result-stack>div+div{border-top:2px solid var(--ink);border-left:0}.swap-receipt{grid-template-columns:1fr}.binder-section-heading{display:grid}.wallet-card{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}