:root{--bg:#111110;--ink:#f0efe8;--lime:#d7ff39;--muted:#93938b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;border-bottom:1px solid #383832}.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:-2px}.brand span{display:block;font:10px Arial;letter-spacing:1px;margin-top:5px}button{border:1px solid #51514a;background:transparent;color:inherit;padding:12px 18px}button:hover{border-color:var(--lime);color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}main{max-width:1400px;margin:auto}section{padding:65px 6%}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:700}h1{font-size:clamp(64px,10.7vw,150px);line-height:.86;letter-spacing:-.065em;margin:30px 0 35px;position:relative}h1 i{font-style:normal;color:var(--lime)}.edition{position:absolute;font-size:11px;line-height:1.6;letter-spacing:2px;right:0;top:0;border:1px solid #555;padding:12px;transform:rotate(5deg)}h2{font-size:clamp(25px,3vw,40px);letter-spacing:-1px;margin:15px 0 20px}p{line-height:1.9;font-size:14px}.hero-bottom{display:flex;align-items:center;justify-content:space-between}.hero-bottom h2{font-size:32px}.lime{background:var(--lime);color:#111;border-color:var(--lime);font-weight:bold;margin-top:12px}.lime:hover{background:#eefda9;color:#111}.art{width:38%;max-width:340px;transform:rotate(-8deg)}.art svg{width:100%;filter:drop-shadow(9px 12px 0 #000)}.ticker{background:var(--lime);color:#111;white-space:nowrap;overflow:hidden;font-size:17px;font-weight:bold;letter-spacing:2px;padding:17px 0;transform:rotate(-1deg)}.section-head{display:flex;justify-content:space-between;align-items:end}#total{font-size:40px;font-weight:800;color:var(--lime)}.progress{height:4px;background:#3b3b35}#bar{height:100%;background:var(--lime);transition:width .4s}.muted,small{color:var(--muted);font-size:12px;line-height:1.8}.tabs{display:flex;border-bottom:1px solid #444;margin:28px 0;gap:25px}.tabs button{border:0;padding:15px 0;color:var(--muted);font-size:14px}.tabs button.active{color:var(--lime);border-bottom:3px solid var(--lime)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#1b1b18;border:1px solid #363630;text-align:left;padding:22px;min-height:200px;position:relative}.card svg{width:130px;height:125px;display:block;margin:15px auto}.card.locked{background:transparent;color:#707069;border-style:dashed}.card.locked svg{opacity:.15;filter:grayscale(1)}.card .number{font:11px monospace;letter-spacing:1px}.card h3{margin:12px 0 5px;font-size:19px}.card p{font-size:12px;margin:0}.badge{position:absolute;right:18px;top:18px;font-size:10px;color:var(--lime)}.glyph{font-size:50px;display:block;margin:20px 0;color:var(--lime)}.story{border-top:1px solid #3b3b35;display:grid;grid-template-columns:1fr 1fr;gap:60px}.story h2{line-height:1.5}.story li{padding:12px 0;font-size:14px}ol{padding-left:20px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:20px}.locations article{border:1px solid #45453b;padding:30px}.locations span{font:11px monospace;color:var(--lime)}.partner{background:#24281a}footer{border-top:1px solid #444;padding:40px 6%;display:flex;gap:24px;align-items:center;flex-wrap:wrap}footer p{font-size:10px}footer button{font-size:11px}.mobile{display:none}dialog{background:#1a1a17;color:var(--ink);border:1px solid #75756a;width:min(520px,92vw);max-height:90vh;padding:35px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{float:right;padding:3px 11px;font-size:25px}dialog h2{font-size:28px}dialog svg{width:150px;display:block;margin:20px auto}input{width:100%;background:#111;border:1px solid #666;color:white;padding:15px;font:inherit;margin:10px 0}dialog .samples{display:grid;gap:8px;margin:20px 0}dialog button{min-height:44px}dialog video{width:100%}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--lime);color:#111;padding:14px 22px;display:none;z-index:10;font-size:13px;width:max-content;max-width:90%}.music-link{display:inline-block;padding:13px;border:1px solid var(--lime);color:var(--lime);margin:12px 0}@media(max-width:650px){header{padding:20px 6%}.brand{font-size:28px}section{padding:42px 6%}h1{font-size:16vw;margin:30px 0;letter-spacing:-.07em}.edition{font-size:8px;right:0;top:-25px;padding:6px}.hero-bottom{gap:5px}.hero-bottom h2{font-size:24px}.hero-bottom p{font-size:11px}.hero-bottom button{font-size:12px;padding:13px}.art{width:40%;flex-shrink:0}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:15px;min-height:190px}.card svg{width:100px;height:100px}.card h3{font-size:16px}.badge{right:10px;top:15px;font-size:8px}.tabs{gap:17px}.tabs button{font-size:12px}.story,.locations{grid-template-columns:1fr;gap:25px}.story h2{font-size:28px}footer{padding-bottom:110px}.mobile{display:flex;position:fixed;bottom:0;background:#151512f5;border-top:1px solid #555;width:100%;justify-content:space-around;align-items:center;padding:12px 8px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:3;font-size:12px}.mobile button{background:var(--lime);color:#111;border:0}.ticker{font-size:13px}#total{font-size:30px}}
/* Ink, paper and the colors collected along the way. */
:root{--accent:#dedbd2;--lime:var(--accent);--collection-spectrum:linear-gradient(100deg,#dedbd2,#dedbd2)}body{background:#101010}.hero{position:relative;isolation:isolate}h1 i{background:var(--collection-spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}.ticker{background:#1c1c19;color:var(--accent);border-block:1px solid #55554b}.lime,.mobile button{background:var(--collection-spectrum);color:#111}.progress #bar{background:var(--collection-spectrum)}.eyebrow{color:var(--accent)}.card:not(.locked){border-top:2px solid var(--item-color);background:linear-gradient(150deg,color-mix(in srgb,var(--item-color) 9%,#181817),#181817 65%)}.card:not(.locked) .badge,.card:not(.locked) .glyph{color:var(--item-color)}.art{background:none;border:0;padding:0;transform:rotate(-8deg)}.art:hover{border:0}svg{transform-origin:50% 88%}.daruma-touch{border:0;display:block;margin:auto;padding:0;background:none;width:160px}.daruma-touch svg{width:100%;margin:15px auto}.garden{position:relative;z-index:-1;margin:42px -3% -42px;padding:24px 3% 0;border-top:1px solid #474740;min-height:165px}.garden-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.garden-heading h3{font:11px monospace;letter-spacing:2px;margin:0}.garden-heading p{font-size:11px;color:#a8a89e;margin:0}.garden-plants{display:flex;align-items:end;justify-content:space-evenly;min-height:140px;gap:8px;overflow:hidden}.garden-plant{width:90px;flex:0 1 90px;transform-origin:center bottom}.garden-flower{display:block;width:100%;max-height:150px;transform:rotate(var(--lean,0deg))}.garden-plant span{display:block;text-align:center;font-size:9px;color:#a9a99c;padding:7px 0}.garden[data-stage="1"] .garden-plants{justify-content:flex-start}.garden[data-stage="3"] .garden-plants{max-width:65%}.garden[data-stage="5"] .garden-plants{min-height:175px}.garden[data-stage="10"]{border-color:var(--accent)}.garden[data-stage="10"] h3{color:var(--accent)}.garden[data-stage="10"] .garden-plants{min-height:190px}.new-bloom{animation:garden-open .8s both;animation-delay:var(--delay)}@keyframes garden-open{from{opacity:0;transform:translateY(25px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}#opening{position:fixed;inset:0;z-index:100;background:#101010;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#opening[hidden]{display:none}.opening-flowers{display:flex;max-width:85%;gap:8px}.opening-flowers>span{width:65px;animation:opening-bloom .6s both;animation-delay:var(--delay)}@keyframes opening-bloom{from{opacity:0;transform:scale(.25) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.opening-logo{text-align:center;animation:logo-reveal .6s .9s both}.opening-logo>span{font:60px Georgia;letter-spacing:-4px}.opening-logo small{display:block;letter-spacing:2px;font-size:10px}.opening-logo p{font-size:10px;letter-spacing:3px}#opening button{margin-top:20px;font-size:12px}@keyframes logo-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#celebration{max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;inset:0;border:0;padding:0;background:#111e;overflow:hidden}#celebration::backdrop{background:#0008}.fx-close{position:absolute;right:6%;top:30px;z-index:2}.fx-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;pointer-events:none}.fx-center small{font-size:10px;letter-spacing:2px;max-width:80%}.stamp{font-size:clamp(35px,7vw,90px);letter-spacing:-3px;color:var(--fx-color);border:4px solid currentColor;padding:12px 18px;transform:rotate(-7deg);margin:35px 0 12px;animation:stamp-hit .5s both;mask-image:repeating-linear-gradient(174deg,#000 0 5px,#000a 5px 6px,#000 6px 11px)}@keyframes stamp-hit{0%{opacity:0;transform:scale(1.7) rotate(-17deg)}65%{opacity:1;transform:scale(.96) rotate(-7deg)}100%{transform:scale(1) rotate(-7deg)}}.fx-center p{font-size:11px;letter-spacing:2px}.fx-particles{position:absolute;inset:0;pointer-events:none}.fx-particles span{position:absolute;left:var(--x);top:20%;color:var(--tone);font-size:30px;animation:petal-fall 1.8s ease-out both;animation-delay:var(--delay)}@keyframes petal-fall{from{opacity:0;transform:translateY(-50px) rotate(0) scale(.4)}20%{opacity:.85}to{opacity:0;transform:translateY(55vh) rotate(var(--r)) scale(.8)}}#celebration[data-kind="daruma"] .fx-particles span{top:60%;animation:color-orbit 2s both}@keyframes color-orbit{from{opacity:0;transform:translateY(70px) scale(.4)}40%{opacity:.8;transform:translateY(-150px) scale(1.8)}to{opacity:0;transform:translateY(-200px) scale(.2)}}#celebration[data-kind="song"] .fx-particles span{top:55%;font-size:100px;animation:setlist-rise 1.8s both}@keyframes setlist-rise{from{opacity:0;transform:scaleY(.1)}40%{opacity:.8;transform:scaleY(1.4)}to{opacity:0;transform:scaleY(.2)}}.flower-wreath{width:170px;animation:opening-bloom 1.1s both}.flower-wreath+.stamp{border:0;margin-top:0}footer #motion-preview{font-size:11px}@media(max-width:650px){.garden-plants{min-height:125px;gap:3px}.garden-plant{min-width:0}.garden[data-stage="3"] .garden-plants{max-width:85%}.garden[data-stage="10"] .garden-plants{flex-wrap:wrap;min-height:170px}.garden[data-stage="10"] .garden-plant{flex-basis:17%;max-width:60px}.garden-plant span{font-size:8px}.garden-heading p{font-size:10px}.opening-flowers>span{width:40px}.fx-center small{letter-spacing:1px}.stamp{letter-spacing:-2px;padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fx-particles{display:none}.new-bloom{opacity:1;transform:none}#opening{display:none!important}}
.garden-preview{z-index:0;margin:10px 0;min-height:200px}.garden-preview .garden-plants{flex-wrap:wrap;max-width:100%!important}.garden-preview .garden-plant{flex-basis:18%;max-width:80px}
body{overflow-x:clip}.lime:hover{background:var(--accent);color:#111}.partner{background:#22221e}@media(max-width:650px){h1{font-size:14.2vw}.garden-heading{align-items:start}.garden-heading p{max-width:60%;text-align:right}}
/* The living poster: quiet motion at the margins. */
#ambient{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}main,header,footer{position:relative;z-index:2}.ambient-petals span,.intro-petals i{position:absolute;top:-30px;left:var(--left);width:7px;height:13px;background:var(--tone);border-radius:80% 0 80% 0;opacity:0;animation:quiet-fall var(--duration,24s) linear infinite;animation-delay:var(--wait)}@keyframes quiet-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}12%{opacity:.23}85%{opacity:.17}100%{opacity:0;transform:translate3d(35px,105vh,0) rotate(240deg)}}.edge-vine{position:absolute;width:clamp(22px,4vw,60px);height:100%;bottom:0;opacity:.3;overflow:visible}.edge-vine.side-0{left:0}.edge-vine.side-1{right:0;transform:scaleX(-1)}.vine-stem{fill:none;stroke:#7c8e75;stroke-width:1.3;stroke-dasharray:1100;stroke-dashoffset:0;animation:vine-grow 25s ease-out both}.vine-leaves{fill:none;stroke:#7c8e75;stroke-width:1}.vine-bloom{opacity:.15;animation:vine-flower 22s ease-in-out infinite;animation-delay:var(--wait);transform-box:fill-box;transform-origin:center}@keyframes vine-grow{from{stroke-dashoffset:1100;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes vine-flower{0%,30%,100%{opacity:.12;scale:.65}50%,75%{opacity:.8;scale:1}}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .ambient-petals,.motion-off #opening{display:none!important}.motion-off .vine-bloom{opacity:.5}.motion-idle *{animation-play-state:paused!important}#motion-toggle[aria-pressed="true"]{border-color:#777;color:#aaa}.design-link{font-size:12px;border-bottom:1px solid #666;padding:12px 0}#opening{z-index:1000}.intro-daruma{position:absolute;top:22%;width:165px;animation:intro-rock 1.2s both;transform-origin:center 90%}.intro-daruma svg{width:100%}@keyframes intro-rock{0%{opacity:0;transform:translateY(25px) rotate(-12deg)}20%{opacity:1;transform:rotate(12deg)}45%{transform:rotate(-10deg)}65%{transform:rotate(6deg)}85%,100%{opacity:1;transform:rotate(0)}}.intro-ring{position:absolute;top:33%;left:50%;width:0;height:0}.intro-ring span{position:absolute;left:0;top:0;color:var(--tone);font-size:42px;opacity:0;animation:ring-bloom .6s both;animation-delay:var(--wait);--radius:145px;transform:rotate(var(--turn)) translateX(var(--radius)) rotate(calc(-1*var(--turn)))}@keyframes ring-bloom{from{opacity:0;scale:.3}to{opacity:.8;scale:1}}.intro-petals{position:absolute;inset:0;pointer-events:none}.intro-petals i{top:18%;animation:intro-scatter 1.4s ease-out both;animation-delay:var(--wait)}@keyframes intro-scatter{from{opacity:0;transform:translateY(20px) rotate(0)}20%{opacity:.65}to{opacity:0;transform:translateY(55vh) rotate(250deg)}}.intro-wordmark{position:absolute;top:64%;width:90%;text-align:center;animation:logo-reveal .45s 2.1s both}.intro-wordmark b{font-size:clamp(23px,4vw,42px);letter-spacing:-1px;line-height:1.05;display:block}.intro-wordmark small{display:block;font-size:11px;letter-spacing:2px;color:#b8b8ab;margin-top:16px}.intro-wordmark>span{font:22px Georgia;display:block;margin-top:12px}#opening>button{position:absolute;bottom:5%;right:6%}#opening[data-version="short"] .intro-daruma{animation-duration:.6s;top:20%}#opening[data-version="short"] .intro-ring,#opening[data-version="short"] .intro-petals{display:none}#opening[data-version="short"] .intro-wordmark{animation-delay:.3s;top:60%}.studio-title{font-size:clamp(44px,7vw,100px);line-height:.95;letter-spacing:-4px}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:32px 0}.design-card{text-align:left;background:#191917;padding:20px;min-width:0;border:1px solid #42423a}.design-card>span{font:10px monospace;letter-spacing:1px}.design-card>div{height:210px;display:flex;align-items:center;justify-content:center;margin:20px 0}.design-card svg{width:100%;height:100%;max-width:240px}.design-card small{font-size:10px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.swatches button{width:32px;height:32px;border-radius:50%;padding:0;background:var(--swatch);border:3px solid #111;outline:1px solid #555}.swatches button[aria-pressed="true"]{outline:2px solid #eee;outline-offset:3px}.enlarged-daruma{height:300px;display:flex;justify-content:center;margin:20px 0}.enlarged-daruma svg{height:100%;width:100%}#detail-close{float:right}#selection{font-size:13px;border-top:1px solid #444;padding-top:20px}@media(max-width:850px){.design-grid{grid-template-columns:repeat(2,1fr)}.design-card>div{height:180px}}@media(max-width:650px){.edge-vine{opacity:.18;width:20px}.ambient-petals span:nth-child(n+11){display:none}.intro-ring span{--radius:115px;font-size:30px}.intro-daruma{width:140px}.design-card{padding:13px}.design-card>span{font-size:9px}.design-card>div{height:150px}.studio-title{font-size:12vw;letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){.ambient-petals{display:none}.vine-stem{stroke-dashoffset:0}.vine-bloom{opacity:.5}}
/* Approved raster: source art is preserved; reveals expose the original pixels. */
#hero-art{width:42%;max-width:390px;transform:none}
#hero-art .real-daruma{filter:none;transform-origin:50% 87%}
.real-daruma{width:100%;height:auto;display:block;transform-origin:50% 87%}
.intro-daruma:has(.real-daruma){width:clamp(190px,32vh,280px);top:12%}
.real-flower-reveal{clip-path:circle(0% at 50% 46%);animation:real-flower-open .9s .7s both}
.real-vines-reveal{clip-path:inset(100% 0 0);animation:real-vines-grow 1.2s .8s both}
@keyframes real-flower-open{from{clip-path:circle(0% at 50% 46%)}to{clip-path:circle(100% at 50% 46%)}}
@keyframes real-vines-grow{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
#opening[data-version="short"] .real-flower-reveal,#opening[data-version="short"] .real-vines-reveal{animation:none;clip-path:none}
.motion-off .real-flower-reveal,.motion-off .real-vines-reveal{clip-path:none}
@media(prefers-reduced-motion:reduce){.real-flower-reveal,.real-vines-reveal{animation:none;clip-path:none}}
@media(max-width:650px){#hero-art{width:45%}.intro-daruma:has(.real-daruma){width:min(220px,56vw);top:14%}.card .real-daruma{width:100px;height:100px}.daruma-touch{width:180px}}
#hero-art{padding:0;border:0}
/* Color remains present before collecting; actual garden flowers stay earned. */
.garden{z-index:0}
.lime,.mobile button{background:#e8cc79;color:#101010;border-color:#e8cc79}
.lime:hover{background:#f5df9e;color:#101010}
.ambient-petals span{width:8px;height:14px}
@keyframes quiet-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}12%{opacity:.5}85%{opacity:.36}100%{opacity:0;transform:translate3d(35px,105vh,0) rotate(240deg)}}
.edge-vine{opacity:.65;width:clamp(24px,3.5vw,46px)}
.vine-stem{stroke:#69a96a;stroke-width:2;vector-effect:non-scaling-stroke;animation-duration:12s}
.vine-leaves{stroke:#7db775;stroke-width:1.2;vector-effect:non-scaling-stroke}
.vine-leaves path{fill:#4c794e;fill-opacity:.35}
.vine-bloom{opacity:.5}
@keyframes vine-flower{0%,30%,100%{opacity:.4;scale:.8}50%,75%{opacity:1;scale:1}}
.motion-off .edge-vine{opacity:.65}
@media(max-width:650px){.edge-vine{opacity:.5;width:20px}.ambient-petals span{width:6px;height:11px}}
@media(prefers-reduced-motion:reduce){.edge-vine{opacity:.6}}
.scene-note{font-size:12px;color:#c5c0aa;line-height:1.8}

/* Denser living border; keep the center and controls clear. */
.edge-vine{width:clamp(30px,4.2vw,64px)}
.vine-secondary{stroke:#85ba70;stroke-width:1.5;opacity:.8;animation-delay:-3s;animation-duration:16s}
.vine-tertiary{stroke:#4c995f;stroke-width:1.4;opacity:.75;animation-delay:-5s;animation-duration:20s}
@media(max-width:650px){.edge-vine{width:22px}.ambient-petals span:nth-child(-n+10){display:block}.ambient-petals span:nth-child(n+11){display:none}}
