@font-face{font-family:WTFDisplay;src:local('Arial Black');font-weight:900;font-display:swap}
:root{--paper:#f5f2e9;--ink:#191916;--orange:#f44c28;--lime:#dce79f;--lilac:#cfc0e8;--blue:#b7d0d9;--line:#d2d0c5;--muted:#686960;--body:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;--display:WTFDisplay,'Arial Black','Helvetica Neue',Arial,var(--body);--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--page:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6549bb;outline-offset:5px}h1:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}img{display:block;max-width:100%}::selection{background:var(--orange);color:var(--paper)}.mono,.eyebrow{font-family:var(--mono)}.eyebrow{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:1px}.faded{color:var(--muted)}.skip-link{position:fixed;left:16px;top:-80px;padding:10px;background:var(--ink);color:var(--paper);z-index:100}.skip-link:focus{top:10px}.site-header{height:88px;max-width:var(--page);margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:20px}.brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-size:29px;letter-spacing:-2px;font-weight:900;line-height:1}.registered{font:11px var(--body);align-self:flex-start;margin-top:8px;margin-left:3px;letter-spacing:0}.brand-divider{width:1px;height:24px;background:var(--ink);margin:0 17px}.brand-wtf{font-size:19px;letter-spacing:-1px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.site-header nav a,.site-header nav button{display:inline-flex;align-items:center;gap:12px;min-height:44px}.site-header nav a:hover,.site-header nav button:hover{color:var(--orange)}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.text-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;font-size:13px;font-weight:600;line-height:1.6}.text-button:hover{color:var(--orange)}.text-button:disabled{opacity:.35}.button{min-height:56px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1.5px solid var(--ink);border-radius:5px;font-weight:700;font-size:16px;line-height:1.5;transition:transform .16s,background .16s,box-shadow .16s}.button>span[aria-hidden]{font-size:25px;font-family:Arial;font-weight:400;line-height:1}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:3px 4px 0 var(--ink)}.button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.primary{background:var(--orange);color:var(--ink)}.primary:hover:not(:disabled){background:#ff6843}.outline{background:transparent}.outline:hover{background:#ece9df}.button:disabled{color:#8b8c83;background:#e6e4db;border-color:#d4d2c8;box-shadow:none}.button.full,.full{width:100%}.button+.button.full{margin-top:12px}.small-icon{justify-content:center;font-size:24px;padding:10px 19px}.worker-art{aspect-ratio:1;background-image:url('../public/assets/worker-atlas.webp');background-size:500% 500%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;mix-blend-mode:multiply;flex-shrink:0}.paper-label{display:inline-block;position:relative;background:var(--paper);border:1px solid var(--ink);padding:11px 18px;font-size:13px;line-height:1.6;box-shadow:3px 3px 0 var(--ink)}.paper-label:before{content:'';height:16px;width:47px;background:#cec7ae99;position:absolute;left:40%;top:-9px;transform:rotate(-7deg)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.home-page{max-width:var(--page);margin:auto}.home-hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:38px;padding:44px 0 52px;min-height:682px}.hero-copy{padding-left:2px}.wtf-wordmark{display:flex;align-items:center;position:relative;font-family:var(--display);font-size:150px;line-height:1.02;font-weight:900;letter-spacing:-13px;margin:11px 0 18px}.asterisk{color:var(--orange);font-family:Arial,sans-serif;font-weight:900;font-size:103px;letter-spacing:-6px;display:inline-block;margin:0 6px 0 10px;transform:rotate(10deg)}.wordmark-note{font:11px/1.25 var(--mono);letter-spacing:0;align-self:flex-end;margin-bottom:20px;margin-left:7px}.hero-copy h1{font-size:58px;letter-spacing:-2px;line-height:1.2;font-weight:900}.hero-copy h1 span{position:relative}.hero-copy h1 span:after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:4px;background:var(--orange);transform:rotate(-1.2deg)}.hero-description{margin-top:24px;line-height:1.75;color:#4f5149;font-size:16px}.mobile-break{display:none}.hero-cta{width:355px;max-width:100%;margin-top:26px}.quiz-meta{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:11px;color:var(--muted);line-height:1.6}.quiz-meta i{width:3px;height:3px;border-radius:50%;background:var(--muted)}.start-fresh{margin-top:0;font-size:11px;color:var(--muted)}.hero-visual{position:relative;padding-bottom:26px;align-self:stretch;display:flex;align-items:center}.hero-image{mix-blend-mode:multiply;width:100%;max-height:570px;object-fit:contain;transform:rotate(1deg)}.hero-image.image-fallback{object-fit:cover;object-position:50% 100%;height:100%;transform:none}.hero-note{position:absolute;top:27px;left:4px;transform:rotate(-6deg);z-index:1;font-size:13px}.hero-note strong{display:block}.sticker{position:absolute;bottom:75px;right:-2px;width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--lime);transform:rotate(12deg);clip-path:polygon(50% 0%,61% 8%,75% 4%,82% 16%,95% 22%,94% 38%,100% 50%,92% 62%,96% 76%,83% 84%,76% 96%,61% 93%,50% 100%,37% 92%,23% 96%,17% 83%,4% 75%,8% 61%,0% 50%,7% 37%,4% 24%,17% 16%,24% 4%,39% 7%)}.sticker span{font:9px var(--mono);line-height:1.4}.sticker strong{font-size:24px;line-height:1.25;letter-spacing:-1px;margin:6px 0;text-align:center}.visual-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);gap:10px}.manifesto-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px var(--mono);font-weight:700;letter-spacing:.6px}.manifesto-strip b{color:var(--orange);font-size:23px;line-height:1}.species-preview{padding:66px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{font-size:28px;letter-spacing:-.7px;margin-top:8px}.section-heading>.text-button{flex-shrink:0}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.species-card{display:block;position:relative;text-align:left;border:1px solid var(--ink);background:var(--card-color,var(--paper));overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0}.species-card:hover{transform:translateY(-5px) rotate(-.7deg);box-shadow:4px 5px 0 var(--ink)}.card-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0;font:9px var(--mono);letter-spacing:.2px}.card-top>span:last-child{font-size:17px}.species-card .worker-art{width:calc(100% - 24px);margin:3px 12px -3px}.card-caption{padding:13px 17px 20px;background:var(--paper);border-top:1px solid var(--ink);position:relative;min-height:122px}.card-caption:before,.card-caption:after{content:'';position:absolute;top:-6px;width:11px;height:11px;background:var(--paper);border:1px solid var(--ink);border-radius:50%}.card-caption:before{left:-6px}.card-caption:after{right:-6px}.card-caption>.mono{font-size:8px;font-weight:600;letter-spacing:.3px;line-height:1.2;display:block;min-height:11px}.card-caption h3{font-size:20px;margin:7px 0 8px;font-weight:800;letter-spacing:-.6px}.card-caption p{font-size:11px;color:#53554b;line-height:1.6;min-height:35px}.hidden-teaser{display:flex;align-items:center;gap:21px;border-bottom:1px solid var(--line);padding:27px 0}.question-stamp{font-family:var(--display);font-size:33px;border:1px solid var(--ink);background:var(--lilac);width:50px;height:50px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg)}.hidden-teaser b{font-size:14px}.hidden-teaser p{font-size:12px;color:var(--muted);margin-top:3px}.hidden-teaser>.text-button{margin-left:auto;flex-shrink:0}.home-ending{text-align:center;padding:80px 0 82px}.home-ending h2{font-size:39px;letter-spacing:-1.4px;margin:17px 0 22px}.home-ending p:not(.eyebrow){color:#5b5c53;line-height:1.9;font-size:14px}.home-ending .button{margin-top:26px;min-width:255px}.site-footer{display:flex;max-width:var(--page);margin:0 auto;border-top:1px solid var(--ink);padding:33px 0 45px;gap:35px;align-items:flex-start}.footer-brand{font:900 37px var(--display);letter-spacing:-3px;line-height:1}.footer-brand>span{font:13px var(--body);vertical-align:top;letter-spacing:0;margin-left:4px}.site-footer>p{font-size:12px;color:var(--muted);line-height:1.65}.site-footer>div{margin-left:auto;text-align:right;font-size:11px}.privacy-link{display:block;text-align:right;margin-left:auto;font-size:11px;color:var(--muted);min-height:36px}.quiz-page{max-width:var(--page);margin:0 auto;padding-top:38px;min-height:calc(100svh - 88px)}.quiz-topline{display:flex;justify-content:space-between;align-items:center}.question-counter{font:12px var(--mono);color:var(--muted)}.question-counter b{font-size:23px;color:var(--ink)}.progress-track{height:4px;background:#deded3;margin-top:14px}.progress-track>span{height:100%;background:var(--orange);display:block;transition:width .3s}.quiz-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:100px;padding-top:54px}.question-kicker{font-size:12px;color:var(--muted)}.tiny-star{color:var(--orange);font-size:17px;vertical-align:middle;margin-right:7px}.question-title{font-size:35px;font-weight:800;line-height:1.5;letter-spacing:-1px;margin:17px 0 11px}.question-hint{font-size:12px;color:var(--muted);margin-bottom:27px}.answer-list{display:flex;flex-direction:column;gap:11px}.answer{min-height:69px;display:flex;align-items:center;gap:16px;padding:12px 19px;text-align:left;background:#f9f7f0;border:1px solid #cccbbf;border-radius:3px;font-size:15px;line-height:1.7;transition:background .16s,transform .16s,border .16s}.answer:hover{border-color:var(--ink)}.answer.selected{background:var(--lime);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.answer-letter{font:12px var(--mono);border:1px solid #b9baae;width:29px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:2px}.selected .answer-letter{background:var(--ink);color:var(--lime);border-color:var(--ink)}.answer-mark{font-size:18px;color:#818479;margin-left:auto}.selected .answer-mark{color:var(--ink)}.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px}.quiz-controls .button{min-width:235px}.save-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.quiz-controls+.save-note{text-align:right;margin-bottom:25px}.quiz-companion{align-self:center;text-align:center;position:relative;transform:rotate(1deg);max-width:350px}.companion-bubble{font-size:12px;transform:rotate(-6deg);max-width:100%}.quiz-companion>.worker-art{width:100%;margin:18px auto -5px;transition:transform .3s}.quiz-companion>.mono{display:block;font-size:8px;letter-spacing:.6px}.chapter-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.chapter-dots>i{height:5px;width:19px;background:#d0d1c6}.chapter-dots>i.active{background:var(--orange)}.coffee-stage-0{transform:rotate(-3deg)}.coffee-stage-1{transform:rotate(1deg)}.coffee-stage-2{transform:rotate(-6deg)}.coffee-stage-3{transform:rotate(7deg)}.coffee-stage-4{transform:rotate(-11deg)}.scanner-page{text-align:center;padding:55px 20px 45px;min-height:calc(100svh - 88px)}.scanner-page h1{font-size:38px;letter-spacing:-1px;line-height:1.45;margin-top:15px}.scanner-art{width:320px;max-width:90%;position:relative;margin:25px auto 20px}.scanner-art .worker-art{width:100%}.scan-line{position:absolute;left:9%;right:9%;height:3px;background:var(--orange);top:24%;box-shadow:0 0 18px #f44c2877;animation:scan 2s ease-in-out infinite alternate}.scan-corner{width:20px;height:20px;position:absolute;border-color:var(--orange);border-style:solid}.c1{top:4%;left:4%;border-width:2px 0 0 2px}.c2{top:4%;right:4%;border-width:2px 2px 0 0}.c3{bottom:4%;left:4%;border-width:0 0 2px 2px}.c4{bottom:4%;right:4%;border-width:0 2px 2px 0}.scan-progress{width:270px;max-width:85%;height:4px;background:#d5d6ca;margin:17px auto}.scan-progress>span{display:block;height:100%;width:0;background:var(--orange);animation:scan-progress 2.7s linear forwards}.scanner-page>.text-button{margin-top:21px}.scanner-page>p:not(.eyebrow):not(.save-note){font-size:13px}.result-page{max-width:var(--page);margin:0 auto}.result-intro{display:flex;justify-content:space-between;align-items:center;padding:23px 0 18px}.result-intro>.eyebrow{font-size:10px}.sample-notice{background:var(--lime);border:1px solid var(--ink);padding:7px 18px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.result-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:62px;align-items:center}.result-art-panel{background:var(--result-color);border:1px solid var(--ink);position:relative;overflow:hidden}.result-art-top{display:flex;justify-content:space-between;padding:18px 20px;font:10px var(--mono);letter-spacing:.5px}.result-art-panel .worker-art{width:92%;margin:-5px auto 0}.result-art-caption{display:block;margin:0 20px 18px;font:9px var(--mono);letter-spacing:1px}.result-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:16px;bottom:26px;transform:rotate(-15deg);border:2px solid var(--ink);border-radius:50%;width:84px;height:84px;font-size:11px}.result-stamp b{font:900 24px var(--display);line-height:1.2;letter-spacing:-2px}.result-headline h1{font-size:49px;letter-spacing:-2.5px;margin:15px 0 5px;font-weight:900}.result-headline h2{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.7px;color:var(--orange);line-height:1.2}.punchline{font-size:26px;line-height:1.55;font-weight:700;margin-top:27px;letter-spacing:-.5px}.result-description{font-size:13px;color:#57594f;margin-top:19px;line-height:1.9}.result-primary-actions{display:flex;gap:12px;margin-top:26px}.result-primary-actions>.primary{flex:1}.result-details{display:grid;grid-template-columns:1fr 1fr;column-gap:62px;padding:54px 0 45px}.detail-section{border-top:1px solid var(--ink);padding-top:24px;min-width:0}.detail-section h2{font-size:25px;letter-spacing:-.7px;margin-top:9px}.detail-section .section-heading{margin-bottom:25px;align-items:center}.pill{display:inline-block;padding:4px 10px;border:1px solid #aeb09f;font-size:10px;border-radius:30px;flex-shrink:0}.trait-row{margin-bottom:24px}.trait-names{display:flex;justify-content:space-between;align-items:center;gap:10px}.trait-names>span:not(.trait-caption){font:10px var(--mono);line-height:1.4;color:var(--muted)}.trait-names>span:last-child{text-align:right}.trait-names small{font:11px var(--body);display:block;margin-top:3px}.trait-names>span.trait-active{color:var(--ink);font-weight:800}.trait-names>span.trait-active small{font-weight:600}.trait-caption{font-size:10px;color:var(--muted)}.trait-track{position:relative;margin-top:11px;height:5px;background:#d9dacf;border-radius:3px;margin-left:6px;margin-right:6px}.trait-track b{display:block;position:absolute;top:50%;width:13px;height:13px;background:var(--orange);border:1px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%)}.trait-midpoint{position:absolute;top:-3px;bottom:-3px;left:50%;width:1px;background:#989c8f}.footnote{font-size:11px;color:var(--muted);line-height:1.75}.behaviors{list-style:none;margin:19px 0 25px;padding:0}.behaviors li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.behaviors li>span{font:11px var(--mono);color:var(--orange);margin-top:5px}.equipment{position:relative;border:1px solid var(--ink);background:var(--lilac);padding:23px 24px;overflow:hidden}.equipment h3{font-size:23px;line-height:1.5;max-width:86%;margin:9px 0 13px}.equipment>.mono{font-size:8px;letter-spacing:.3px;display:block;max-width:80%}.equipment-star{position:absolute;right:10px;bottom:4px;font-size:80px;line-height:1;transform:rotate(18deg);opacity:.25}.work-section{grid-column:1/-1;margin-top:36px}.work-section>h3{font-size:13px;margin:23px 0 8px}.work-section>p:not(.eyebrow):not(.footnote){font-size:14px}.work-section>.footnote{margin-top:13px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tag-list>span,.tag-list>a{border:1px solid var(--ink);padding:8px 15px;font-size:12px;border-radius:3px}.tag-list>a{min-height:44px;display:flex;align-items:center;gap:15px}.tag-list>a:hover{background:var(--lime)}.next-door{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:56px;padding:49px 48px 42px}.door-copy>.eyebrow{color:var(--lime)}.door-copy h2{font-size:31px;line-height:1.45;margin:17px 0 19px;letter-spacing:-1px}.door-copy em{font-style:normal;color:var(--lime)}.door-copy>p:not(.eyebrow):not(.room-footnote){font-size:13px;color:#c0c2b6;line-height:1.85}.room-choices{margin-top:25px;display:flex;flex-direction:column;gap:10px}.room-choice{border-top:1px solid #55574b;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.room-choice:hover{color:var(--lime)}.room-choice small{display:block;font-size:10px;color:#b5b7a9}.room-choice b{font:800 22px var(--display);letter-spacing:-.6px;display:block;margin-top:2px}.room-choice>span[aria-hidden]{font-size:27px}.room-footnote{font-size:10px;color:#abad9f;margin-top:17px;line-height:1.9}.interactive-door{display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:850px;padding:22px 12px 0;position:relative}.door-frame{width:220px;height:355px;border:9px solid var(--paper);position:relative;background:var(--lime);box-shadow:12px 12px 0 #000;perspective:700px}.door-behind{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink);font:900 29px/1.2 var(--display);letter-spacing:-1.4px;transform:rotate(-8deg)}.door-leaf{position:absolute;inset:0;background:var(--orange);border:2px solid var(--ink);transform-origin:left center;transform:rotateY(-17deg);transition:transform .6s;display:flex;flex-direction:column;align-items:center}.interactive-door:hover .door-leaf,.interactive-door:focus-visible .door-leaf{transform:rotateY(-58deg)}.door-sign{border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:700 14px/1.3 var(--mono);margin-top:33px;transform:rotate(-4deg);padding:9px 19px;text-align:center}.door-leaf strong{font-size:67px;color:var(--ink);margin-top:43px}.door-leaf small{font-size:10px;margin-top:4px;color:var(--ink)}.door-knob{width:21px;height:6px;background:var(--ink);position:absolute;right:5px;top:53%}.door-floor{font-size:10px;color:#bfc1b3;margin-top:23px}.result-bottom{display:flex;justify-content:space-between;gap:15px;padding:30px 0 35px}.result-bottom .text-button{font-size:12px}.mobile-result-bar{display:none}.gallery-page{max-width:var(--page);margin:0 auto}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:48px 0 40px}.gallery-heading h1{font-size:65px;line-height:1.15;letter-spacing:-3px;margin-top:20px}.gallery-heading h1 span{color:var(--orange)}.gallery-heading p:not(.eyebrow){font-size:14px;color:#5d5f52;margin-top:21px}.gallery-label{background:var(--lime);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);width:255px;height:220px;transform:rotate(6deg);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:25px}.gallery-label b{font:900 64px var(--display);letter-spacing:-5px;line-height:1.2}.gallery-label>span{font-size:12px;margin-top:10px}.gallery-label>small{font:8px var(--mono);margin-top:22px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;border-top:1px solid var(--ink);margin-bottom:11px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{border:1px solid var(--line);padding:9px 13px;min-height:44px;font-size:12px;border-radius:3px;display:flex;gap:12px;align-items:center}.filter-tabs button span{font:10px var(--mono);opacity:.7}.filter-tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-unlock-count{font-size:9px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 17px}.locked-card{padding:0;background:#e5e4dc}.locked-card .card-top span:last-child{font-size:9px}.locked-visual{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;margin:3px 12px -3px}.locked-visual>span{font:900 115px var(--display);letter-spacing:-5px;transform:rotate(9deg);color:#b8bab0}.locked-visual>i{width:33px;height:18px;background:var(--ink);border-radius:60% 50% 25% 35%;position:absolute;bottom:38px;transform:rotate(-6deg);left:33%}.locked-visual>i:last-child{left:53%;transform:rotate(7deg)}.gallery-cta{padding:65px 0 72px;text-align:center}.gallery-cta h2{font-size:28px;line-height:1.5;margin-bottom:23px}.gallery-cta .button{min-width:250px}.room-page{max-width:var(--page);margin:0 auto;padding-top:21px}.room-hero{margin-top:18px;display:grid;grid-template-columns:1.12fr 1fr;gap:55px;border:1px solid var(--ink);padding:45px;background:var(--room-color)}.room-hero-copy>.pill{margin-top:16px;border-color:var(--ink)}.room-hero h1{font:900 80px/.95 var(--display);letter-spacing:-5px;margin-top:20px}.room-hero h1>span{-webkit-text-stroke:1.5px var(--ink);color:transparent}.room-hero h2{font-size:26px;margin-top:25px;letter-spacing:-1px}.room-hero p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:16px}.room-hero-copy>.mono{font-size:11px;display:block;margin-top:23px}.room-hero-art{position:relative;align-self:center}.room-hero-art>.worker-art{width:100%}.room-ticket{position:absolute;right:-13px;bottom:0;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(8deg);font:9px var(--mono);padding:13px 18px;text-align:center}.room-ticket b{font:700 21px/1.5 var(--body);display:block;margin-top:6px}.room-content{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:49px 0}.room-content h2{font-size:25px;margin-top:11px}.room-roles{list-style:none;padding:0;margin:17px 0}.room-roles>li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:15px}.room-roles>li>span{font-size:22px}.experiment-prompt{font-size:16px;margin-top:22px;line-height:1.8}.experiment-task{border-left:3px solid var(--orange);padding:6px 0 7px 18px;margin-top:24px}.experiment-task>span{font-size:11px;font-weight:600}.experiment-task>p{font-size:13px;color:#55584b;margin-top:8px}.room-cta{background:var(--ink);color:var(--paper);padding:35px 40px;display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center}.room-cta h2{font-size:26px;margin-top:14px;line-height:1.5}.room-cta>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#bfc2b3;margin-top:16px}.room-cta>.room-actions{display:flex;flex-direction:column;gap:12px}.room-actions .outline{border-color:#929686;color:var(--paper)}.room-actions .outline:hover{background:#34372c}.room-actions .save-note{color:#bfc2b3;margin-top:0;font-size:10px;text-align:center}.more-rooms{padding:40px 0 50px}.more-rooms>h2{font-size:20px}.empty-page{max-width:500px;padding:25px 20px 70px;margin:auto;text-align:center}.empty-page>.worker-art{width:220px;max-width:100%;margin:0 auto 20px}.empty-page h1{font-size:30px;margin:17px 0}.empty-page p{color:var(--muted);font-size:13px}.empty-page>.button{margin-top:25px}.toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translate(-50%,15px);background:var(--ink);color:var(--paper);border:1px solid #b7baa8;box-shadow:0 5px 30px #0002;max-width:min(90vw,500px);width:max-content;font-size:12px;line-height:1.7;padding:12px 19px;border-radius:4px;z-index:50;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{position:fixed;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:7px 8px 0 #19191699;border-radius:6px;padding:35px 31px 31px;width:calc(100% - 36px);max-width:475px;max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#1919169c;backdrop-filter:blur(3px)}dialog h2{font-size:29px;letter-spacing:-1px;line-height:1.4;margin:14px 0 17px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.85;margin:13px 0}dialog>.button{margin-top:17px}.modal-close{position:absolute;right:7px;top:6px;min-width:44px;min-height:44px;font-size:29px;line-height:1}.modal-close:hover{color:var(--orange)}.about-art{width:160px;margin:0 auto -5px}.consent-row{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:1.8;margin:18px 0}.consent-row input{margin-top:5px;width:20px;height:20px;flex-shrink:0;accent-color:var(--orange)}.poster-modal{max-width:495px;padding:27px 26px}.poster-modal h2{margin:7px 0 7px}.poster-help{color:var(--muted);margin:4px 0 16px!important;font-size:11px!important}.poster-preview{width:100%;border:1px solid var(--ink);height:auto}.poster-actions{display:flex;gap:11px;margin-top:18px}.poster-actions>.button{flex:1;font-size:13px;padding:10px 14px;gap:8px;white-space:nowrap}.poster-modal>.text-button{margin-top:3px}.poster-loading{text-align:center;padding:20px}.poster-loading>.worker-art{width:240px;max-width:100%;margin:auto;animation:print-wiggle 1.3s ease-in-out infinite alternate}.poster-loading>p{font-size:13px}.local-link-note{padding:12px 15px;background:var(--lime);font-size:11px!important;border:1px solid #b8be99;line-height:1.7!important}.share-url-input{width:100%;font-family:var(--mono);font-size:12px;padding:12px;min-height:48px;border:1px solid var(--ink);background:var(--paper)}
@keyframes scan{from{top:24%}to{top:78%}}@keyframes scan-progress{to{width:100%}}@keyframes print-wiggle{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@media(min-width:1400px){.home-hero{min-height:705px}.hero-image{max-height:610px}.hero-visual{margin-left:-10px}.hero-note{top:38px}}
@media(max-width:1240px){.site-header,.home-page,.site-footer,.quiz-page,.result-page,.gallery-page,.room-page{margin-left:40px;margin-right:40px}.home-hero{gap:18px}.wtf-wordmark{font-size:130px;letter-spacing:-12px}.asterisk{font-size:83px}.hero-copy h1{font-size:51px}.hero-note{top:24px}.sticker{right:-8px;bottom:90px}.quiz-layout{gap:60px}.result-hero,.result-details{column-gap:40px}.result-headline h1{font-size:43px}.next-door{gap:30px;padding:37px}.room-hero{gap:30px}.room-hero h1{font-size:72px}.room-cta{gap:25px;padding:32px}}
@media(max-width:950px){.site-header,.home-page,.site-footer,.quiz-page,.result-page,.gallery-page,.room-page{margin-left:28px;margin-right:28px}.home-hero{min-height:600px}.wtf-wordmark{font-size:110px;letter-spacing:-10px}.asterisk{font-size:66px}.wordmark-note{font-size:9px;margin-left:4px;margin-bottom:15px}.hero-copy h1{font-size:44px}.hero-description{font-size:14px}.hero-cta{width:100%}.hero-note{font-size:10px;padding:9px 12px;top:48px}.sticker{width:113px;height:113px;bottom:88px}.sticker strong{font-size:20px}.sticker span{font-size:7px}.visual-caption{font-size:8px}.visual-caption span:last-child{display:none}.hero-image{margin-top:40px}.section-heading h2{font-size:24px}.preview-grid,.gallery-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.species-card .worker-art{width:calc(100% - 38px);margin:0 19px}.card-caption{padding:17px 21px;min-height:125px}.card-caption h3{font-size:24px}.card-caption>.mono{font-size:10px}.card-caption p{font-size:12px}.quiz-layout{gap:28px;grid-template-columns:1.7fr 1fr}.question-title{font-size:28px}.answer{font-size:13px;padding:11px 14px;gap:12px}.quiz-controls .button{min-width:190px;font-size:14px}.companion-bubble{font-size:10px;padding:8px}.result-hero{gap:27px}.result-headline h1{font-size:36px;letter-spacing:-1.5px}.result-headline h2{font-size:17px}.punchline{font-size:21px;margin-top:18px}.result-description{font-size:12px}.result-primary-actions{gap:8px}.result-primary-actions>.button{font-size:13px;padding:12px 14px;gap:7px}.result-art-panel .worker-art{width:96%}.result-details{column-gap:28px}.detail-section h2{font-size:22px}.next-door{gap:23px;padding:30px}.door-copy h2{font-size:27px}.door-frame{width:182px;height:309px}.door-leaf strong{font-size:62px;margin-top:35px}.door-sign{font-size:12px;margin-top:29px;padding:9px 14px}.door-copy>p:not(.eyebrow):not(.room-footnote){font-size:12px}.room-hero{padding:28px;gap:14px}.room-hero h1{font-size:64px}.room-hero h2{font-size:22px}.room-hero p:not(.eyebrow){font-size:13px}.room-ticket{right:-8px;padding:10px 13px}.room-ticket b{font-size:17px}.room-content{gap:30px}.room-content h2{font-size:23px}.room-cta{grid-template-columns:1.1fr 1fr}.room-cta h2{font-size:23px}.room-cta .button{font-size:13px;padding:12px 14px;gap:10px}}
@media(max-width:620px){
  body{font-size:14px}.site-header,.home-page,.site-footer,.quiz-page,.result-page,.gallery-page,.room-page{margin-left:21px;margin-right:21px}.site-header{height:65px;gap:12px}.brand{font-size:24px;letter-spacing:-1.9px}.registered{font-size:9px;margin-top:11px}.brand-divider{height:19px;margin:0 11px}.brand-wtf{font-size:16px}.site-header nav{gap:17px;font-size:11px}.site-header nav a{gap:7px}.site-header nav .about-nav{display:none}.text-button{font-size:12px}.button{font-size:15px;min-height:54px;padding:13px 20px}.eyebrow{font-size:9px;letter-spacing:.6px}.home-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:27px 0 25px;min-height:0;position:relative}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0;font-size:9px}.wtf-wordmark{order:1;font-size:115px;line-height:1;letter-spacing:-11px;margin:8px 0 9px;align-self:flex-start}.asterisk{font-size:77px;margin-left:8px;margin-right:4px;letter-spacing:-4px}.wordmark-note{font-size:8px;line-height:1.25;margin-bottom:16px;margin-left:6px}.hero-copy h1{order:2;font-size:39px;line-height:1.18;letter-spacing:-1.4px;z-index:1}.hero-copy h1 br{display:none}.hero-copy h1 span{display:block}.hero-copy h1 span:after{width:195px;height:3px}.hero-description{order:4;margin-top:9px;font-size:13px;line-height:1.7;text-align:center}.mobile-break{display:none}.hero-cta{order:5;margin-top:17px;width:100%;font-size:16px;min-height:57px}.quiz-meta{order:6;justify-content:center;font-size:10px;margin-top:12px;gap:9px}.start-fresh{order:7;align-self:center;min-height:36px}.hero-visual{order:3;margin-top:-27px;align-self:auto;width:100%;height:255px;padding:0;display:block}.hero-image{width:277px;height:277px;max-width:88%;object-fit:contain;margin:0 0 0 auto;transform:rotate(2deg)}.hero-note{left:0;top:80px;font-size:10px;padding:7px 10px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-9deg)}.hero-note:before{width:32px;height:13px;top:-7px}.sticker{width:99px;height:99px;right:0;bottom:0;transform:rotate(13deg)}.sticker strong{font-size:18px;margin:5px 0}.sticker span{font-size:6px}.visual-caption{display:none}.manifesto-strip{padding:12px 0;flex-wrap:wrap;gap:6px;font-size:8px;letter-spacing:0}.manifesto-strip>span:last-of-type{display:none}.manifesto-strip>b:last-child{display:none}.manifesto-strip b{font-size:18px}.species-preview{padding-top:38px}.section-heading{gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.section-heading h2{font-size:23px;letter-spacing:-.8px;margin-top:8px}.section-heading>.text-button{font-size:11px;min-height:33px}.preview-grid,.gallery-grid{gap:17px 12px}.card-top{padding:9px 9px 0;font-size:7px;letter-spacing:0}.card-top>span:last-child{font-size:16px}.species-card .worker-art{width:calc(100% - 6px);margin:0 3px -1px}.card-caption{padding:12px 10px 14px;min-height:115px}.card-caption h3{font-size:17px;letter-spacing:-.6px;line-height:1.3;margin:7px 0 8px}.card-caption>.mono{font-size:7px;line-height:1.25;letter-spacing:0;min-height:17px;max-width:100%}.card-caption p{font-size:10px;line-height:1.6;min-height:32px}.hidden-teaser{gap:13px;align-items:flex-start;padding:25px 0;flex-wrap:wrap}.question-stamp{width:40px;height:40px;flex-shrink:0;font-size:25px;margin-top:3px}.hidden-teaser>div{flex:1}.hidden-teaser b{font-size:12px;line-height:1.7;display:block}.hidden-teaser p{font-size:10px;line-height:1.8}.hidden-teaser>.text-button{margin-left:53px;margin-top:-7px;min-height:30px;font-size:10px}.home-ending{padding:47px 0 51px}.home-ending h2{font-size:29px;margin:16px 0 18px;letter-spacing:-1px}.home-ending p:not(.eyebrow){font-size:12px;line-height:1.9}.home-ending .button{min-width:225px;margin-top:23px}.site-footer{padding:25px 0 30px;flex-wrap:wrap;gap:20px}.footer-brand{font-size:31px;letter-spacing:-2.8px}.footer-brand>span{font-size:10px}.site-footer>p{font-size:10px;line-height:1.7;margin-left:auto}.site-footer>div{width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:9px}.privacy-link{font-size:10px;min-height:44px}.quiz-page{padding-top:20px;min-height:calc(100svh - 65px)}.quiz-topline>.eyebrow{font-size:10px}.quiz-topline .faded{font-size:8px}.question-counter{font-size:10px}.question-counter b{font-size:21px}.progress-track{margin-top:11px;height:3px}.quiz-layout{display:flex;flex-direction:column;gap:0;padding-top:25px}.question-kicker{font-size:11px}.tiny-star{font-size:15px}.question-title{font-size:26px;line-height:1.5;letter-spacing:-.8px;margin:12px 0 11px}.question-hint{font-size:11px;margin-bottom:23px}.answer-list{gap:12px}.answer{min-height:65px;padding:12px;gap:12px;font-size:13px;line-height:1.7}.answer-letter{width:25px;height:25px;font-size:10px}.answer-mark{font-size:17px}.quiz-controls{margin-top:25px;gap:10px}.quiz-controls .button{min-width:0;font-size:14px;gap:20px;flex:1;max-width:230px;min-height:54px;padding:12px 17px}.back-question{min-width:67px;justify-content:flex-start;font-size:12px}.quiz-controls+.save-note{font-size:10px;margin-top:11px;margin-bottom:10px;text-align:center}.quiz-companion{align-self:stretch;max-width:100%;display:flex;align-items:center;justify-content:center;min-height:110px;gap:14px;transform:none;margin-top:0;overflow:hidden}.quiz-companion>.worker-art{width:112px;margin:-2px 0 0;order:0}.companion-bubble{order:1;max-width:185px;font-size:10px;line-height:1.7;padding:9px 11px;transform:rotate(-4deg);box-shadow:2px 2px 0 var(--ink)}.quiz-companion>.mono,.chapter-dots{display:none}.scanner-page{padding:35px 21px 30px;min-height:calc(100svh - 65px)}.scanner-page>.eyebrow{font-size:8px}.scanner-page h1{font-size:29px;line-height:1.5;margin-top:20px}.scanner-art{width:270px;max-width:90%;margin-top:25px}.scanner-page>.text-button{font-size:11px}.result-intro{padding:15px 0 12px;gap:9px}.result-intro>.text-button{font-size:10px}.result-intro>.eyebrow{font-size:8px;letter-spacing:.3px}.sample-notice{font-size:11px;padding:9px 13px;flex-wrap:wrap;gap:0;margin-bottom:17px}.sample-notice .text-button{font-size:11px;min-height:31px}.result-hero{display:flex;flex-direction:column;gap:25px;align-items:stretch}.result-art-panel{order:1;margin-top:0}.result-headline{order:0}.result-headline>.eyebrow{font-size:10px}.result-headline h1{font-size:37px;letter-spacing:-1.5px;margin:12px 0 6px}.result-headline h2{font-size:18px;letter-spacing:-.5px}.punchline{font-size:23px;line-height:1.55;margin-top:18px;letter-spacing:-.5px}.result-description{font-size:12px;line-height:1.85;margin-top:15px}.result-primary-actions{margin-top:20px}.result-primary-actions>.button{min-height:51px;padding:12px 18px;gap:15px;font-size:14px}.result-primary-actions>.small-icon{font-size:24px}.result-headline>.save-note{font-size:10px;margin-top:10px}.result-art-panel .worker-art{width:90%;max-width:330px;margin:-12px auto -8px}.result-art-top{font-size:8px;padding:14px 15px}.result-art-caption{font-size:8px;margin:7px 15px 16px}.result-stamp{width:68px;height:68px;bottom:18px;right:14px;font-size:9px}.result-stamp b{font-size:23px}.result-details{display:flex;flex-direction:column;gap:30px;padding:32px 0 33px}.detail-section{padding-top:19px}.detail-section h2{font-size:23px;margin-top:8px}.detail-section .section-heading{flex-wrap:nowrap;align-items:center;margin-bottom:24px}.pill{font-size:9px;padding:3px 9px}.trait-row{margin-bottom:22px}.trait-names>span:not(.trait-caption){font-size:9px}.trait-names small{font-size:10px}.trait-caption{font-size:9px}.footnote{font-size:10px}.behaviors{margin:12px 0 23px}.behaviors li{font-size:13px;padding:16px 0;gap:16px;line-height:1.7}.equipment{padding:21px}.equipment h3{font-size:22px;max-width:86%;margin:10px 0}.equipment>.mono{font-size:8px}.work-section{margin-top:0}.tag-list{gap:8px;margin-top:18px}.tag-list>span,.tag-list>a{font-size:11px;padding:7px 12px}.work-section>h3{font-size:12px;margin-top:23px}.work-section>p:not(.eyebrow):not(.footnote){font-size:13px;line-height:1.8}.next-door{display:flex;flex-direction:column;gap:16px;padding:26px 24px 28px;margin:0 -1px}.door-copy h2{font-size:26px;line-height:1.5;margin:15px 0 16px}.door-copy>p:not(.eyebrow):not(.room-footnote){font-size:12px}.room-choices{margin-top:21px;gap:1px}.room-choice{padding:12px 0}.room-choice small{font-size:9px}.room-choice b{font-size:22px}.room-footnote{font-size:9px;margin-top:15px}.interactive-door{padding-top:17px;padding-bottom:0}.door-frame{width:176px;height:276px;border-width:7px}.door-sign{margin-top:21px;font-size:12px;padding:8px 15px}.door-leaf strong{font-size:53px;margin-top:29px}.door-leaf small{font-size:8px}.door-floor{font-size:9px;margin-top:20px}.result-bottom{flex-direction:column;align-items:flex-start;padding:20px 0 24px;gap:0}.result-bottom .text-button{font-size:11px}.mobile-result-bar{display:flex;position:fixed;bottom:0;left:0;right:0;gap:10px;z-index:5;padding:11px 17px calc(11px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--ink);box-shadow:0 -5px 20px #00000008}.mobile-result-bar>.button{font-size:12px;min-height:46px;padding:10px 14px;gap:11px;justify-content:center}.mobile-result-bar>.primary{flex:1;justify-content:space-between}.mobile-result-bar>.primary>span{font-size:21px}body[data-page=result],body[data-page=species]:has(.result-page){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}body[data-page=result]>.toast,body:has(.mobile-result-bar)>.toast{bottom:calc(87px + env(safe-area-inset-bottom,0px))}.gallery-heading{padding:33px 0 30px;gap:0;align-items:flex-end;position:relative}.gallery-heading>.eyebrow{font-size:8px}.gallery-heading h1{font-size:43px;letter-spacing:-2px;line-height:1.15;margin-top:17px}.gallery-heading p:not(.eyebrow){font-size:12px;margin-top:18px;line-height:1.75}.gallery-label{width:112px;height:103px;margin:0 5px 20px 0;position:absolute;right:0;top:94px;box-shadow:3px 3px 0 var(--ink);transform:rotate(8deg)}.gallery-label b{font-size:32px;letter-spacing:-3px}.gallery-label>span{font-size:7px;margin-top:6px}.gallery-label>small{font-size:5px;margin-top:10px}.gallery-toolbar{padding:16px 0 8px;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-tabs{gap:6px;width:100%}.filter-tabs button{padding:9px 11px;font-size:11px;gap:7px;flex:1;justify-content:center}.filter-tabs button>span{font-size:9px}.gallery-unlock-count{font-size:8px;width:100%;text-align:right}.locked-card .card-top span:last-child{font-size:7px}.locked-visual{margin:0 3px -1px}.locked-visual>span{font-size:95px}.locked-visual>i{width:27px;height:15px;bottom:21px;left:28%}.locked-visual>i:last-child{left:53%}.gallery-cta{padding:42px 0 49px}.gallery-cta h2{font-size:25px;line-height:1.5;margin-bottom:20px}.gallery-cta .button{min-width:225px}.room-page{padding-top:14px}.room-page>.text-button{font-size:11px}.room-hero{display:flex;flex-direction:column;gap:10px;padding:26px 23px 24px;margin-top:13px}.room-hero-copy>.eyebrow{font-size:8px}.room-hero-copy>.pill{font-size:8px;margin-top:13px}.room-hero h1{font-size:65px;letter-spacing:-4px;margin-top:22px}.room-hero h2{font-size:24px;margin-top:24px;line-height:1.4}.room-hero p:not(.eyebrow){font-size:12px;line-height:1.85;margin-top:12px}.room-hero-copy>.mono{font-size:10px;margin-top:17px}.room-hero-art{width:100%;align-self:stretch;max-width:300px;margin:0 auto}.room-hero-art>.worker-art{width:93%;margin-left:-4px}.room-ticket{right:-3px;bottom:12px;padding:11px 13px;font-size:8px}.room-ticket b{font-size:19px}.room-content{display:flex;flex-direction:column;gap:32px;padding:33px 0}.room-content h2{font-size:24px;margin-top:12px;letter-spacing:-.9px}.room-roles>li{font-size:13px;padding:14px 0}.room-roles{margin-top:13px}.room-experiment{border-top:1px solid var(--ink);padding-top:25px}.experiment-prompt{font-size:15px;margin-top:16px}.experiment-task{margin-top:21px;padding-left:14px}.experiment-task>p{font-size:12px}.room-cta{display:flex;flex-direction:column;gap:22px;padding:26px 24px;align-items:stretch}.room-cta h2{font-size:25px;line-height:1.45}.room-cta>div>p:not(.eyebrow){font-size:11px;margin-top:16px}.room-cta .button{font-size:14px;padding:13px 17px;min-height:54px}.more-rooms{padding:31px 0 38px}.more-rooms>h2{font-size:20px}.more-rooms .tag-list{margin-top:17px;gap:8px}.more-rooms .tag-list a{font-size:10px;padding:7px 13px}.toast{font-size:11px;bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:11px 15px;max-width:calc(100vw - 32px)}dialog{padding:30px 24px 25px;max-height:calc(100svh - 38px);border-radius:5px;box-shadow:5px 5px 0 #19191680}dialog h2{font-size:27px;margin-top:15px}dialog>p:not(.eyebrow){font-size:12px}.modal-close{font-size:27px;right:3px;top:2px}.poster-modal{padding:27px 19px 19px}.poster-modal>.eyebrow{font-size:8px}.poster-modal h2{font-size:27px}.poster-preview{width:100%}.poster-actions{gap:8px;margin-top:14px}.poster-actions>.button{font-size:11px;gap:6px;padding:10px 12px;min-height:47px}.poster-actions>.button>span{font-size:19px}.poster-modal>.text-button{font-size:11px}.poster-modal>.local-link-note{font-size:10px!important;padding:11px;margin-bottom:0}.about-art{width:132px}.consent-row{font-size:11px;gap:10px}.empty-page{min-height:calc(100svh - 65px);padding-top:30px}.empty-page h1{font-size:27px}
}
@media(max-width:359px){.site-header,.home-page,.site-footer,.quiz-page,.result-page,.gallery-page,.room-page{margin-left:16px;margin-right:16px}.wtf-wordmark{font-size:101px;letter-spacing:-10px}.asterisk{font-size:66px;margin-left:5px}.wordmark-note{font-size:7px}.hero-copy h1{font-size:35px}.hero-copy h1 span:after{width:175px}.hero-visual{height:234px;margin-top:-22px}.hero-image{width:248px;height:248px;max-width:86%}.hero-note{top:89px;font-size:9px;padding:7px 8px}.sticker{width:88px;height:88px;right:0;bottom:4px}.sticker strong{font-size:16px}.sticker span{font-size:5px}.hero-description{font-size:12px;margin-top:8px}.hero-cta{font-size:15px}.quiz-meta{font-size:9px;gap:8px}.question-title{font-size:23px}.answer{font-size:12px;min-height:66px;padding:11px;gap:10px}.quiz-controls .button{font-size:12px;gap:12px;padding:12px 13px}.card-caption h3{font-size:15px}.card-caption>.mono{font-size:6px}.card-caption p{font-size:9px}.gallery-heading h1{font-size:39px}.gallery-label{width:93px;height:90px;right:0;top:100px}.gallery-label b{font-size:28px}.gallery-label>span{font-size:6px}.gallery-label>small{font-size:4px}.filter-tabs button{padding:8px;font-size:10px;gap:5px}.result-headline h1{font-size:32px}.punchline{font-size:21px}.result-headline h2{font-size:16px}.room-hero h1{font-size:55px}.room-cta{padding:23px 20px}.poster-actions>.button{font-size:10px;padding:10px 9px}.poster-help{font-size:10px!important}.mobile-result-bar{gap:7px;padding-left:12px;padding-right:12px}.mobile-result-bar .button{font-size:11px;padding:10px 12px}.next-door{padding:25px 20px}.door-copy h2{font-size:24px}.room-hero{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scan-progress>span{width:100%}.interactive-door:hover .door-leaf{transform:rotateY(-17deg)}}
/* Keep the display lockup within the smallest supported mobile viewport. */
@media(max-width:359px){.wtf-wordmark{font-size:88px;letter-spacing:-8px}.asterisk{font-size:58px;margin-left:4px}.wordmark-note{font-size:6px;margin-bottom:13px;margin-left:5px}}
/* Long ROOM names remain whole on small phones and embedded preview panels. */
@media(max-width:620px){.room-hero h1{font-size:clamp(42px,15vw,65px)}}
@media(max-width:359px){.room-hero h1{font-size:clamp(35px,14vw,50px)}}
/* The quiz now gives the question the entire stage. */
.quiz-page{width:min(720px,calc(100% - 42px));margin-inline:auto;padding-top:36px}.quiz-layout{display:block;padding-top:36px}.question-title{margin-top:0}.profile-page{width:min(720px,calc(100% - 42px));margin:42px auto 64px}.profile-page h1{font-size:42px;letter-spacing:-1.3px;margin-top:14px}.profile-lead{font-size:16px;color:var(--muted);margin-top:14px}.profile-page fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 0;margin:26px 0 0;min-width:0}.profile-page legend{font-size:17px;font-weight:700;padding:0 14px 0 0}.profile-page legend>span{font-weight:400;color:var(--muted);font-size:12px;margin-left:12px}.profile-options{display:flex;flex-wrap:wrap;gap:10px}.profile-option{position:relative;cursor:pointer}.profile-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.profile-option span{display:flex;align-items:center;min-height:46px;border:1px solid #c5c5b9;border-radius:3px;padding:10px 14px;font-size:14px;pointer-events:none}.profile-option input:checked+span{background:var(--lime);border-color:var(--ink);box-shadow:2px 2px var(--ink)}.profile-option input:focus-visible+span{outline:3px solid #6549bb;outline-offset:4px}.profile-privacy{font-size:12px;color:var(--muted);line-height:1.85;margin:28px 0 20px}#profile-error{font-size:14px;color:#ad321b;margin-bottom:12px}.collection-reward{padding:42px 0;border-bottom:1px solid var(--line);display:flex;gap:28px;align-items:center;justify-content:space-between}.collection-reward h2{font-size:27px;margin-top:12px}.collection-reward p:not(.eyebrow){font-size:14px;margin-top:16px;color:var(--muted)}.collection-ticket{background:var(--lilac);border:1px solid var(--ink);padding:20px;min-width:120px;font-size:12px;transform:rotate(6deg);text-align:center}.collection-ticket b{font:900 29px var(--display)}
@media(max-width:620px){.quiz-page{padding-top:20px}.quiz-layout{padding-top:27px}.question-title{font-size:27px;margin-top:0}.answer{font-size:15px;min-height:68px}.question-hint{font-size:12px}.profile-page{margin-top:28px;margin-bottom:38px}.profile-page h1{font-size:34px}.profile-lead{font-size:14px}.profile-page fieldset{padding-top:18px;margin-top:24px}.profile-page legend{font-size:16px}.profile-options{gap:9px}.profile-option span{font-size:14px;padding:9px 12px}.profile-privacy{font-size:12px}.collection-reward{gap:16px;padding:30px 0;flex-wrap:wrap}.collection-reward h2{font-size:23px}.collection-reward p:not(.eyebrow){font-size:13px}.collection-ticket{display:none}}
@media(max-width:359px){.quiz-page,.profile-page{width:calc(100% - 32px);margin-inline:auto}.question-title{font-size:24px}.answer{font-size:14px}}
.worker-art{position:relative;background-image:none;overflow:hidden}.worker-sprite{display:block;position:absolute;background-image:url('../public/assets/worker-atlas-v2.webp');background-repeat:no-repeat}

/* Content-led cards keep their illustration stage and captions aligned. */
.brand-origin{font:400 10px var(--body);letter-spacing:0;margin-left:14px;color:var(--muted)}
.species-card{display:flex;flex-direction:column;text-align:left;min-width:0}
.species-card .worker-art,.species-card .locked-visual{width:100%;aspect-ratio:1;margin:0;flex:none}
.species-card .card-caption{margin-top:auto;width:100%}
.species-card .card-caption>.mono{display:flex;align-items:end;min-height:2.8em;line-height:1.4;overflow-wrap:anywhere}
.species-card .card-caption>h3{min-height:2.7em;line-height:1.35;overflow-wrap:anywhere}
.species-card .card-caption>p{min-height:3.6em}
.answer-evidence{padding:32px 0;border-bottom:1px solid var(--line)}
.answer-evidence h2{font-size:25px;margin:12px 0 18px}
.answer-evidence ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}
.answer-evidence li{padding:18px;background:var(--cream,#eeeade)}
.answer-evidence li>span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}
.answer-evidence q{font-size:16px;line-height:1.8}
.answer-evidence>.footnote{margin-top:18px}
.update-note{font-size:12px;line-height:1.7;padding:12px;background:var(--lilac);margin-top:18px}
.profile-skip-top{margin-top:22px;font-size:15px;min-height:48px}
.next-door-credit{font-weight:700;margin-top:22px;line-height:1.8}
@media(max-width:620px){.answer-evidence ul{grid-template-columns:1fr;gap:10px}.answer-evidence{padding:25px 0}.answer-evidence h2{font-size:23px}.answer-evidence q{font-size:15px}.brand-origin{font-size:9px;margin-left:10px}.species-card .card-caption>h3{font-size:clamp(14px,4vw,19px)}}

.result-care-note{margin-top:18px;padding:14px 16px;background:var(--lime);font-weight:600;line-height:1.8}.result-reason{margin-top:16px;font-size:13px;line-height:1.85;color:var(--muted)}