:root{font-family:"Helvetica Neue","PingFang SC",Arial,sans-serif;color:#26252a;background:#eee8e6}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #aea2a7;border-radius:30px;padding:10px 17px;background:#faf7f5;color:#39323a}button:hover{background:#ffe3ef}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ff0068;outline-offset:4px}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #cfc3c6;background:#eee8e688;gap:15px}header a:first-child{font-size:24px;font-weight:900;letter-spacing:-1px;text-decoration:none}header span,header a:last-child{font-size:10px;letter-spacing:1px}main{position:relative;z-index:1;pointer-events:none}section{position:relative;min-height:100svh;padding:6vh 5vw 160px;pointer-events:none}.hero-text{max-width:32%;padding-top:4vh}.hero-text p,article>p:first-child{font-size:11px;letter-spacing:1px;line-height:1.9}.hero-text h1{font-size:clamp(38px,6vw,100px);font-weight:850;line-height:.94;letter-spacing:-4px;margin:24px 0;color:#e90060}.hero-text p:last-child{font-size:14px;letter-spacing:0;line-height:1.8}.scroll{position:absolute;bottom:160px;left:5vw;pointer-events:auto;font-size:12px;text-decoration:none}.info-card{width:46%;margin-top:15vh;background:#fcfaf8f0;padding:40px;border:1px solid #d5c8cc;border-radius:22px;box-shadow:0 35px 60px #67475614;pointer-events:auto}article h2{font-size:clamp(32px,4.3vw,74px);letter-spacing:-2px;line-height:1.15;margin:22px 0}article p{font-size:16px;line-height:1.85}.small{font-size:11px!important;color:#766571}#closing article{margin-top:12vh;width:40%;pointer-events:auto}#zones{position:fixed;inset:90px 0 145px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none;z-index:2}#zones span{border:1px dashed #aa456366;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;color:#864258;font-size:11px;background:#ffa1c003}#controls{position:fixed;z-index:5;bottom:12px;left:16px;right:16px;padding:13px 18px;background:#ffffffeb;backdrop-filter:blur(12px);border:1px solid #d3c4ca;border-radius:16px;box-shadow:0 5px 20px #63414c0f}#controls>div:first-child{display:flex;gap:22px;align-items:center}#region-label{font-size:13px}#phase-label{font-size:12px;color:#8a5770}.options{display:flex;gap:18px;align-items:center;margin-top:9px}.options label{font-size:12px;white-space:nowrap}.options button{font-size:11px;padding:7px 13px}#controls p{font-size:10px;margin-bottom:0;color:#8e7b86;line-height:1.5}dialog{border:1px solid #dbced3;border-radius:22px;padding:36px;width:min(650px,calc(100% - 30px));background:#fffafc;box-shadow:0 20px 60px #65415755}dialog::backdrop{background:#61546244;backdrop-filter:blur(3px)}dialog #detail-close{float:right}dialog h2{font-size:40px;letter-spacing:-1px}dialog p{font-size:14px;line-height:1.8}#no-webgl{position:fixed;inset:35% 10%;background:white;padding:30px;z-index:8}body[data-reduced=true] *{scroll-behavior:auto!important}
#touch-zone{display:none}
@media(max-width:650px){header{padding:17px 20px}header span{display:none}header a:last-child{font-size:9px}section{padding:25px 20px 190px}.hero-text{max-width:100%;padding-top:0}.hero-text h1{font-size:45px;letter-spacing:-2px;margin:15px 0}.hero-text p:last-child{max-width:200px;font-size:11px}.scroll{bottom:195px;left:20px;font-size:11px}.info-card{width:100%;margin-top:30vh;padding:24px;background:#fcfaf8f0}article h2{font-size:32px;letter-spacing:-1px}article p{font-size:13px}#closing article{width:100%;margin-top:37vh}#controls{left:8px;right:8px;bottom:8px;padding:11px 12px}#controls>div:first-child{gap:10px;flex-wrap:wrap}.options{gap:8px;flex-wrap:wrap}.options label{font-size:10px}.options button{font-size:10px;padding:6px 9px}#controls p{font-size:9px}#zones{inset:62px 0 168px}#zones span{font-size:9px}dialog{padding:24px}dialog h2{font-size:30px}#touch-zone{display:block;position:absolute;left:12%;right:12%;top:290px;bottom:205px;pointer-events:auto;touch-action:none;border:1px dashed #a4869622;border-radius:35px}#touch-zone span{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#9e818e;font-size:9px}}

#no-webgl{position:relative;inset:auto;max-width:900px;margin:24px auto;padding:24px;background:#faf8f9;color:#171719}#no-webgl img{display:block;width:100%;height:auto}#no-webgl p{line-height:1.6}canvas[hidden]{display:none!important}@media(pointer:coarse){#feather:not([hidden]){display:block}}