:root{--paper:#eeede5;--ink:#22241f;--acid:#d7f545;--blue:#264be7;--pink:#ed99c0;--line:#26271f40;--mono:'SFMono-Regular',Consolas,monospace;font-family:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px;padding-bottom:88px;background:var(--paper)}button,a,input{touch-action:manipulation}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border-radius:0}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--acid);color:#151714}[hidden]{display:none!important}.skip{position:fixed;left:15px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:14px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.masthead{height:83px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}.wordmark{font-weight:900;font-size:29px;letter-spacing:-2px;display:flex;align-items:center;white-space:nowrap;transform:rotate(-3deg)}.wordmark img{width:38px;height:38px;object-fit:contain;filter:brightness(0);margin:0 -5px}.masthead-label{font:10px var(--mono);letter-spacing:.08em}.masthead nav{display:flex;gap:28px;font-size:12px;font-weight:700}.masthead nav a{padding:13px 0}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}
.exhibition{max-width:1800px;margin:auto;padding:24px 4% 0}.edition-line{display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px var(--mono);letter-spacing:.09em}.seed-trigger{border:0;border-bottom:1px solid var(--ink);background:none;padding:8px 0;font:10px var(--mono)}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0 34px}.intro h1{position:relative;font-size:clamp(74px,10.4vw,158px);line-height:1.08;letter-spacing:-.09em;font-weight:900;white-space:nowrap}.intro h1>span{display:inline-block}.intro #headline-b{color:var(--blue)}.title-asterisk{font:1.15em/.5 Arial;vertical-align:middle;margin-left:.1em;transform:rotate(-15deg);color:var(--ink)}.intro-note{flex:none;max-width:245px;font-size:14px;line-height:1.8;margin-right:1%}.note-line{display:block;width:45px;border-top:2px solid var(--ink);transform:rotate(-13deg);margin:0 0 24px}.collection-count{display:block;font:10px var(--mono);margin-top:14px}
.specimens{display:grid;grid-template-columns:1.15fr 1fr;gap:44px}.specimen{min-width:0;position:relative}.specimen-opal{margin-top:48px}.specimen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:2px solid var(--ink);font:10px var(--mono)}.side-label{font-family:Arial,'PingFang SC',sans-serif;font-size:11px}.exhibit{height:345px;position:relative;isolation:isolate}.exhibit-house{background:radial-gradient(var(--line) .7px,transparent .8px) 0 0 / 12px 12px}.exhibit-opal{background:var(--pink)}.exhibit-word{position:absolute;left:4%;bottom:8%;font-size:clamp(72px,9vw,140px);font-weight:900;letter-spacing:-.08em;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--line);z-index:-1}.house-model{width:90%;height:100%;position:relative;margin:auto;transform:rotate(var(--object-tilt,-3deg))}.house-model svg{width:100%;height:100%;overflow:visible}.house-part{transition:transform .55s cubic-bezier(.22,.8,.25,1)}.model-floor{fill:#dddfc9;stroke:#25362c;stroke-width:1.6;stroke-linejoin:round}.model-front{fill:#b8c5b2}.model-side{fill:#95a58f}.model-top{fill:#f9faf0}.model-blue{fill:#3756db}.model-dark{fill:#25352d}.house-guide{stroke:#788a70;stroke-width:1;stroke-dasharray:3 6;opacity:.6}.house-shadow{fill:#35402a;opacity:.10}.art-label{position:absolute;font:9px/1.35 var(--mono)}.art-label-a{top:28px;left:21px;transform:rotate(-7deg)}.art-label-b{bottom:23px;right:22px;font-size:11px;transform:rotate(7deg)}.round-action{position:absolute;bottom:20px;left:18px;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:var(--acid);font-size:27px;transition:transform .2s}.round-action:hover{transform:rotate(45deg)}
.opal-card{position:absolute;left:50%;top:49%;width:187px;height:278px;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--rx,7deg)) rotateY(var(--ry,-17deg)) rotateZ(var(--card-tilt,10deg));border:0;background:none;padding:0;transition:transform .25s ease-out;transform-style:preserve-3d;z-index:2}.card-rotator{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.25,1)}.opal-card[aria-pressed=true] .card-rotator{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:block;backface-visibility:hidden;border-radius:10px;border:2px solid #f3f7ef;box-shadow:2px 3px 0 #86c5b0,5px 7px 0 #244836,14px 19px 25px #253b3a40;overflow:hidden}.card-front{background:#badad8}.card-front>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.16) brightness(1.35);mix-blend-mode:luminosity}.foil{position:absolute;inset:0;background:linear-gradient(var(--light-angle,135deg),#fcffe2 0%,#86e5ee66 18%,#fcefc544 30%,#cfbcf3aa 42%,#b0ffff88 51%,#fff5c8aa 66%,#efbddbaa 83%,#c4e7faaa);mix-blend-mode:color;opacity:.83}.foil::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff99 40%,transparent 55%);mix-blend-mode:soft-light;transform:translateX(var(--shine,0%));transition:transform .2s}.card-caption{position:absolute;bottom:8%;left:8%;right:8%;text-align:center;color:#fbffe7;text-shadow:0 1px 3px #213b32;font-size:14px;font-weight:700;letter-spacing:3px}.card-caption small{display:block;font:4px var(--mono);letter-spacing:1px;margin-top:8px}.card-back{transform:rotateY(180deg);background:#d9edc9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.card-back>img{width:65px;height:65px;filter:brightness(0)}.card-back strong{font:900 32px/.88 Arial;letter-spacing:-2px}.card-back>span{font:7px/1.4 var(--mono)}.opal-shadow{position:absolute;width:180px;height:30px;background:#332546;filter:blur(18px);opacity:.2;left:50%;bottom:5%;transform:translateX(-40%) rotate(10deg)}.opal-card[data-material=obsidian] .card-front>img{filter:contrast(1.35) brightness(.5)}.opal-card[data-material=amethyst] .card-front{background:#b8a1df}.opal-card[data-material=amethyst] .foil{mix-blend-mode:overlay;background:linear-gradient(125deg,#1a40dcaa,#d658ffbb,#ffecb988,#4f4effaa)}
.interaction-strip{height:47px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:700}.interaction-strip label{white-space:nowrap;display:flex;align-items:center;gap:14px}.interaction-strip input{min-width:50px;max-width:170px;width:100%;height:24px;accent-color:var(--blue);cursor:ew-resize}.interaction-strip output{font:10px var(--mono);margin-left:auto;min-width:31px}.opal-hint{font-weight:400}.material-button{margin-left:auto;padding:8px 0 8px 12px;min-height:40px;border:0;background:none;font-size:11px}.material-button span{font-size:17px;margin-left:7px}.specimen-info{display:flex;justify-content:space-between;gap:15px;padding:21px 0 20px;align-items:flex-start}.repo-slug{font:10px var(--mono);opacity:.66}.specimen-info h2{font-size:clamp(23px,2.45vw,36px);letter-spacing:-.06em;margin:8px 0 13px;line-height:1.25}.specimen-info p{font-size:12px;line-height:1.8}.detail-link{align-self:center;flex:none;font:10px var(--mono);display:flex;flex-direction:column;gap:7px;align-items:center;background:none;border:0;padding:6px}.detail-link span{font:40px/.9 Arial;transition:transform .2s}.detail-link:hover span{transform:translate(4px,-4px)}.specimen-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font:8px var(--mono);opacity:.65}.closing{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:36px;padding:25px 0 28px;border-top:1px solid var(--ink)}.closing p{font-size:20px;font-weight:700;letter-spacing:-.05em}.closing a{font-size:11px;text-decoration:underline;text-underline-offset:5px}.orbit,.lab-tag{display:none}
.review-dock{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:78px;background:#22241f;color:#eeede5;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #eeede530}.review-label{display:flex;flex-direction:column;gap:5px;white-space:nowrap}.review-label span{font:8px var(--mono);color:#bdc2ad;letter-spacing:.1em}.review-label strong{font-size:12px}.design-switcher{display:flex;gap:5px}.design-switcher button{background:none;border:1px solid #666a58;color:#eeede5;padding:13px 18px;font-size:12px;white-space:nowrap}.design-switcher button span{font:9px var(--mono);margin-right:7px;opacity:.7}.design-switcher button[aria-pressed=true]{background:#d7f545;color:#22241f;border-color:#d7f545}.design-switcher button:hover{border-color:#d7f545}.idea-button{font-size:11px;color:inherit;min-height:44px;padding:8px 0;background:none;border:0;border-bottom:1px solid #92987e;white-space:nowrap}.idea-button span{margin-left:15px}.review-dock :focus-visible{outline-color:#d7f545}
/* BOOTLEG: the same skills become two offset record sleeves. */
body[data-design=bootleg]{--paper:#f099c1;--ink:#24251f;--line:#24251f50;--blue:#24251f}.bootleg-spike{display:none}body[data-design=bootleg] .masthead{border-bottom:2px solid var(--ink)}body[data-design=bootleg] .intro{padding:34px 0 55px;align-items:flex-end}body[data-design=bootleg] .intro h1{font-size:clamp(82px,11.5vw,176px);line-height:.87;transform:rotate(-3deg);letter-spacing:-.09em}body[data-design=bootleg] #headline-b{display:block;margin-left:18%;color:var(--paper);-webkit-text-stroke:2px var(--ink)}body[data-design=bootleg] .title-asterisk{position:absolute;right:-1.2em;top:.47em;color:#d7f545;-webkit-text-stroke:2px var(--ink);font-size:.9em}body[data-design=bootleg] .intro-note{transform:rotate(4deg);background:#d7f545;border:2px solid var(--ink);padding:23px 25px;box-shadow:7px 7px 0 var(--ink);margin-right:6%;max-width:265px}body[data-design=bootleg] .note-line{display:none}body[data-design=bootleg] .specimens{grid-template-columns:1fr 1fr;gap:6%;padding:0 3% 14px}body[data-design=bootleg] .specimen{background:#eceadf;border:2px solid var(--ink);padding:17px;box-shadow:12px 12px 0 #22241f;transform:rotate(-4deg)}body[data-design=bootleg] .specimen-opal{transform:rotate(5deg);margin-top:82px;background:#d7f545}body[data-design=bootleg] .specimen-top{border-top:0;padding-top:3px;padding-bottom:15px}body[data-design=bootleg] .exhibit{height:335px;background:#25271f;overflow:hidden;border:1px solid var(--ink)}body[data-design=bootleg] .house-model{z-index:2;width:98%;transform:rotate(2deg)}body[data-design=bootleg] .exhibit-word{color:#d7f545;-webkit-text-stroke:0;top:22px;left:10px;font-size:8.3vw;bottom:auto;opacity:.9}body[data-design=bootleg] .exhibit-opal .exhibit-word{color:#f099c1;top:auto;bottom:24px}body[data-design=bootleg] .art-label{color:#e8eada;z-index:3}body[data-design=bootleg] .art-label-a{display:none}body[data-design=bootleg] .round-action{z-index:3}body[data-design=bootleg] .house-guide{stroke:#f8fac8}body[data-design=bootleg] .specimen-info h2{font-size:30px}body[data-design=bootleg] .opal-card{width:183px;height:273px;--card-tilt:-14deg}body[data-design=bootleg] .closing{margin-top:70px}body[data-design=bootleg] .specimen-foot{font-size:8px}
/* PETRI: isolated organisms in concentric culture dishes. */
body[data-design=petri]{--paper:#e0e8d7;--ink:#204b32;--line:#204b3235;--blue:#205936;--pink:#cfddc1}body[data-design=petri] .wordmark img{filter:brightness(0) saturate(100%) invert(24%) sepia(19%) saturate(1338%) hue-rotate(93deg)}body[data-design=petri] .masthead{border-bottom-color:var(--line)}body[data-design=petri] .exhibition{padding-top:25px}body[data-design=petri] .intro{display:flex;flex-direction:column;text-align:center;padding:28px 0 15px;gap:16px}body[data-design=petri] .intro h1{font-size:clamp(60px,7.2vw,108px);font-family:'Songti SC','STSong',serif;font-weight:500;letter-spacing:-.07em}body[data-design=petri] .intro #headline-b{color:var(--ink)}body[data-design=petri] .title-asterisk{font-family:Arial;font-size:.62em;color:#728e3d;vertical-align:baseline}body[data-design=petri] .intro-note{max-width:none;display:flex;align-items:center;gap:28px;margin:0;font-size:12px}body[data-design=petri] .intro-note br{display:none}body[data-design=petri] .note-line{display:none}body[data-design=petri] .collection-count{margin:0;font-size:8px;padding:7px 10px;border:1px solid var(--line);border-radius:50%}body[data-design=petri] .specimens{grid-template-columns:1fr 1fr;gap:9%;max-width:1130px;margin:20px auto 0}body[data-design=petri] .specimen{margin-top:0}body[data-design=petri] .specimen-top{border-top:0;padding-bottom:0}body[data-design=petri] .side-label{display:none}body[data-design=petri] .exhibit{height:auto;aspect-ratio:1/1;background:radial-gradient(circle at 37% 33%,#faffea99,#d7e4cc44 50%,#9cb38866 70%);border:1px solid #557d4166;border-radius:50%;margin:20px 0;box-shadow:inset 0 0 0 9px #e9f1dc,inset 0 0 0 10px #71896777,0 15px 30px #365c2710;overflow:hidden}body[data-design=petri] .exhibit-opal{transform:translateY(24px);margin-bottom:44px}body[data-design=petri] .orbit{display:block;position:absolute;inset:13%;border:1px dashed #204b3240;border-radius:50%}body[data-design=petri] .orbit:after{content:'';position:absolute;inset:15%;border:1px solid #204b321a;border-radius:50%}body[data-design=petri] .house-model{width:93%;height:100%;transform:rotate(7deg);z-index:1}body[data-design=petri] .exhibit-word{display:none}body[data-design=petri] .art-label{display:none}body[data-design=petri] .round-action{left:calc(50% - 24px);bottom:20px;width:42px;height:42px;background:#d7f545;font-size:24px;z-index:3}body[data-design=petri] .lab-tag{display:block;position:absolute;bottom:10%;right:15%;font:8px/1.5 var(--mono);transform:rotate(-12deg)}body[data-design=petri] .opal-card{width:42%;height:auto;aspect-ratio:2/3;--card-tilt:-16deg}body[data-design=petri] .specimen-info h2{font-family:'Songti SC','STSong',serif;font-weight:600;font-size:31px}body[data-design=petri] .closing p{font-family:'Songti SC','STSong',serif;font-weight:500;font-size:25px}
dialog{width:min(680px,calc(100% - 32px));max-height:calc(100svh - 48px);padding:0;background:#eeede5;color:#22241f;border:2px solid #22241f;box-shadow:10px 10px 0 #d7f545;overscroll-behavior:contain}dialog::backdrop{background:#172013bb;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 26px;background:#d7f545;border-bottom:1px solid #22241f;font:9px var(--mono)}.dialog-close{width:38px;height:38px;font:28px Arial;border:1px solid #22241f;background:none}.idea-body,.skill-body{padding:30px 34px}.dialog-eyebrow{font:10px var(--mono)}dialog h2{font-size:clamp(29px,5vw,46px);letter-spacing:-.06em;margin:15px 0 18px}.idea-body code{font:11px var(--mono);display:block;overflow-wrap:anywhere}.idea-lead{font-size:16px;line-height:1.8;margin:22px 0}.idea-chain{list-style:none;padding:0;counter-reset:step;margin:0}.idea-chain li{position:relative;padding:17px 0 17px 40px;border-top:1px solid #22241f40;font-size:13px;line-height:1.8;counter-increment:step}.idea-chain li:before{content:'0' counter(step);position:absolute;left:0;top:20px;font:10px var(--mono);color:#3756db}.mutation{padding:20px;background:#f3a1c6;margin:18px 0;font-size:13px;line-height:1.8}.mutation>span{display:block;font-weight:bold;margin-bottom:8px}.idea-caption{font-size:10px;line-height:1.7;color:#62675a}.skill-body>p{font-size:14px;line-height:1.8}.skill-body ul{padding-left:18px;font-size:13px;line-height:2}.skill-boundary{font-size:11px!important;background:#e2e2d7;padding:12px 15px}.skill-preview{width:100%;display:block;margin:22px 0 8px;border:1px solid #22241f40}.visual-caption{font-size:9px;line-height:1.5}.skill-actions{display:flex;gap:12px;margin:24px 0}.skill-actions a,.skill-actions button{padding:14px 17px;font-size:12px;border:1px solid #22241f;flex:1;text-align:center;white-space:nowrap}.skill-actions a{background:#22241f;color:#eeede5}.skill-actions button{background:#d7f545}.install-label{display:block;font-size:11px;margin-bottom:10px}#install-prompt{width:100%;resize:vertical;min-height:90px;line-height:1.7;font-size:11px;background:#f8f7ed;color:#22241f;padding:12px;border:1px solid #939589}#copy-status{font-size:11px;min-height:20px;margin-top:8px}.noscript{padding:24px}
@media(min-width:1600px){.exhibit{height:400px}.opal-card{width:215px;height:321px}body[data-design=bootleg] .exhibit{height:390px}}
@media(max-width:1050px){.masthead-label{display:none}.intro h1{font-size:10.3vw}.intro-note{font-size:12px;max-width:200px}.specimens{gap:28px}.exhibit{height:295px}.opal-card{width:160px;height:239px}.title-asterisk{font-size:1em}.specimen-info p{font-size:11px}.review-label{display:none}.review-dock{gap:15px}.design-switcher button{padding:13px 15px}.art-label-a{left:12px;font-size:8px}.art-label-b{font-size:9px;right:13px}body[data-design=bootleg] .intro h1{font-size:11.5vw}body[data-design=bootleg] .intro-note{margin-right:1%;max-width:200px;padding:18px}body[data-design=bootleg] .exhibit{height:285px}body[data-design=bootleg] .specimen-info h2{font-size:24px}body[data-design=bootleg] .specimen-info{display:block}body[data-design=bootleg] .detail-link{position:absolute;right:18px;bottom:52px}body[data-design=bootleg] .specimen-info p{max-width:calc(100% - 64px)}body[data-design=petri] .specimens{gap:5%}}
@media(max-width:700px){body{padding-bottom:117px}.masthead{height:72px;padding:0 6%;gap:14px}.wordmark{font-size:25px}.wordmark img{width:33px;height:33px}.masthead nav{gap:16px;font-size:10px}.exhibition{padding:19px 6% 0}.edition-line{font-size:8px;gap:8px;letter-spacing:0}.seed-trigger{font-size:8px}.intro{display:block;padding:30px 0}.intro h1{font-size:13.3vw;letter-spacing:-.08em}.intro-note{display:flex;align-items:center;gap:15px;font-size:11px;margin:24px 0 0;max-width:none}.intro-note br{display:none}.note-line{display:none}.collection-count{font-size:8px;margin:0;white-space:nowrap}.specimens{grid-template-columns:1fr;gap:36px}.specimen-opal{margin-top:0}.exhibit{height:330px}.house-model{max-width:490px}.opal-card{width:186px;height:278px}.specimen-info h2{font-size:31px}.specimen-info p{font-size:12px}.art-label-a{top:22px;left:15px;font-size:9px}.art-label-b{font-size:10px}.exhibit-word{font-size:24vw}.specimen-top{font-size:9px}.closing{align-items:flex-start;gap:15px;flex-direction:column;margin-top:30px;padding:22px 0 30px}.closing p{font-size:19px}.review-dock{height:106px;padding:10px 5%;display:flex;flex-direction:column;gap:4px;justify-content:center}.design-switcher{width:100%;gap:5px}.design-switcher button{font-size:11px;flex:1;padding:12px 7px;min-height:42px}.design-switcher button span{font-size:8px;margin-right:3px}.idea-button{font-size:10px;min-height:31px;padding:6px 0;border:0}.idea-button span{margin-left:7px}body[data-design=bootleg] .intro{padding:27px 0 37px;display:block}body[data-design=bootleg] .intro h1{font-size:18vw;line-height:.92}body[data-design=bootleg] .intro-note{margin:28px 2% 0 18%;max-width:none;padding:14px;box-shadow:4px 4px 0 #22241f;font-size:10px;transform:rotate(2deg)}body[data-design=bootleg] .intro-note .collection-count{display:none}body[data-design=bootleg] .specimens{grid-template-columns:1fr;gap:39px;padding:0 2%}body[data-design=bootleg] .specimen{padding:13px;transform:rotate(-2deg);box-shadow:7px 7px 0 #22241f}body[data-design=bootleg] .specimen-opal{margin-top:0;transform:rotate(2deg)}body[data-design=bootleg] .exhibit{height:300px}body[data-design=bootleg] .exhibit-word{font-size:23vw}body[data-design=bootleg] .specimen-info h2{font-size:28px}body[data-design=bootleg] .specimen-info p{font-size:11px}body[data-design=bootleg] .closing{margin-top:43px}body[data-design=petri] .intro{display:block;padding:27px 0 17px}body[data-design=petri] .intro h1{font-size:11.8vw}body[data-design=petri] .title-asterisk{display:none}body[data-design=petri] .intro-note{font-size:11px;display:block;margin-top:15px}body[data-design=petri] .collection-count{display:none}body[data-design=petri] .specimens{grid-template-columns:1fr;gap:40px;margin-top:12px}body[data-design=petri] .exhibit{max-width:440px;margin:16px auto;height:auto}body[data-design=petri] .exhibit-opal{transform:none;margin-bottom:16px}body[data-design=petri] .specimen-info h2{font-size:31px}body[data-design=petri] .closing p{font-size:22px}.idea-body,.skill-body{padding:24px 22px}.dialog-heading{padding:10px 18px}.skill-actions{gap:8px}.skill-actions a,.skill-actions button{padding:13px 10px;font-size:11px}}
@media(max-width:360px){.masthead{padding:0 5%}.masthead nav{gap:10px}.wordmark{font-size:22px}.exhibit{height:280px}.opal-card{width:155px;height:231px}.art-label-a{font-size:7px}.art-label-b{font-size:8px}.intro-note{display:block}.intro-note .collection-count{margin-top:10px}.specimen-info h2{font-size:26px}.specimen-info p{font-size:11px}.specimen-foot{font-size:7px}.design-switcher button{font-size:10px;padding:12px 5px}body[data-design=bootleg] .specimen-info h2{font-size:24px}body[data-design=bootleg] .detail-link{font-size:8px;right:11px}body[data-design=bootleg] .specimen-info p{font-size:10px}body[data-design=petri] .specimen-info h2{font-size:27px}}
@media(max-width:700px){body[data-design=bootleg] .intro h1{font-size:15.5vw}body[data-design=bootleg] #headline-b{margin-left:10%}body[data-design=bootleg] .title-asterisk{right:.2em;top:.12em;font-size:.82em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opal-card{transform:translate(-50%,-50%) rotate(var(--card-tilt,10deg))!important}}

/* Art direction pass: generated artwork frames, never substitutes for the actual repo work. */
.generated-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.aftershock-art{opacity:.94}.opal-art{opacity:.8;mix-blend-mode:screen}.petri-art{display:none}.house-model{z-index:1}.vinyl-hero{display:none}.quick-index{display:none}.touch-hint{display:none}.specimen{scroll-margin-top:30px}
body{overflow-x:clip}body[data-design=aftershock] #headline-a{transform:translate(var(--impact-left,0px),-4px) rotate(-1deg);transition:transform .55s ease}body[data-design=aftershock] #headline-b{transform:translate(var(--impact-x,0px),5px) rotate(1deg);transition:transform .55s ease}
.skill-relief{max-height:320px;object-fit:contain;background:#3d4547}.opal-card{touch-action:none}
.round-action{width:auto;min-width:80px;height:46px;border-radius:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;font-size:22px;z-index:3}.round-action:hover{transform:translate(2px,-2px)}.round-action .action-caption{font:700 10px/1 sans-serif;white-space:nowrap}.exhibit-opal .opal-card{z-index:2}
body[data-design=aftershock] .exhibit-house{background:radial-gradient(var(--line) .7px,transparent .8px) 0 0 / 12px 12px,#e8e9de}body[data-design=aftershock] .exhibit-opal{background:#b597af}body[data-design=aftershock] .opal-art{opacity:.95}body[data-design=aftershock] .specimen-house .exhibit{box-shadow:inset 0 0 0 1px #d3d8c8}
body[data-design=bootleg] .vinyl-hero{display:block;position:absolute;z-index:0;width:clamp(230px,24vw,360px);height:auto;right:7%;top:5%;transform:rotate(9deg);filter:drop-shadow(13px 15px 0 #22241f40);pointer-events:none}body[data-design=bootleg] .intro{position:relative;min-height:385px;isolation:isolate}body[data-design=bootleg] .intro h1,body[data-design=bootleg] .intro-note{position:relative;z-index:1}body[data-design=bootleg] .intro-note{align-self:end}body[data-design=bootleg] .aftershock-art,body[data-design=bootleg] .opal-art{display:none}body[data-design=bootleg] .exhibit-house::after,body[data-design=bootleg] .exhibit-opal::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(var(--disc-angle,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:0;background:repeating-radial-gradient(circle,#171915 0 2px,#33372d 3px 4px,#1f211d 5px 6px);box-shadow:0 0 0 6px #b5bb3c,4px 8px 14px #0008}body[data-design=bootleg] .exhibit-opal::after{box-shadow:0 0 0 6px #f099c1,4px 8px 14px #0008}body[data-design=bootleg] .exhibit-word{font-size:0}body[data-design=bootleg] .exhibit-house .exhibit-word::before,body[data-design=bootleg] .exhibit-opal .exhibit-word::before{position:absolute;left:8px;top:17px;color:#d7f545;font:900 clamp(48px,6vw,88px)/.8 Arial;letter-spacing:-.1em;content:'A SIDE'}body[data-design=bootleg] .exhibit-opal .exhibit-word::before{content:'B SIDE';color:#f099c1;top:auto;bottom:26px}body[data-design=bootleg] .house-model{z-index:1}body[data-design=bootleg] .specimen{transform:rotate(-2deg)}body[data-design=bootleg] .specimen-opal{transform:rotate(2deg)}body[data-design=bootleg] .round-action{border-radius:0}
body[data-design=petri] .petri-art{display:block;object-fit:contain;width:100%;height:100%;z-index:0;opacity:.95}body[data-design=petri] .exhibit-house .petri-art{clip-path:circle(var(--growth-radius,44%) at center);transition:clip-path .6s ease}body[data-design=petri] .exhibit-opal .petri-art{transform:rotate(30deg);opacity:.72;filter:hue-rotate(34deg) saturate(.72)}body[data-design=petri] .aftershock-art,body[data-design=petri] .opal-art{display:none}body[data-design=petri] .exhibit{background:transparent;border:0;box-shadow:none}body[data-design=petri] .orbit{z-index:1;inset:10%;border-color:#1d5b2530;pointer-events:none}body[data-design=petri] .house-model{z-index:2}body[data-design=petri] .round-action{left:calc(50% - 41px);bottom:14px;width:82px;height:39px;border-radius:30px;font-size:17px;background:#d7f545}body[data-design=petri] .lab-tag{z-index:2}
body[data-design=petri] .model-blue{fill:#779b4a}body[data-design=petri] .model-front{fill:#cad8af}body[data-design=petri] .model-side{fill:#93ad85}body[data-design=petri] .model-top{fill:#f2f8e4}body[data-design=petri] .model-dark{fill:#30563d}
body[data-design=aftershock] dialog{background:#f3f3e9;box-shadow:9px 9px 0 #294ce0}body[data-design=aftershock] .dialog-heading{background:#294ce0;color:#fff;border-color:#294ce0}body[data-design=aftershock] .dialog-close{color:#fff;border-color:#fff}body[data-design=aftershock] .mutation{background:#d9e1ff}body[data-design=aftershock] .skill-actions button{background:#d8e5ff}
body[data-design=bootleg] dialog{background:#f2eedf;box-shadow:11px 11px 0 #d7f545;transform:rotate(-.4deg)}body[data-design=bootleg] .dialog-heading{background:#f099c1}body[data-design=bootleg] dialog h2{font-weight:900;letter-spacing:-.09em}body[data-design=bootleg] .mutation{background:#d7f545}body[data-design=bootleg] .skill-actions button{background:#f099c1}
body[data-design=petri] dialog{background:#edf3e5;border:1px solid #244c32;color:#244c32;box-shadow:0 14px 50px #153f2e66;border-radius:20px}body[data-design=petri] .dialog-heading{background:#d7e6d2;border-bottom:1px solid #244c3240;color:#244c32}body[data-design=petri] .dialog-close{border-color:#244c32;border-radius:50%;color:#244c32}body[data-design=petri] dialog h2{font-family:'Songti SC','STSong',serif;font-weight:500}body[data-design=petri] .mutation{background:#d9e9d1;border-radius:12px}body[data-design=petri] .skill-boundary{background:#dce8d9}body[data-design=petri] .skill-actions a{background:#244c32}body[data-design=petri] .skill-actions button{background:#d9e9d1}body[data-design=petri] #install-prompt{background:#f8fbf3}
@media(max-width:1050px){body[data-design=bootleg] .vinyl-hero{width:26vw;top:8%}body[data-design=bootleg] .intro-note{z-index:2}}
@media(max-width:700px){body{padding-bottom:62px}.quick-index{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 23px}.quick-index a{min-width:0;display:flex;flex-direction:column;gap:5px;min-height:65px;padding:10px;border:1px solid var(--ink);background:#f6f5e9;font-size:12px}.quick-index strong{font:9px var(--mono);overflow-wrap:anywhere}.quick-index a:hover{background:var(--acid)}.intro{padding:25px 0 15px}.intro-note{margin-top:16px}.review-dock{height:60px;flex-direction:row;padding:6px 4%;gap:6px}.design-switcher{flex:1;min-width:0;gap:3px}.design-switcher button{min-width:0;padding:7px 4px;font-size:9px;min-height:42px}.design-switcher button span{display:none}.idea-button{flex:none;min-height:42px;padding:6px 4px;font-size:0;white-space:nowrap}.idea-button::before{content:'灵感 ↗';font:10px sans-serif}.idea-button span{display:none}.desktop-hint{display:none}.touch-hint{display:inline}.round-action{min-width:71px;height:40px;font-size:18px}.round-action .action-caption{font-size:9px}body[data-design=aftershock] .exhibit-house .aftershock-art{object-fit:cover}body[data-design=bootleg] .intro{min-height:0;padding-bottom:28px}body[data-design=bootleg] .vinyl-hero{width:150px;right:-11px;top:16px;opacity:.92}body[data-design=bootleg] .intro h1{position:relative;z-index:1}body[data-design=bootleg] .intro-note{z-index:2;margin-top:18px}body[data-design=bootleg] .quick-index a{background:#d7f545}body[data-design=bootleg] .exhibit-house::after,body[data-design=bootleg] .exhibit-opal::after{width:220px;height:220px}body[data-design=bootleg] .exhibit-house .exhibit-word::before,body[data-design=bootleg] .exhibit-opal .exhibit-word::before{font-size:60px}body[data-design=petri] .quick-index a{background:#f0f7e9;border-color:#4c714c}body[data-design=petri] .intro{padding-bottom:17px}body[data-design=petri] .exhibit{margin-top:12px}}
@media(max-width:360px){.quick-index strong{font-size:8px}.design-switcher button{font-size:8px}}
@media(prefers-reduced-motion:reduce){body[data-design=petri] .exhibit-house .petri-art{transition:none}}