@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--paper:#d6d0be;--muted:#aaa79b;--red:#c04c3c;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:#0d0d0b;color:var(--paper);font-family:Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e29377;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}header{height:96px;padding:0 4.2%;display:flex;align-items:center;gap:40px;position:relative;z-index:3;border-bottom:1px solid var(--line);background:#0a0a08}.brand{font:600 23px/.8 'Barlow Condensed',sans-serif;letter-spacing:3px;position:relative;padding-right:44px;display:grid;gap:6px}.brand i{font:38px Georgia;position:absolute;right:0;top:-6px;letter-spacing:-6px;transform:rotate(-5deg)}.brand i span{color:var(--red);display:inline-block;transform:rotate(25deg) translate(-5px,2px)}nav{display:flex;gap:32px;margin-left:auto}nav button,nav a,#sound{font:13px 'DM Mono',monospace;color:#b8b4a6}nav button:hover,nav a:hover{color:#fff}#sound{padding:12px 0 12px 22px;border-left:1px solid var(--line);white-space:nowrap}#sound span{color:#77766e}#sound b{margin-left:15px;color:var(--red)}.experience{position:relative;min-height:calc(100svh - 96px);padding:34px 4.2% 0;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-3;background:url('assets/jungle.jpg') 72% top/cover no-repeat;filter:brightness(.80);transform:scale(1.025)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,8,7,.95),rgba(7,8,7,.75) 33%,transparent 65%),linear-gradient(0deg,#0b0c0a 0%,rgba(10,11,9,.94) 16%,transparent 60%)}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.location{display:flex;justify-content:space-between;color:#aaa593;font:12px 'DM Mono',monospace;letter-spacing:1.7px}.location span:first-child{color:#c27362}.intro{padding:55px 0 48px;max-width:700px}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:2px;color:#b38b76;margin:0 0 24px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--red);margin-right:8px}h1{font:clamp(60px,6.7vw,112px)/.95 'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-2px;margin:0 0 24px}h1 em{color:#cbbb9d;font-weight:400}.lede{color:#bcb7a9;line-height:1.65;margin:0 0 28px;font-size:16px}.film{display:flex;align-items:center;gap:14px;padding:0;font-size:14px}.play{border:1px solid #c2b3936b;width:35px;height:35px;display:grid;place-items:center;font-size:23px}.film small{font:12px 'DM Mono';color:#77796f}.door{position:absolute;top:16%;left:48%;width:65px;height:120px;color:#d38066;opacity:0;transition:opacity .3s}.door:hover,.door:focus-visible{opacity:1}.door span{font:30px Georgia}.door small{display:block;font:10px monospace}.whisper{position:absolute;right:6%;top:43%;color:#e0d4bd;font:italic 24px Georgia;max-width:300px;text-shadow:0 2px 12px black}.selection{position:relative;max-width:1550px;margin:auto}.selection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.selection-head h2{font:26px 'Instrument Serif',Georgia;margin:0}.selection-head p{font:12px 'DM Mono';color:#a19d90}.selection-head strong{font-weight:400;color:var(--paper)}.selection-head p span{margin:0 12px;color:#5c5c52}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.character{min-height:125px;display:flex;align-items:center;position:relative;text-align:left;border:1px solid var(--line);background:#151610e6;padding:0 20px 0 0;transition:border-color .2s,background .2s}.character:hover{background:#24241bcf;border-color:#89806a}.character.active{border-color:#a99875;background:#28271de8}.portrait{width:125px;align-self:stretch;background-image:url('assets/three.png');background-repeat:no-repeat;filter:brightness(.95);flex-shrink:0;mask-image:linear-gradient(90deg,#000 78%,transparent)}.burden{background-size:310%;background-position:8% 76%}.listener{background-size:260%;background-position:61% 3%}.crawler{background-size:285%;background-position:98% 92%}.card-copy{padding:18px 8px 18px 12px}.card-copy small{font:11px 'DM Mono';letter-spacing:1.4px;color:#aca58d}.card-copy h3{font:29px 'Instrument Serif',Georgia;margin:7px 0}.card-copy p{font:12px 'DM Mono';color:#8f9184;margin:0}.select-mark{margin-left:auto;align-self:flex-start;padding-top:16px;color:#a49e8b}.mint-strip{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 0 24px;gap:20px}.mint-strip>div{display:flex;align-items:center;gap:10px;font-size:14px}.mint-strip small{font:12px 'DM Mono';color:#858579;margin-left:14px}.status-square{height:6px;width:6px;background:#b68c5e}.primary{background:#d9d2bf;color:#191914;padding:18px 24px;min-width:230px;text-align:left;display:flex;justify-content:space-between;gap:40px;font:500 14px 'DM Mono';transition:background .2s}.primary:hover{background:#eee7d5}.primary span{font-size:20px;line-height:15px}footer{border-top:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;align-items:center;color:#787b6e;font:11px 'DM Mono';letter-spacing:1px}footer button{font:12px 'DM Mono';color:#b8b29f}footer button span{margin-left:16px}dialog{color:var(--paper);border:1px solid #726a54;background:#12140f;padding:48px;width:min(900px,92vw);max-height:90svh;box-shadow:0 0 100px #000;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:10px;font-size:32px;color:#9d998a}.case-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.case-layout img{width:100%;height:100%;object-fit:cover;opacity:.8}.case-layout p{font-size:16px;line-height:1.65;color:#aaa99b}.case-layout h2,dialog h2{font:48px/1 'Instrument Serif',Georgia;font-weight:400;margin:12px 0 20px}blockquote{border-left:1px solid var(--red);margin:26px 0;padding-left:20px;font:27px/1.3 'Instrument Serif',Georgia}.file-note{border-top:1px solid var(--line);padding-top:20px}#footage{width:min(620px,94vw);padding:34px}video{width:100%;display:block;max-height:70svh}.video-note{font:14px 'DM Mono';color:#a6a08f;line-height:1.6}#mint{max-width:500px}#mintLore{line-height:1.65;color:#b2ae9f}.rarity{font:12px 'DM Mono';color:#be9d79;letter-spacing:1px}.mint-facts{border-block:1px solid var(--line);padding:14px 0;margin:24px 0}.mint-facts>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:14px}.mint-facts span{color:#929587}.mint-facts strong{font-weight:400}.mint-note{font-size:14px;line-height:1.6;color:#999c8c}#mint .primary{width:100%;margin-top:25px}#walletStatus{font-size:14px;line-height:1.5;color:#c7b99b;overflow-wrap:anywhere}.locked{width:100%;padding:16px;border:1px solid #ffffff15;color:#6c6f61;cursor:not-allowed}body.modal-open{overflow:hidden}@media(min-width:1600px){.intro{padding-top:80px;padding-bottom:70px}.experience{display:flex;flex-direction:column}.selection{margin-top:auto;width:100%}footer{margin-top:10px}}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.portrait{width:90px}.card-copy h3{font-size:24px}.mint-strip small{display:none}.intro{padding-top:50px}.scene{background-position:68% top}.character{padding-right:10px}.selection-head h2{font-size:24px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand{font-size:18px;padding-right:36px}.brand i{font-size:31px}nav{display:none}#sound{margin-left:auto;border:0;font-size:12px}.experience{padding:24px 6% 0;min-height:calc(100svh - 76px)}.location{font-size:10px;letter-spacing:.8px}.location span:first-child{display:none}.location span:last-child{margin-left:auto}.intro{padding:60px 0 46px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:68px}.scene{background-size:auto 570px;background-position:62% top}.shade{background:linear-gradient(90deg,#090b09c9,transparent),linear-gradient(0deg,#0b0c0a 43%,transparent 95%)}.selection-head{align-items:flex-start;gap:10px;flex-direction:column}.selection-head p{margin:0}.characters{grid-template-columns:1fr;gap:9px}.character{min-height:98px}.portrait{width:98px}.card-copy{padding:10px 15px}.card-copy h3{font-size:27px}.select-mark{padding:13px}.mint-strip{flex-direction:column;align-items:stretch;margin-top:20px}.mint-strip>div{font-size:13px}.primary{width:100%}footer{font-size:9px;gap:15px;flex-wrap:wrap;line-height:1.5}footer>span:nth-child(2){display:none}footer button{font-size:11px}.case-layout{grid-template-columns:1fr}.case-layout img{max-height:260px;object-position:50% 40%}dialog{padding:32px 24px}#footage{padding:32px 16px 16px}.whisper{top:28%;font-size:18px}.door{left:46%;top:11%}.film{font-size:13px;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.portrait.burden{background:url(assets/nft/common.png) center/cover}.portrait.listener{background:url(assets/nft/rare.png) center/cover}.portrait.crawler{background:url(assets/nft/legendary.png) center/cover}#mintSubmit:disabled{opacity:.45;cursor:not-allowed}#mintResult a{text-decoration:underline}

