@font-face{font-family:Golos;src:url('/assets/migration-20261015/golos-medium.ttf');font-weight:500;font-display:swap}
:root{--brand:#d75828;--ease-out:cubic-bezier(.23,1,.32,1);color-scheme:only light;font-family:Golos,sans-serif;background:var(--brand);color:#fff}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0}p,h1{margin:0}button{font:inherit}
.holding{min-height:100svh;display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);padding:max(28px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left))}
.masthead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;font-size:16px;line-height:1.25}
.masthead p:last-child{text-align:right}
.copy{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-block:clamp(24px,5vh,72px)}
h1{font-size:clamp(64px,min(8vw,15svh),128px);line-height:1.04;letter-spacing:-.045em;font-weight:500}
.detail{font-size:clamp(16px,1.4vw,20px);line-height:1.4;max-width:650px;opacity:.94}
.address{font-size:15px;line-height:1.3;opacity:.7}
.playground{margin:0;position:relative}
.logo-toy{position:relative;min-width:0;isolation:isolate;outline:none;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;height:clamp(160px,16.8vw,330px)}
.logo-toy:focus-visible{outline:none}
.logo-toy:focus-visible+figcaption{opacity:1;text-decoration:underline;text-underline-offset:4px}
.physics-layer{position:absolute;top:0;left:0;width:100%;overflow:hidden;pointer-events:none;touch-action:none;z-index:3}
.physics-layer[hidden]{display:none}.pieces-world{display:block;width:100%;height:100%;pointer-events:none;touch-action:none}.pieces-world .pieces>path{pointer-events:visiblePainted;touch-action:none}
.piece-hit{pointer-events:none}
@media(any-pointer:coarse){.piece-hit{pointer-events:all;touch-action:none}}
.toy-art{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.ghost{opacity:.1}.pieces>path{fill:#fff}.toy-art .ghost>path{fill:#fff}
.target-glow>path{fill:#fff;opacity:0;filter:drop-shadow(0 0 var(--glow-size,8px) #fff);transition:opacity 200ms var(--ease-out)}.target-glow>path.is-target{opacity:.25}.target-glow>path.is-ready{opacity:.65}
.toy-cursor{position:absolute;top:0;left:0;width:52px;height:52px;margin:-26px 0 0 -26px;border:1px solid #ffffffa6;border-radius:50%;pointer-events:none;opacity:0;transition:opacity 160ms ease,border-color 160ms ease}
.toy-cursor:after{content:'';position:absolute;inset:23px;background:#fff;border-radius:50%}
.has-pointer .toy-cursor{opacity:.8}.is-magnet .toy-cursor{border-style:dashed;border-color:#fff}
.grain{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:1px;background:#fff;pointer-events:none}
.toy-wave{position:absolute;left:0;top:0;width:32px;height:32px;margin:-16px 0 0 -16px;border:1px solid #fff;border-radius:50%;pointer-events:none}
.toy-status{position:absolute;inset:auto 0 0;text-align:right;font-size:12px;line-height:1.3;pointer-events:none;opacity:.8;min-height:16px}
.playground figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.45;opacity:.75;padding-top:8px}
.touch-hint,.mobile-play{display:none}
@supports(background-clip:text){h1{width:fit-content;max-width:calc(100% + .16em);padding:.1em .08em .18em;margin:-.1em -.08em -.18em;background:linear-gradient(110deg,#ffffffa6 35%,#ffffffcc 43%,#fff 50%,#ffffffcc 57%,#ffffffa6 65%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:strength-sheen 2.6s linear infinite}}
@keyframes strength-sheen{from{background-position:100% 0}to{background-position:0% 0}}
@media(hover:hover) and (pointer:fine){.logo-toy{cursor:crosshair}.logo-toy.is-magnet{cursor:grabbing}}
@media(max-width:767px){
 .holding{--mobile-gap-min:20px;--mobile-gap:var(--mobile-gap-min);min-height:100svh;touch-action:manipulation;padding: max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:var(--mobile-gap)}
 .masthead{grid-template-columns:minmax(0,1fr) auto;gap:20px;font-size:11px;line-height:1.3}.masthead p:nth-child(2){display:none}
 .copy{padding-block:0;gap:var(--mobile-gap);flex:0}h1{font-size:clamp(48px,13vw,88px)}.detail{font-size:14px;line-height:1.4}.address{font-size:12px}
 .desktop-play,.mouse-hint{display:none}.mobile-play,.touch-hint{display:block}
 .mobile-play{flex:0;display:flex;flex-direction:column;gap:var(--mobile-gap);min-height:0}
 .mobile-play .logo-toy{height:auto;aspect-ratio:1;width:100%;max-width:320px;margin-inline:auto}
 .mobile-play .toy-art{width:100%;left:0;top:0;transform:none}
 .playground figcaption{font-size:10px;padding-top:0}.toy-status{bottom:-16px}
}
@media(max-height:580px) and (min-width:768px){.holding{padding-block:20px;gap:16px}.copy{padding-block:12px;gap:12px}h1{font-size:60px}.detail{font-size:15px}.logo-toy{height:145px}}
@media(min-width:768px) and (max-height:800px){.holding{padding:24px;gap:24px}.copy{padding-block:0;gap:16px}h1{font-size:clamp(56px,12svh,96px)}}
@media(orientation:landscape) and (max-height:580px){.holding{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;padding:20px 24px;gap:20px 32px}.masthead{grid-column:1/-1;font-size:11px}.copy{min-width:0;padding:0;gap:var(--mobile-gap,10px)}h1{font-size:clamp(36px,6vw,52px)}.detail{font-size:12px}.address{font-size:11px}.playground{align-self:center;min-height:0}.logo-toy{height:100px}.mobile-play .logo-toy{height:auto;width:min(100%,190px)}.mobile-play .toy-art{width:100%}.playground figcaption{flex-direction:column;gap:4px;font-size:9px}}
@media(max-height:700px) and (max-width:767px) and (orientation:portrait){.holding{--mobile-gap-min:16px}h1{font-size:48px}.mobile-play .logo-toy{max-width:280px}}
@media(prefers-reduced-motion:reduce){h1{animation:none;color:#fff;background:none}.toy-cursor,.grain,.toy-wave,.interaction-hint{display:none}.logo-toy{touch-action:auto;cursor:default}.toy-cursor{transition:none}.physics-layer,.pieces-world,.pieces-world .pieces>path{touch-action:auto}.piece-hit{pointer-events:none}}