:root{
  --bg:#f3eee2;--panel:#e8dfca;--ink:#16203a;--muted:#68634f;--line:#cfc3a7;
  --coral:#a77a2a;--gold:#b68b3c;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace;
}
body{background:var(--bg);color:var(--ink)}
.topbar{border-color:#d5c9af;background:#f7f3e9}
.brand-mark{border-color:#b68b3c;color:#9d742c}.brand small{border-color:#d5c9af;color:#79735f}
.topbar nav a,.top-link{color:#555641}.topbar nav a:hover,.top-link:hover,.top-link span{color:#9a7029}
.eyebrow{color:#756a50}.eyebrow i{background:#b68b3c}
.hero-copy h1 em,.section-head h2 em,.about h2 em,.mint-copy h2 em,.protocol-head h2 em,.hall-copy h2 em{color:#a77a2a}
.intro,.section-copy,.about-grid>p,.mint-copy>p:not(.eyebrow),.hall-copy>p:not(.eyebrow),.protocol-head>p:not(.eyebrow){color:#696752}
.scroll-link{border-color:#b7a985}.scroll-link span{color:#9a7029}
.hero-glow{background:radial-gradient(circle at 50% 42%,#f0dfb7,#d8c18a 52%,#a99465 80%);box-shadow:0 0 0 1px #b68b3c55,0 0 100px #b68b3c35}
.hero-glow:before,.hero-glow:after{border-color:#fff8e7aa}
.hero-art img{mix-blend-mode:multiply;filter:drop-shadow(0 20px 25px #3b301f35)}
.art-index,.art-caption{color:#62553a}.art-index b{color:#9a7029}.art-caption{border-color:#b68b3c88}
.hero-foot{border-color:#d5c9af;color:#79735f}
.collection{background:#e8dfca;border-color:#d4c7aa}
.itty-card{color:var(--ink);border-color:#c9b995;background:#f4efdf}.itty-card:hover{border-color:#a88749}.itty-card.active{border-color:#a77a2a}
.card-image{background:radial-gradient(circle at 50% 40%,#e9d8b5,#d8c49a 72%)}.card-image:after{background:linear-gradient(180deg,transparent 65%,#16203a28)}.card-image img{mix-blend-mode:multiply}
.card-info small,.selection p small,.selection-note{color:#706b57}.card-info strong,.selection p strong{color:#18223b}.arrow,.selection-mark{color:#9b722d}.selection{border-color:#cfc3a7}
.trait-layers{background:#14203a;border-color:#b68b3c55;color:#f3ead7}.trait-layers .section-head h2,.trait-layers .section-copy{color:#f4eedf}.trait-layers .section-head h2 em{color:#d8b56e}.trait-layers .eyebrow{color:#c7b792}.trait-kicker{color:#d4b16b}.trait-tabs button{color:#bbb8ad}.trait-tabs button:hover{color:#fff8e9}.trait-tabs button[aria-selected=true]{color:#fff4dd;background:#ffffff12;border-color:#d2b27366}.trait-tabs button[aria-selected=true]:before{color:#dfbd76}.trait-selection{border-color:#ffffff35}.trait-selection small{color:#c7bda6}.trait-selection strong{color:#fff2d9}.trait-count{color:#e0bd76}.trait-note{color:#aaa99c}.trait-sheet-wrap{background:#0b1224;border-color:#d9bd7b55;box-shadow:0 24px 60px #05091488}.trait-sheet-caption{color:#c3b99e}.trait-hotspot:hover{border-color:#ffe8bbaa}.trait-hotspot[aria-pressed=true]{background:#e6c47a32;border-color:#f1d28c;box-shadow:inset 0 0 0 1px #14203a66}
.mint-entry{background:#e9dfca;border-color:#d5c7a8}.mint-card{border-color:#bba774;background:radial-gradient(ellipse at 50% 42%,#fcf7e9 0,#e9dfca 44%,#ddd0b4 78%)}.mint-card-top,.hall-board-head,.hall-board-foot{color:#645d49}.mint-card-top span:last-child{color:#776b4e}.mint-card-bottom{border-color:#bdaf8e}.mint-card-bottom small,.vault-bar small{color:#72684e}.mint-card-bottom strong{color:#19233d}.action-button{border-color:#a77a2a;background:#b58a3d;color:#fff9eb}.action-button:hover{background:#c79d50}.mint-feedback{color:#625e50}.prototype-note{color:#766e5a}.prototype-note span,.status-dot{background:#b68b3c}
.lab-door{background:#111c34;border-color:#c2a661;color:#f3ead7}.door-mark{border-color:#c6a35c;color:#e3c579}.door-copy strong{color:#f1e7d3}.door-copy span,.lab-feedback{color:#c3bfaf}.lab-door form{border-color:#b6a36f;color:#e4c77f}.lab-door input{color:#fff6e4}.lab-door form button{border-color:#b6a36f;background:#263653;color:#fff1d4}.lab-door form button span{color:#e1bd6d}.lab-status{border-color:#ffffff35;color:#e1c274}.lab-status #tokenStateLabel{color:#c3beaf}.text-button{color:#d0c8b4}.vault-bar{background:#101a31;border-color:#aa925e;color:#f4ead7}.vault-bar strong{color:#fff0d2}.vault-bar p{color:#c3bda9}.save-feedback{color:#e2c57c}.wardrobe-traits{background:#172442;border-color:#ffffff2a;color:#c6c1b4}.wardrobe-traits>small{color:#d0bd8e}.wardrobe-row>span{color:#e0c275}.wardrobe-row button{border-color:#ffffff38;background:#203050;color:#d8d3c7}.wardrobe-row button[aria-pressed=true]{border-color:#d6b566;color:#fff2d9}.demo-record{color:#e0c275}.demo-record small{color:#b6b2a6}
.protocol{background:#f3eee2}.protocol-steps article{border-color:#b8aa89}.protocol-steps small{color:#9b742e}.protocol-steps h3{color:#1a2440}.protocol-steps p{color:#696752}.protocol-foot{border-color:#cfc3a7;color:#77705b}.protocol-foot span:nth-child(2){color:#9b742e}
.hall{background:#e8dfca;border-color:#d5c7a8}.hall-board{border-color:#b89d62;background:radial-gradient(ellipse at 50% 60%,#34456a 0,#1b2948 48%,#101a31 88%);box-shadow:0 18px 44px #26324a20}.hall-board-head,.hall-board-foot{color:#e1d3b0}.hall-empty>span{color:#dfbd76}.hall-empty strong{color:#fff1d7}.hall-empty small{color:#c7bc9e}.hall-board-foot{border-color:#ffffff3a}.hall.has-legend .hall-board{border-color:#d7b96f;background:radial-gradient(ellipse at 50% 60%,#68532d 0,#2e2a25 43%,#131a2b 82%)}
.about{color:var(--ink)}.about-grid>p{color:#686650}.about-bottom{border-color:#cfc3a7;color:#77705b}
footer{border-color:#d5c9af;background:#f7f3e9;color:#77705b}footer .brand{color:var(--ink)}footer .brand-mark{border-color:#b68b3c;color:#9b742e}
.brand-mark{display:block;width:32px;height:32px;flex:none;border:0;border-radius:50%;object-fit:contain}
footer .brand-mark{width:27px;height:27px}
@media(max-width:760px){.trait-layers{background:#14203a}.mint-entry{background:#e9dfca}.hall{background:#e8dfca}}


/* Responsive collision guards for tablet and narrow screens */
.section-head{min-width:0;align-items:flex-start}
.section-head>div,.section-head>.section-copy{min-width:0}
.section-head h2,.about h2,.mint-copy h2,.hall-copy h2,.protocol-head h2{overflow-wrap:normal;word-break:normal}
@media(max-width:980px){
  .collection{padding-inline:8vw}
  .section-head{display:block}
  .section-copy{max-width:520px;margin-top:18px}
  .trait-layers{padding-inline:7vw}
  .mint-entry{padding-inline:7vw;gap:5vw}
  .protocol,.hall{padding-inline:7vw}
  .protocol-head{column-gap:5vw}
}
@media(max-width:760px){
  .topbar{gap:12px;flex-wrap:wrap;height:auto;min-height:68px;padding-block:12px}
  .topbar nav{flex:1;justify-content:center;flex-wrap:wrap}
  .top-link{white-space:nowrap}
  .hero{display:flex;flex-direction:column;padding-top:24px}
  .hero-copy{position:relative;top:auto;left:auto;max-width:100%;order:0}
  .hero-art{order:1;width:100%;min-height:420px;height:68vw;max-height:560px}
  .hero-foot{order:2;gap:14px;flex-wrap:wrap;padding-top:10px;height:auto;min-height:35px}
  .mint-entry,.hall{grid-template-columns:1fr}
  .section-head h2,.about h2{overflow-wrap:break-word}
  .protocol-head{grid-template-columns:1fr;gap:12px}
  .protocol-head .eyebrow{grid-column:auto}
  .protocol-head>p:not(.eyebrow){margin:0;max-width:440px}
  .protocol-foot{line-height:1.8}
  .about-grid{min-width:0}
}
@media(max-width:520px){
  .topbar{justify-content:space-between}
  .topbar nav{order:3;flex-basis:100%;justify-content:space-between}
  .topbar nav a,.top-link{font-size:7px}
  .top-link{max-width:none}
  .hero-copy h1{font-size:clamp(43px,12vw,56px);line-height:1.02}
  .hero-art{height:470px;min-height:0}
  .hero-foot{font-size:6px;justify-content:space-between}
  .mint-card-bottom{flex-wrap:wrap}
  .mint-feedback{max-width:100%;overflow-wrap:anywhere}
  .selection{align-items:flex-start;flex-wrap:wrap}
  .selection-note{flex-basis:100%;margin:5px 0 0 32px;text-align:left;max-width:none}
  .lab-door form{max-width:100%;flex-wrap:wrap}
  .lab-door form button{white-space:normal}
  .vault-bar{min-width:0}
  .vault-bar strong,.vault-bar p{overflow-wrap:anywhere}
  .protocol-foot span{max-width:100%;overflow-wrap:anywhere}
  .hall-board-head,.hall-board-foot{gap:10px;flex-wrap:wrap}
  .hall-board-head span:last-child,.hall-board-foot span:last-child{text-align:right;margin-left:auto}
  .about-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .about-grid>p{overflow-wrap:anywhere}
}
@media(min-width:761px) and (max-width:1100px){
  .hero-copy{top:22%;max-width:39%;}
  .hero-copy h1{font-size:clamp(48px,6vw,66px)}
  .hero-copy .intro{max-width:100%;font-size:11px}
  .hero-art img{width:52%;height:82%}
  .hero-glow{right:3%;width:44vw}
}

.signature-looks{margin:0 0 30px;padding:22px;border:1px solid #d8bb79;background:linear-gradient(135deg,#1b2a49,#111c34)}
.signature-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.signature-head .trait-kicker{margin:0;color:#e0bf78}
.signature-head>p:last-child{margin:0;color:#d0c8b4;font-size:10px;line-height:1.6}
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.signature-look{appearance:none;display:grid;grid-template-columns:86px minmax(0,1fr);gap:13px;align-items:center;padding:9px;border:1px solid #ffffff2b;background:#101a31;color:#f7ecd7;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.signature-look:hover{transform:translateY(-2px);border-color:#d9b969;background:#20304f}
.signature-look[aria-pressed=true]{border-color:#e2c579;box-shadow:inset 0 0 0 1px #e2c57955;background:#263653}
.signature-look img{width:86px;height:96px;object-fit:cover;object-position:center 20%;background:#2c3650}
.signature-look span{min-width:0;display:grid;gap:4px}
.signature-look small{font:7px var(--mono);letter-spacing:.12em;color:#d8bd7b}
.signature-look strong{font:500 17px var(--serif);color:#fff1d9}
.signature-look em{font:8px/1.5 var(--sans);font-style:normal;color:#c4bdad}
@media(max-width:980px){.signature-grid{grid-template-columns:1fr}.signature-look{grid-template-columns:90px minmax(0,1fr)}.signature-look img{width:90px;height:90px}}
@media(max-width:520px){.signature-looks{padding:15px}.signature-head{display:block}.signature-head>p:last-child{margin-top:9px}.signature-look{grid-template-columns:75px minmax(0,1fr)}.signature-look img{width:75px;height:82px}}


/* Playful character energy: bright, loose and lively while keeping the royal ink. */
:root{--bg:#fff8e9;--panel:#fff0d4;--ink:#20213e;--muted:#675e67;--line:#e7c99a;--coral:#ee6b55;--gold:#c49335;--serif:'Bree Serif','Playfair Display',Georgia,serif}
body{background:#fff8e9;color:#20213e}
.topbar{background:#fffaf0;border-bottom:2px solid #e9d7b9}
.topbar nav a,.top-link{font-weight:600;color:#383750}
.top-link{border:1px solid #d7bd8b;border-radius:999px;padding:10px 15px;transition:.2s}
.top-link:hover{background:#fff0ce;transform:rotate(-2deg)}
.hero{padding-top:42px}
.hero-copy h1{font-weight:400;letter-spacing:-.025em;transform:rotate(-1deg);transform-origin:left center}
.hero-copy h1 em,.section-head h2 em,.about h2 em,.mint-copy h2 em,.protocol-head h2 em,.hall-copy h2 em{color:#e76655}
.eyebrow{color:#786d69}
.eyebrow i{background:#f2775d;box-shadow:0 0 0 4px #f2775d24}
.hero-glow{background:radial-gradient(circle at 50% 43%,#fff0b8 0,#ffc989 44%,#ffb899 70%,#f28d89 86%);box-shadow:0 0 0 1px #ea8a7950,0 0 90px #f28d8950}
.hero-glow:before{border:2px dashed #fff8e6b0}.hero-glow:after{border-color:#e9807255}
.hero-art img{mix-blend-mode:normal;filter:drop-shadow(0 19px 22px #6a324033);animation:itty-float 4.8s ease-in-out infinite}
.hero::after{content:'✦';position:absolute;right:4%;top:28%;z-index:2;color:#ef765f;font:42px 'Bree Serif',serif;animation:itty-sparkle 3.2s ease-in-out infinite;pointer-events:none}
.art-index,.art-caption{color:#655142}
.hero-foot{border-color:#e2cfaf;color:#796e65}
.collection{background:#f8d9e6;border-color:#edb8cc}
.collection .eyebrow{color:#9d5b73}
.itty-card{border:2px solid #e2aaba;border-radius:18px 18px 26px 26px;background:#fff5eb;overflow:hidden;box-shadow:0 8px 0 #c8758d28;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .2s}
.itty-card:nth-child(1){transform:rotate(-1deg)}.itty-card:nth-child(2){transform:translateY(9px) rotate(.8deg)}.itty-card:nth-child(3){transform:rotate(-.7deg)}
.itty-card:hover{transform:translateY(-7px) rotate(0);box-shadow:0 14px 0 #c8758d30;border-color:#db6d80}
.itty-card.active{border-color:#e76655;box-shadow:0 8px 0 #e7665530}
.card-image{height:320px;background:radial-gradient(circle at 50% 42%,#ffd7ac,#f1a7b4 76%)}
.itty-card:nth-child(2) .card-image{background:radial-gradient(circle at 50% 42%,#ffdda0,#f3a2a9 76%)}
.itty-card:nth-child(3) .card-image{background:radial-gradient(circle at 50% 42%,#e9b2a2,#74526a 76%)}
.card-image img{mix-blend-mode:normal;animation:itty-float 5.3s ease-in-out infinite}
.itty-card:nth-child(2) .card-image img{animation-delay:-1.2s}.itty-card:nth-child(3) .card-image img{animation-delay:-2.1s}
.card-info{padding:17px 19px}
.card-info small{color:#986477}.card-info strong{font-size:21px}.arrow{color:#e76655}
.selection{border-color:#dfa6b7}.selection-mark{color:#e76655}
.mint-entry{background:#fff0c9;border-color:#ead18d}
.mint-card{border:2px solid #d6b96d;border-radius:24px;background:radial-gradient(ellipse at 50% 42%,#fffbe8 0,#ffedbd 48%,#ffe19a 82%);box-shadow:0 12px 0 #c9a55035}
.mint-card-top,.hall-board-head,.hall-board-foot{font-weight:500}
.action-button{border-radius:999px;box-shadow:0 4px 0 #77501f48;transition:transform .15s,box-shadow .15s,background .2s}
.action-button:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 6px 0 #77501f48}
.blank-pencil{animation:itty-pencil-bob 3.4s ease-in-out infinite;transform-origin:50% 60%}
.trait-layers{background:radial-gradient(ellipse at 88% 3%,#354b77 0,#182744 35%,#14203a 75%);border-block:2px solid #d8b56e}
.trait-layers .section-head h2 em{color:#ffbe73}
.trait-tabs button{border-radius:12px}
.trait-tabs button[aria-selected=true]{border-color:#eac677;background:#ffffff14}
.trait-sheet-wrap{border:2px solid #e0c37d;border-radius:18px;overflow:hidden}
.trait-hotspot{border-radius:16px}
.signature-looks{border:2px solid #dfbb68;border-radius:22px;background:linear-gradient(130deg,#26385a,#172442);box-shadow:0 8px 0 #080f2055}
.signature-look{border-radius:14px}
.signature-look img{border-radius:10px}
.protocol{background:#eee4ff}
.protocol-steps article{border-color:#c6b4e7}
.protocol-steps article:nth-child(1){border-color:#ed856a}.protocol-steps article:nth-child(2){border-color:#7c95d2}.protocol-steps article:nth-child(3){border-color:#c081ac}
.protocol-steps h3{font-size:25px}
.protocol-foot{border-color:#c6b4e7}
.hall{background:#ffd8c3;border-color:#efa890}
.hall-board{border:2px solid #dcb463;border-radius:26px;background:radial-gradient(ellipse at 50% 60%,#735ab0 0,#332f68 48%,#17213e 88%);box-shadow:0 12px 0 #ac6a4c35;transform:rotate(.4deg)}
.hall-board-head,.hall-board-foot{font-size:8px}
.hall.has-legend .hall-board{background:radial-gradient(ellipse at 50% 60%,#d87b55 0,#55375c 48%,#17213e 88%)}
.about{background:#fff8e9}
footer{background:#fffaf0;border-top:2px solid #e9d7b9}
.brand-mark{transition:transform .3s}
.brand:hover .brand-mark{transform:rotate(-9deg) scale(1.08)}
@keyframes itty-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes itty-pencil-bob{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1.5deg}}
@keyframes itty-sparkle{0%,100%{transform:rotate(0) scale(.86)}50%{transform:rotate(18deg) scale(1.12)}}
@media(max-width:760px){.hero{padding-top:30px}.hero::after{right:7%;top:7%;font-size:32px}.itty-card:nth-child(n){transform:none}.itty-card:hover{transform:translateY(-4px)}.card-image{height:230px}.hall-board{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Neon pencil mischief direction */
:root{--bg:#180b24;--panel:#32102f;--ink:#fff6ff;--muted:#dfc8df;--line:#703665;--coral:#ff4fb8;--gold:#eaff3d}
body{background:#180b24;color:#fff6ff}
.topbar{background:#1c0b27;border-color:#54285a}
.brand small{border-color:#70416c;color:#d8b7d8}
.topbar nav a,.top-link{color:#f5ddf4}
.topbar nav a:hover,.top-link:hover,.top-link span{color:#eaff3d}
.top-link{border-color:#ff4fb8;background:#33102f}
.eyebrow{color:#efc9ee}.eyebrow i{background:#eaff3d;box-shadow:0 0 0 4px #eaff3d2c,0 0 18px #eaff3d80}
.hero{background:radial-gradient(ellipse at 73% 43%,#46133f 0,transparent 45%)}
.hero-copy h1{color:#fff5ff;text-shadow:0 4px 0 #a91a7b35}
.hero-copy h1 em,.section-head h2 em,.about h2 em,.mint-copy h2 em,.protocol-head h2 em,.hall-copy h2 em{color:#ff58bd}
.intro,.section-copy,.about-grid>p,.mint-copy>p:not(.eyebrow),.hall-copy>p:not(.eyebrow),.protocol-head>p:not(.eyebrow){color:#dfc8df}
.scroll-link{border-color:#bd68ab}.scroll-link span{color:#eaff3d}
.hero-glow{background:radial-gradient(circle at 50% 40%,#ffdb71 0,#ff4fb8 36%,#b51bff 66%,#372079 84%);box-shadow:0 0 0 2px #ff59cc65,0 0 80px #ff25c855,0 0 170px #7c29ff55}
.hero-glow:before{border:2px solid #ff68cf66;box-shadow:0 0 30px #f342cb2e}.hero-glow:after{border:2px dashed #eaff3d55}
.hero-art img{filter:drop-shadow(0 22px 30px #ff42c54f)}
.hero::after{color:#eaff3d;text-shadow:0 0 20px #eaff3d}
.art-index,.art-caption{color:#ffd5fb}.art-index b{color:#eaff3d}.art-caption{border-color:#ff4fb8}
.hero-foot{border-color:#703665;color:#cbb0ca}
.collection{background:radial-gradient(ellipse at 10% 20%,#651044 0,#391036 48%,#22112f 100%);border-color:#e53aa8}
.collection .eyebrow{color:#ff9de1}
.section-head h2{color:#fff3ff}
.itty-card{color:#fff5ff;border:2px solid #ff63c7;background:#30102f;box-shadow:0 8px 0 #ff4fb83d,0 0 24px #ff3eae18}
.itty-card:nth-child(2){border-color:#62edff;box-shadow:0 8px 0 #24d7ff34,0 0 24px #31e6ff20}
.itty-card:nth-child(3){border-color:#eaff3d;box-shadow:0 8px 0 #eaff3d30,0 0 24px #eaff3d1c}
.itty-card:hover{border-color:#fff;box-shadow:0 14px 0 #ff4fb848,0 0 32px #ff37c454}
.itty-card.active{border-color:#eaff3d;box-shadow:0 8px 0 #eaff3d3d,0 0 30px #eaff3d32}
.card-image,.itty-card:nth-child(2) .card-image,.itty-card:nth-child(3) .card-image{background:radial-gradient(circle at 50% 42%,#ffb8e4,#de38ab 54%,#501b76 100%)}
.itty-card:nth-child(2) .card-image{background:radial-gradient(circle at 50% 42%,#b3ffff,#16aee0 56%,#35228a 100%)}
.itty-card:nth-child(3) .card-image{background:radial-gradient(circle at 50% 42%,#f2ff9c,#aeeb38 42%,#3e683d 100%)}
.card-image img{mix-blend-mode:normal;filter:drop-shadow(0 10px 16px #16061d80)}
.card-info small,.selection p small,.selection-note{color:#e0b5db}.card-info strong,.selection p strong{color:#fff7ff}.arrow,.selection-mark{color:#eaff3d}.selection{border-color:#a9498d}
.mint-entry{background:radial-gradient(ellipse at 80% 30%,#642253 0,#321235 48%,#1b0d28 100%);border-color:#d73eab}
.mint-copy h2,.mint-copy>p:not(.eyebrow){color:#fff5ff}
.prototype-note{color:#e3c4df}.prototype-note span{background:#eaff3d;box-shadow:0 0 12px #eaff3d}
.mint-card{border:2px solid #eaff3d;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#572052 0,#301034 54%,#1b0c26 100%);box-shadow:0 0 35px #eaff3d24,0 12px 0 #eaff3d24}
.mint-card-top,.hall-board-head,.hall-board-foot{color:#f6dff2}.mint-card-top span:last-child{color:#eaff3d}
.mint-card-bottom{border-color:#8a4684}.mint-card-bottom small{color:#e4c1dd}.mint-card-bottom strong{color:#fff6ff}
.blank-pencil{filter:drop-shadow(0 0 20px #ff7ed7aa) drop-shadow(0 18px 22px #0008)}
.action-button{border:1px solid #efff48;background:#eaff3d;color:#21112d;box-shadow:0 4px 0 #a9ba1e,0 0 20px #eaff3d35}
.action-button:hover{background:#fff879;box-shadow:0 6px 0 #a9ba1e,0 0 25px #eaff3d80}.action-button:disabled{background:#5d5941;color:#bcb99c;border-color:#858044}
.mint-feedback{color:#e3c4df}
.trait-layers{background:radial-gradient(ellipse at 90% 4%,#442084 0,#20123e 38%,#12112f 78%);border-color:#41eaff}
.trait-layers .section-head h2 em{color:#eaff3d}
.trait-layers .eyebrow{color:#e2a8ee}.trait-kicker{color:#eaff3d}
.trait-tabs button{color:#d7cbe5;border-radius:15px}
.trait-tabs button:hover{color:#fff;background:#ff4fb81c}
.trait-tabs button[aria-selected=true]{color:#fff;border-color:#eaff3d;background:#eaff3d14;box-shadow:0 0 16px #eaff3d24}
.trait-tabs button[aria-selected=true]:before{color:#eaff3d}
.trait-selection{border-color:#784b89}.trait-selection small{color:#cdbada}.trait-selection strong{color:#fff}.trait-count{color:#eaff3d}.trait-note{color:#c9bdd8}
.trait-sheet-wrap{border-color:#eaff3d;box-shadow:0 0 25px #ff3cb52e,0 24px 60px #0008}
.trait-sheet-caption{color:#d3bdda}
.trait-hotspot:hover{background:#31eaff18;border-color:#68f2ff}.trait-hotspot[aria-pressed=true]{background:#eaff3d2b;border-color:#eaff3d;box-shadow:inset 0 0 0 1px #eaff3d50,0 0 18px #eaff3d4d}
.signature-looks{border-color:#eaff3d;background:linear-gradient(130deg,#32134c,#1b0d35);box-shadow:0 8px 0 #eaff3d20,0 0 28px #d946ff1c}
.signature-head>p:last-child{color:#e3c6e4}.signature-look{border-color:#714179;background:#291238}
.signature-look:hover{border-color:#53eaff;background:#361b54;box-shadow:0 0 20px #53eaff2e}
.signature-look[aria-pressed=true]{border-color:#eaff3d;background:#3b2a38;box-shadow:inset 0 0 0 1px #eaff3d55,0 0 18px #eaff3d32}
.signature-look small{color:#eaff3d}.signature-look strong{color:#fff}.signature-look em{color:#e0c8e2}
.lab-door{background:#291039;border-color:#54eaff}.door-mark{border-color:#eaff3d;color:#eaff3d}.door-copy strong{color:#fff}.door-copy span,.lab-feedback{color:#e0cae3}
.lab-door form{border-color:#54eaff;color:#eaff3d}.lab-door input{color:#fff}.lab-door form button{border-color:#54eaff;background:#3e2057;color:#fff}.lab-door form button span{color:#eaff3d}
.lab-status{border-color:#72447d;color:#eaff3d}.lab-status #tokenStateLabel{color:#e0c8e2}.text-button{color:#e9d0e8}
.vault-bar{background:#1c102f;border-color:#54eaff;color:#fff}.vault-bar strong{color:#fff}.vault-bar small{color:#eaff3d}.vault-bar p{color:#e0c8e2}.save-feedback{color:#eaff3d}
.wardrobe-traits{background:#241038;border-color:#694176;color:#e0c8e2}.wardrobe-traits>small,.wardrobe-row>span{color:#eaff3d}.wardrobe-row button{border-color:#7c4e8b;background:#311848;color:#f1dff2}.wardrobe-row button[aria-pressed=true]{border-color:#eaff3d;color:#fff}
.demo-record{color:#eaff3d}.demo-record small{color:#c7b1ce}
.protocol{background:radial-gradient(ellipse at 85% 10%,#321c67,#1a123e 65%,#18102f 100%)}
.protocol-head h2,.protocol-steps h3{color:#fff}.protocol-head>p:not(.eyebrow){color:#ddcde4}
.protocol-steps article{border-color:#62457a}.protocol-steps article:nth-child(1){border-color:#ff4fb8}.protocol-steps article:nth-child(2){border-color:#53eaff}.protocol-steps article:nth-child(3){border-color:#eaff3d}
.protocol-steps small{color:#eaff3d}.protocol-steps p{color:#ddcde4}.protocol-foot{border-color:#604577;color:#cbb7d2}.protocol-foot span:nth-child(2){color:#eaff3d}
.hall{background:radial-gradient(ellipse at 10% 20%,#3d176d,#221039 58%,#1a0c25);border-color:#ff4fb8}
.hall-copy h2,.hall-copy>p:not(.eyebrow){color:#fff5ff}
.hall-board{border-color:#eaff3d;background:radial-gradient(ellipse at 50% 60%,#5c1c88 0,#27134c 54%,#150e2c 100%);box-shadow:0 0 34px #ff4fb82e,0 12px 0 #ff4fb82d}
.hall-board-head,.hall-board-foot{color:#f4d9f1}.hall-empty>span{color:#eaff3d}.hall-empty strong{color:#fff}.hall-empty small{color:#e4c7e5}.hall-board-foot{border-color:#7c548b}
.hall.has-legend .hall-board{border-color:#eaff3d;background:radial-gradient(ellipse at 50% 60%,#d72a8a 0,#64226e 48%,#18102f 90%)}
.about{background:#180b24;color:#fff}.about-grid>p{color:#dfc8df}.about-bottom{border-color:#65385e;color:#cdb3cf}
footer{background:#13091e;border-color:#60355d;color:#cdb3cf}footer .brand{color:#fff}footer .brand-mark{filter:drop-shadow(0 0 8px #ff4fb866)}
.wardrobe-row button:hover{border-color:#53eaff;box-shadow:0 0 12px #53eaff30}
@media(max-width:760px){.trait-layers{background:radial-gradient(ellipse at 90% 4%,#442084,#20123e 52%,#12112f)}.mint-entry{background:radial-gradient(ellipse at 80% 30%,#642253,#321235 55%,#1b0d28)}.hall{background:radial-gradient(ellipse at 10% 20%,#3d176d,#221039 62%,#1a0c25)}}

/* Double-sided character dossiers */
.dossier-section{margin-top:76px;padding-top:43px;border-top:1px solid #eaff3d55}
.dossier-heading{max-width:620px;margin-bottom:27px}
.dossier-heading h3{font:500 clamp(28px,4vw,42px)/1.12 'Playfair Display',serif;color:#fff;margin:0 0 12px}
.dossier-heading h3 em{color:#eaff3d}
.dossier-heading>p:last-child{font:13px/1.65 'DM Sans',sans-serif;color:#d3bddc;margin:0}
.dossier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;perspective:1200px}
.dossier-card{appearance:none;position:relative;display:block;width:100%;min-width:0;aspect-ratio:4/5;padding:0;border:1px solid #ecff5a;border-radius:18px;background:transparent;color:#fff;text-align:left;cursor:pointer;perspective:1200px;touch-action:manipulation}
.dossier-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.dossier-card[aria-pressed=true] .dossier-inner{transform:rotateY(180deg)}
.dossier-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:18px;border-radius:17px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dossier-front{background:radial-gradient(ellipse at 50% 43%,#552263,#21133f 72%,#15112f)}
.dossier-number{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#eaff3d}
.dossier-front img{width:100%;height:70%;object-fit:contain;filter:drop-shadow(0 14px 22px #fa3bbb40);margin:auto 0 6px}
.dossier-front strong,.dossier-back>strong{font:600 25px 'Playfair Display',serif;color:#fff}
.dossier-front>small{font:8px 'DM Mono',monospace;letter-spacing:.12em;color:#d7b7df;margin-top:5px}
.dossier-flip-hint,.dossier-back>small{font:8px 'DM Mono',monospace;letter-spacing:.1em;color:#eaff3d;margin-top:15px}
.dossier-back{transform:rotateY(180deg);background:radial-gradient(ellipse at 90% 0,#46204f,#1b1437 58%,#12122f);border:1px solid #ff49bb;box-shadow:inset 0 0 30px #eaff3d15}
.dossier-back>strong{margin:5px 0 18px;color:#eaff3d}
.dossier-back dl{display:grid;gap:10px;width:100%;margin:0;overflow:auto}
.dossier-back dl>div{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid #ffffff20}
.dossier-back dt{font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:#ff9de0}
.dossier-back dd{font:11px/1.45 'DM Sans',sans-serif;color:#fff;margin:0;overflow-wrap:anywhere}
.dossier-card:focus-visible{outline:3px solid #eaff3d;outline-offset:4px}
.fashion-workbench{margin:25px 0 40px;padding:22px;border:1px solid #ff4fb8;border-radius:18px;background:linear-gradient(135deg,#311448,#1c1034 70%);box-shadow:0 0 24px #ff4fb820}
.fashion-head{display:grid;grid-template-columns:1fr minmax(240px,.8fr);align-items:start;gap:14px;margin-bottom:18px}
.fashion-head .trait-kicker{margin:0}
.fashion-head>p:last-child{margin:0;color:#dfc8e4;font:12px/1.6 'DM Sans',sans-serif}
.fashion-trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.fashion-trait-category{min-width:0;margin:0;padding:13px;border:1px solid #714179;border-radius:12px;background:#241238}
.fashion-trait-category legend{padding:0 6px;color:#eaff3d;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.fashion-trait-category select{display:block;width:100%;min-height:44px;padding:9px 34px 9px 11px;border:1px solid #8a5e94;border-radius:9px;background:#35194b;color:#fff;font:12px/1.4 'DM Sans',sans-serif}
.fashion-trait-category option{background:#241238;color:#fff}
.fashion-trait-id{display:block;margin-top:8px;color:#c4a4d0;font:8px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.fashion-summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #714179}
.fashion-summary>span{color:#eaff3d;font:8px 'DM Mono',monospace;letter-spacing:.1em}
.fashion-summary strong{color:#fff;font:12px/1.6 'DM Sans',sans-serif}
.fashion-summary button{min-height:44px;padding:0 14px;border:1px solid #53eaff;border-radius:9px;background:#242040;color:#fff;font:10px 'DM Mono',monospace;cursor:pointer}
.fashion-feedback{min-height:1em;margin:10px 0 0;color:#eaff3d;font:10px 'DM Mono',monospace}
@media(max-width:760px){.dossier-section{margin-top:54px}.dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dossier-card:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}}
@media(max-width:760px){.fashion-head{grid-template-columns:1fr}.fashion-summary{grid-template-columns:1fr auto}.fashion-summary>span{grid-column:1/-1}.fashion-summary strong{grid-column:1;grid-row:2}.fashion-summary button{grid-column:2;grid-row:2}}
@media(max-width:520px){.dossier-grid{grid-template-columns:1fr;gap:16px}.dossier-card,.dossier-card:last-child{grid-column:auto;width:min(100%,340px);justify-self:center;aspect-ratio:4/5}.dossier-face{padding:16px}.dossier-front img{height:68%}.dossier-back dl{gap:7px}.dossier-back dl>div{padding-bottom:6px}.dossier-back dd{font-size:10px}.fashion-workbench{padding:15px}.fashion-trait-grid{grid-template-columns:1fr}.fashion-summary{grid-template-columns:1fr}.fashion-summary>span,.fashion-summary strong,.fashion-summary button{grid-column:1;grid-row:auto}.fashion-summary button{justify-self:start}}
@media(prefers-reduced-motion:reduce){.dossier-inner{transition:none}}
@media(prefers-reduced-motion:reduce){.hero-art img,.blank-pencil,.hero::after,.card-image img{animation:none!important}}


/* Hero reference image: preserve the full square composition without cropping. */
.hero-art{overflow:visible}
.hero-art img{width:min(68%,620px);height:min(100%,620px);max-width:100%;aspect-ratio:1/1;object-fit:contain;flex:none}
.hero-glow{right:8%;width:min(49vw,600px);background:radial-gradient(circle at 50% 45%,#ff6cc8 0,#ed299c 42%,#8c176a 70%,#3c134f 88%);box-shadow:0 0 0 1px #ff65ca75,0 0 100px #ff38b75b,0 0 160px #fb4b7533}
@media(min-width:761px) and (max-width:1100px){.hero-art img{width:60%;height:90%}}
@media(max-width:760px){.hero-art{overflow:visible;justify-content:center}.hero-art img{width:min(100%,440px);height:auto;max-height:calc(100% - 28px);aspect-ratio:1/1;margin:auto}}

@media(min-width:761px) and (max-width:1100px){.hero-copy{max-width:43%}.hero-copy h1{font-size:clamp(42px,5.1vw,56px)}.hero-copy .intro{font-size:10px}.hero-art img{width:52%;height:86%}}
@media(min-width:761px) and (max-width:1100px){.hero-copy{width:40%;max-width:40%}.hero-copy .intro{max-width:100%;line-height:1.8}}
.hero-glow{background:conic-gradient(from 15deg,#ff4fb8,#ff8d4d,#eaff3d,#43eddb,#5465ff,#b847ff,#ff4fb8);filter:blur(22px);opacity:.62;box-shadow:0 0 55px #ff4fb85b,0 0 120px #43eddb4a}
@media(max-width:760px){.hero-glow{filter:blur(16px);opacity:.7}}

/* Cross-device layout and touch sizing */
html{scroll-padding-top:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
button,a,input{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
.topbar{padding-left:max(7.5vw,env(safe-area-inset-left));padding-right:max(7.5vw,env(safe-area-inset-right))}
footer{padding-left:max(7.5vw,env(safe-area-inset-left));padding-right:max(7.5vw,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}
.action-button,.top-link,.lab-door form button{min-height:44px}
.trait-tabs button,.wardrobe-row button,.text-button{min-height:44px}
.lab-door input{min-height:44px}
.trait-hotspot{min-width:44px;min-height:44px}
@media(min-width:1101px){
  .hero-copy{max-width:40%}
  .hero-copy .intro{max-width:min(100%,390px)}
  .hero-art img{width:56%;height:92%}
}
@media(min-width:761px) and (max-width:1100px){
  .hero-copy{width:40%;max-width:40%}
  .hero-copy h1{font-size:clamp(38px,5.1vw,56px)}
}
@media(max-width:760px){
  .topbar{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right))}
  .topbar nav a{display:inline-flex;min-height:44px;align-items:center;padding-inline:7px}
  .top-link{min-height:44px;padding:10px 12px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .card-image{height:clamp(190px,36vw,250px)}
  .itty-card:nth-child(3){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
  .hero-art img{object-fit:contain}
  .trait-tabs button{min-height:44px}
  .lab-door form{align-items:stretch}
  .lab-door input{font-size:16px}
  .vault-bar .action-button{min-height:46px}
  .protocol-steps article{min-width:0}
}
@media(max-width:520px){
  .topbar{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right))}
  .topbar nav{gap:3px}
  .topbar nav a{padding-inline:5px;font-size:8px}
  .cards{grid-template-columns:1fr}
  .itty-card:nth-child(3){grid-column:auto;width:100%}
  .card-image{height:155px}
  .lab-door form{width:100%;max-width:100%}
  .lab-door input{width:clamp(70px,24vw,110px)}
  .lab-door form button{flex:1;min-height:44px}
  .hero-art{height:min(118vw,470px)}
  .hero-art img{width:min(100%,440px);max-height:calc(100% - 28px);height:auto}
  .hero-foot{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .section-head h2,.mint-copy h2,.hall-copy h2,.protocol-head h2,.about h2{font-size:clamp(36px,10vw,48px)}
  .trait-selection{flex-wrap:wrap}
  .trait-selection small{flex-basis:100%}
  .trait-count{margin-left:auto}
  .trait-hotspot{margin:2%;min-width:44px;min-height:44px}
  footer{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right))}
}
@media(max-width:360px){
  .topbar nav a{font-size:7px;padding-inline:3px}
  .topbar nav{gap:0}
  .hero-copy h1{font-size:41px}
  .mint-card-bottom .action-button{width:100%}
  .trait-tabs button{font-size:12px;padding-inline:9px}
}
@media(hover:none){
  .itty-card:hover,.signature-look:hover{transform:none}
  .action-button:hover{transform:none}
}