#mint{width:min(1180px,94vw);max-width:1180px;padding:0;background:#10120e}
#mint .close{z-index:2;width:44px;height:44px;top:10px;right:10px;background:#10120ee6;border:1px solid #ffffff30;color:#e5ddcb;line-height:1}
.character-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.character-art{margin:0;position:sticky;top:0;background:#080a07;min-width:0}
.character-art img{display:block;width:100%;height:auto;max-height:82svh;object-fit:contain}
.character-art figcaption{padding:18px 22px;color:#a49d8b;font:12px 'DM Mono',monospace;letter-spacing:1px;border-top:1px solid #ffffff20}
.character-info{padding:52px 36px 32px;min-width:0}
#mint h2{font-size:clamp(38px,4vw,58px)}
#mint .mint-facts{margin:20px 0}#mint .primary{min-width:0;gap:16px}
@media(max-width:760px){#mint{width:94vw;max-height:94svh}.character-detail{grid-template-columns:1fr}.character-art{position:relative}.character-art img{height:auto;max-height:52svh}.character-art figcaption{padding:12px 20px}.character-info{padding:26px 22px}#mint h2{font-size:42px}}

.mint-quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.quantity-control{display:flex;border:1px solid var(--line)}.quantity-control button{width:44px;min-height:44px;font-size:24px}.quantity-control input{width:70px;min-height:44px;border:0;border-inline:1px solid var(--line);background:#0b0d09;color:var(--paper);text-align:center;font:16px Arial,sans-serif}.quantity-control button:disabled{opacity:.35;cursor:not-allowed}#quantityError{color:#eda593;font-size:14px;line-height:1.5;min-height:0}#quantityError:empty{display:none}.mint-total{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px}.mint-total strong{font-weight:400;white-space:nowrap}