:root{--paper:#f6f4e9;--white:#fffef6;--forest:#153f35;--forest-light:#526959;--line:#d4dac8;--lime:#dff58b;--mint:#c8ddc5;--mono:"Courier New",monospace;--sans:"Trebuchet MS",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:light;font-family:var(--sans);color:var(--forest);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #699555;outline-offset:4px}button,a,input,select{transition:background-color .15s,color .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.page-shell{width:min(1280px,calc(100% - 80px));margin:auto}.masthead{min-height:111px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:21px;font-weight:900;line-height:.84;letter-spacing:-1.2px}.brand-dot{color:#6f903e}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-7deg)}.brand-mark i{height:10px;background:var(--forest)}.brand-mark i:nth-child(2){background:#819559}.brand-mark i:nth-child(3){background:#bdcf7e}.header-tag{font:11px var(--mono);letter-spacing:1px;display:flex;gap:12px;align-items:center}.header-tag>span{font-size:25px}.archive-label{font:10px var(--mono);letter-spacing:.5px;display:flex;align-items:center;gap:10px}.status-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#99b756;display:inline-block}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:54px 0 44px;align-items:end}.eyebrow{font:10px var(--mono);letter-spacing:1.2px;margin:0 0 18px;display:block}.intro h1{font:bold clamp(44px,5.2vw,70px)/.98 var(--serif);letter-spacing:-3.2px;margin:0}.intro h1 em{font-weight:normal}.intro-note{padding-bottom:6px;max-width:380px;justify-self:end}.tiny-bamboo{display:block;font:36px var(--serif);color:#8da36b;margin-bottom:8px;letter-spacing:-15px}.intro-note p{font-size:14px;line-height:1.7;margin:0 0 23px;color:var(--forest-light)}.archive-meta{display:flex;flex-wrap:wrap;gap:9px 17px;font:9px var(--mono);letter-spacing:.1px}.archive-meta>span+span{position:relative}.archive-meta>span+span:before{content:"·";position:absolute;left:-10px}.explorer-panel{background:var(--white);border:1px solid #bdcbb5;border-radius:18px;overflow:hidden;box-shadow:0 7px 0 -4px #e9ebdb}.finder-bar{display:flex;align-items:center;gap:20px;padding:23px 28px;background:#ecf0df;border-bottom:1px solid var(--line)}.token-form{display:flex;align-items:center;gap:17px;min-width:0}.token-form>label{font:9px var(--mono);letter-spacing:.8px}.token-entry{display:flex;align-items:center;background:var(--white);border:1px solid #c7d3ba;border-radius:8px;padding-left:12px;overflow:hidden;height:43px}.token-entry>span{font:18px var(--serif);color:#75836b}.token-entry input{border:0;width:65px;min-width:0;outline-offset:-4px;background:transparent;padding:9px 6px;color:var(--forest);font-size:16px;font-weight:bold}.token-entry button{align-self:stretch;border:0;border-left:1px solid #dbe1ca;padding:0 13px;font-size:11px;font-weight:bold;background:var(--white);display:flex;gap:15px;align-items:center}.browse-controls{display:flex;align-items:center;gap:7px}.icon-button{height:42px;width:42px;border:1px solid #c9d4bc;background:transparent;border-radius:8px;font-size:20px}.shuffle-button{background:transparent;border:0;display:flex;align-items:center;gap:10px;padding:10px 11px;font-size:11px;font-weight:bold;white-space:nowrap}.shuffle-button>span{font-size:25px;line-height:.8}.share-button{margin-left:auto;background:var(--forest);border:0;color:var(--white);padding:14px 17px;border-radius:8px;display:flex;gap:24px;align-items:center;font-size:11px;white-space:nowrap}.filters{display:flex;gap:16px;padding:20px 28px;border-bottom:1px solid var(--line);align-items:center}.filters label{display:grid;gap:5px;flex:1;min-width:0;font:8px var(--mono);letter-spacing:.7px;color:#6e806c}.filters select{background:transparent;color:var(--forest);border:0;border-bottom:1px solid #d7dfcb;border-radius:0;font:12px var(--sans);width:100%;padding:6px 19px 6px 0;cursor:pointer}.filter-summary{text-align:right;font:10px var(--mono);width:144px;flex-shrink:0;color:#63765f;line-height:1.5}.filter-summary button{display:block;margin:6px 0 0 auto;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;background:transparent;font:10px var(--mono);color:var(--forest)}.character-content{padding:26px 28px 28px}.character-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.character-title .eyebrow{font-size:8px;letter-spacing:1px;margin:0 0 9px;color:#6c8065}.character-title h2{font:normal clamp(25px,3vw,37px)/1 var(--serif);letter-spacing:-.8px;margin:0}.edition-pill{font:8px var(--mono);letter-spacing:.6px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;white-space:nowrap}.edition-pill.unique{background:#f9edba;border-color:#cfb969;color:#6f582a}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:23px}.portrait-card,.motion-card{min-width:0;margin:0;border:1px solid #bfcbb4;border-radius:12px;overflow:hidden}.portrait-card figcaption,.motion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;min-height:49px;font:9px var(--mono);letter-spacing:.4px;background:#f3f3e7;border-bottom:1px solid #cbd5bd}.portrait-card figcaption b,.motion-heading b{display:inline-block;font-weight:normal;margin-right:10px;color:#728768}.portrait-card small,.motion-heading small{font-size:7px;letter-spacing:.5px;color:#6a7d60;white-space:nowrap}.motion-heading small{display:flex;gap:5px;align-items:center}.portrait-stage,.motion-stage{aspect-ratio:1;position:relative;overflow:hidden;display:grid;place-items:center}.portrait-stage{background:#e2e9d8}.portrait-stage img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.portrait-placeholder{font:10px var(--mono);letter-spacing:1px;color:#6c8067}.card-bottom{height:64px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#647a60;border-top:1px solid #d4dbc8}.card-bottom>span:last-child{font-size:19px;color:var(--forest)}.motion-stage{background-color:#c8ddc5;background-image:linear-gradient(#b6d0b64d 1px,transparent 1px),linear-gradient(90deg,#b6d0b64d 1px,transparent 1px);background-size:29px 29px}.motion-stage:before{content:"";position:absolute;width:66%;aspect-ratio:1;border:1px solid #afc7a982;border-radius:50%;background:#e1ecd249;top:18%}.stage-ground{position:absolute;left:19%;right:19%;bottom:8.5%;height:8%;border-radius:50%;background:#7895672b}.motion-stage canvas{position:relative;z-index:1;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.stage-corner{position:absolute;font:17px var(--mono);color:#718c66;z-index:2}.stage-corner-top{top:17px;left:19px}.stage-corner-bottom{bottom:17px;right:19px}.frame-readout{position:absolute;left:18px;bottom:16px;right:40px;display:flex;gap:15px;font:7px var(--mono);letter-spacing:1px;color:#53714e;z-index:2;pointer-events:none}.stage-message{position:absolute;inset:0;background:#c8ddc5e8;z-index:3;display:grid;place-content:center;padding:25px;text-align:center;font:11px/1.8 var(--mono)}.motion-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:9px;border-top:1px solid #b7caaa;background:#f3f3e7}.actions{display:flex;align-items:center;gap:3px;min-width:0}.actions button{border:1px solid transparent;background:transparent;border-radius:6px;padding:9px 11px;font-size:10px;white-space:nowrap}.actions button[aria-pressed=true]{background:var(--forest);color:#eff9cf;border-color:var(--forest)}.play-pause{display:flex;gap:6px;align-items:center;padding:9px 11px;background:var(--lime);border:1px solid #bdd180;border-radius:6px;font-size:10px;font-weight:bold;white-space:nowrap}.play-pause span:first-child{min-width:9px}.trait-section{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}.trait-heading h3{font:20px/1.1 var(--serif);letter-spacing:-.3px;margin:0 0 9px;max-width:140px}.trait-heading p{font:9px/1.6 var(--mono);color:#6c8065;margin:0}.traits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 20px;margin:0}.trait{min-width:0}.traits dt{font:7px var(--mono);text-transform:uppercase;letter-spacing:.8px;color:#748669;margin-bottom:6px}.traits dd{font-size:11px;line-height:1.5;margin:0;overflow-wrap:anywhere}.viewer-note{margin:22px 0 44px;font:10px/1.7 var(--sans);color:#6e7c63;display:flex;gap:8px;justify-content:center;text-align:center}.viewer-note>span{color:#8f9d64}.notice{background:#e6efce;border:1px solid #c7d4ab;color:var(--forest);padding:13px 17px;border-radius:8px;font-size:12px;line-height:1.5;margin:0 0 18px}.fatal-error{background:#fff4dd;border:1px solid #dbc59d;padding:25px;border-radius:12px;margin-bottom:25px}.fatal-error p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.text-button{border:0;background:transparent;padding:0;text-decoration:underline}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{font-size:40px;color:#8b9e6a}.empty-state h2{font:30px var(--serif);margin:15px 0}.empty-state p{font-size:12px;color:#6a7c61;line-height:1.7}.primary-button{background:var(--forest);border:0;border-radius:7px;color:var(--white);padding:13px 20px;font-size:11px;margin-top:12px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 31px}footer>span:first-child{font-weight:900;font-size:14px;letter-spacing:-.6px}footer p,footer>span:last-child{font:8px var(--mono);letter-spacing:.9px}footer p{color:#7a896a}.skip-link{position:absolute;top:-80px;left:16px;background:var(--forest);color:white;padding:12px 20px;z-index:10}.skip-link:focus{top:15px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1280px){.motion-toolbar{padding:0 17px}.actions button{padding:9px 13px}.play-pause{padding:9px 14px}}
@media(max-width:1050px){.page-shell{width:calc(100% - 48px)}.finder-bar{gap:12px;padding:20px}.token-form{gap:10px}.token-form>label{max-width:58px;line-height:1.5}.share-button{gap:12px}.filters{padding:18px 20px;gap:12px}.character-content{padding:24px 20px}.comparison{gap:16px}.motion-toolbar{padding:0 7px;gap:4px}.actions{gap:0}.actions button{padding:9px 8px;font-size:9px}.play-pause{padding:9px 8px;font-size:9px}.trait-section{grid-template-columns:150px 1fr;gap:15px}.traits{gap:17px 13px}.trait-heading h3{font-size:19px}}
@media(max-width:760px){.page-shell{width:calc(100% - 32px)}.masthead{min-height:88px}.brand{font-size:18px}.header-tag{display:none}.archive-label{font-size:8px}.intro{padding:36px 0 30px;gap:25px;grid-template-columns:1.2fr 1fr}.intro h1{font-size:48px;letter-spacing:-2px}.intro-note p{font-size:12px;line-height:1.6;margin-bottom:13px}.tiny-bamboo{font-size:24px;margin-bottom:6px}.archive-meta{font-size:8px;gap:7px 13px}.archive-meta>span:last-child{display:none}.eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:15px}.finder-bar{flex-wrap:wrap;gap:12px;padding:17px}.token-form{flex:1}.token-form>label{max-width:unset;font-size:8px}.browse-controls{order:3}.share-button{font-size:10px;padding:13px;gap:10px}.finder-bar .browse-controls{margin-top:0}.icon-button{height:36px;width:38px;font-size:18px}.shuffle-button{font-size:10px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:15px 17px;gap:10px 13px}.filters select{font-size:11px}.filter-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left;width:auto;font-size:9px}.filter-summary button{margin:0;font-size:9px}.character-content{padding:23px 17px}.comparison{gap:15px;grid-template-columns:1fr}.character-title{margin-bottom:20px}.character-title h2{font-size:32px}.portrait-card,.motion-card{width:100%}.portrait-stage{aspect-ratio:1.25}.portrait-stage img{width:auto;max-width:100%;aspect-ratio:1;object-fit:contain}.card-bottom{height:48px}.motion-toolbar{height:59px;padding:0 14px}.actions button{font-size:11px;padding:9px 13px}.play-pause{font-size:11px;padding:10px 13px}.trait-section{grid-template-columns:1fr;gap:20px}.trait-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.trait-heading h3{max-width:none;font-size:21px;margin:0}.trait-heading p{font-size:8px}.traits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 13px}.traits dd{font-size:11px}.viewer-note{font-size:9px;margin-bottom:32px}footer{gap:15px;flex-wrap:wrap;padding:22px 0}footer p{font-size:7px}footer>span:last-child{display:none}}
@media(max-width:480px){.intro{grid-template-columns:1fr;gap:23px}.intro h1{font-size:52px;line-height:.96}.intro-note{justify-self:start;max-width:none;padding:0}.tiny-bamboo{display:none}.intro-note p{max-width:300px;margin-bottom:13px}.archive-meta{font-size:8px}.archive-meta>span:last-child{display:inline}.finder-bar{gap:13px}.token-form{flex-basis:100%;justify-content:space-between}.token-entry{height:40px}.token-entry input{width:66px}.browse-controls{order:initial;flex:1;gap:4px}.shuffle-button{padding:8px 7px;gap:7px;font-size:9px}.shuffle-button>span{font-size:23px}.share-button{padding:11px 10px;font-size:9px;gap:9px}.icon-button{width:32px;height:34px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.character-title h2{font-size:28px}.character-title .eyebrow{font-size:7px;letter-spacing:.5px}.edition-pill{font-size:7px;padding:8px}.character-content{padding:22px 12px}.portrait-card figcaption,.motion-heading{padding:13px 12px;font-size:8px}.portrait-card small,.motion-heading small{font-size:6px}.portrait-card figcaption b,.motion-heading b{margin-right:6px}.motion-toolbar{padding:0 7px;gap:3px;height:56px}.actions button{font-size:9px;padding:9px 8px}.play-pause{font-size:9px;padding:9px 8px;gap:4px}.stage-corner-top{top:10px;left:12px}.stage-corner-bottom{bottom:10px;right:12px}.frame-readout{left:12px;bottom:13px;gap:10px;font-size:6px}.trait-heading{display:block}.trait-heading h3{margin-bottom:8px}.traits{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.traits dt{font-size:7px}.traits dd{font-size:10px}.page-shell{width:calc(100% - 24px)}.brand{font-size:17px}.archive-label{font-size:7px;letter-spacing:0}.masthead{gap:14px}.brand-mark{grid-template-columns:repeat(2,8px)}.brand-mark i{height:8px}.viewer-note{text-align:left;line-height:1.6}footer>span:first-child{font-size:12px}footer p{font-size:6px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Keep the entire NFT portrait visible in the stacked mobile comparison. */
.portrait-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.portrait-stage{aspect-ratio:1}.portrait-stage img{width:100%;max-width:100%}.actions button,.play-pause{min-height:40px}.actions button{min-width:38px}}