:root{--sea-hero: #D9CDB8;--sea-shallow: #D9A679;--sea-mid: #206473;--sea-deep: #184059;--plane-1: #FFFFFF;--plane-2: #FFFFFF;--plane-3: #FFFFFF;--badge-live: #3BBFBF;--badge-demo: #88AEC4;--badge-explainer: #D9A679;--badge-link: #D9AB9A;--ink: #184059;--ink-faint: #5C3F1C;--nav-w: 44px}body{margin:0;background:var(--sea-hero);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.sea{position:relative;width:100%;background:linear-gradient(180deg,var(--sea-hero) 0%,var(--sea-shallow) 22%,var(--sea-mid) 55%,var(--sea-deep) 100%)}.sea-layer{position:relative;width:100%;scroll-margin-top:8px}.sea-layer__bg{display:block;width:100%;aspect-ratio:24 / 43;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 6%,black 94%,transparent 100%)}.sea-layer--hero .sea-layer__bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 6%,black 94%,transparent 100%)}.sea-layer--shallow .sea-layer__bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 8%,black 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 8%,black 88%,transparent 100%)}.sea-layer--mid .sea-layer__bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 92%,transparent 100%)}.sea-layer--deep .sea-layer__bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 8%,black 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 8%,black 94%,transparent 100%)}.sea-layer__rooms{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;padding:6vh 0;z-index:1}.sea-hero{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6vh 12px 0;text-align:center;z-index:1}.sea-hero__title{margin:0 0 12px;width:100%;font-family:Hiragino Mincho ProN,Hiragino Mincho Pro,Yu Mincho,YuMincho,"Noto Serif CJK JP","Noto Serif JP",MS Mincho,serif;font-size:clamp(96px,26vw,200px);font-weight:700;letter-spacing:.1em;line-height:1.05;text-align:center;transform:translate(.2em)}.sea-hero__subtitle{margin:0;width:100%;font-family:Hiragino Mincho ProN,Hiragino Mincho Pro,Yu Mincho,YuMincho,"Noto Serif CJK JP","Noto Serif JP",MS Mincho,serif;font-size:clamp(40px,10vw,96px);font-weight:700;letter-spacing:.3em;line-height:1;text-align:center}.sea-hero__title .char,.sea-hero__subtitle .char{display:inline-block;background:linear-gradient(180deg,#fcd34d,#f9a8d4 15%,#fdba74 35%,#f9a8d4 50%,#fb923c,#e879f9 90%,#fcd34d);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:.85}.paper-plane{position:fixed;top:0;left:0;width:clamp(45px,9.6vw,64px);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));pointer-events:none;z-index:3;will-change:transform;color:var(--plane-1)}.paper-plane-rail{visibility:hidden;position:absolute;width:0;height:0;overflow:visible;pointer-events:none}.room-row{position:relative;display:flex;width:100%;transform:translateY(var(--jitter-y, 0px))}.room-row--left,.room-row--right{justify-content:center;padding-left:0;padding-right:0}.room{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#fff;min-width:44px;min-height:44px;max-width:188px;padding:4px 8px;box-sizing:border-box}.room:focus-visible{outline:2px solid var(--plane-1);outline-offset:4px;border-radius:4px}.room__hint{display:block;text-align:center;font-size:clamp(10px,2.4vw,12px);color:#ffffffd9;letter-spacing:.05em;margin-top:4px;pointer-events:none;user-select:none;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.5)}.room__logo{width:clamp(104px,29vw,156px);aspect-ratio:1 / 1;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.room__name{font-size:clamp(14px,3.5vw,18px);font-weight:700;text-align:center;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.5),0 0 12px rgba(0,0,0,.3);word-break:keep-all;overflow-wrap:anywhere}.room__tagline{font-size:11px;color:#ffffffd9;text-align:center;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.4);word-break:keep-all;overflow-wrap:anywhere}.layer-nav{position:fixed;top:50%;right:8px;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;padding:6px 0;background:#d9cdb8ed;backdrop-filter:blur(6px);border-radius:26px;box-shadow:0 2px 8px #18405938}.layer-nav__btn{min-width:44px;min-height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ink-faint);font:inherit;font-size:10px;letter-spacing:.08em;opacity:.55;cursor:pointer;padding:4px;border-radius:999px}.layer-nav__dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);opacity:.45;margin-bottom:2px}.layer-nav__btn[aria-current=true]{opacity:1}.layer-nav__btn[aria-current=true] .layer-nav__dot{background:var(--plane-1);opacity:1;box-shadow:0 0 6px var(--plane-1)}.room--wip{opacity:.65;pointer-events:none;cursor:default}.room__wip-label{font-size:10px;color:#ffffffbf;text-align:center;letter-spacing:.05em;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.4)}.sand-tap{position:absolute;left:0;right:0;bottom:0;height:32%;z-index:2;display:block;background:transparent;-webkit-tap-highlight-color:transparent;cursor:pointer;text-decoration:none}.sand-tap:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-8px;border-radius:4px}#sand-tap-flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:100;transition:opacity .7s cubic-bezier(.4,0,.6,1);will-change:opacity}#sand-tap-flash.on{opacity:.85}@media(prefers-reduced-motion:reduce){#sand-tap-flash{transition:none}#sand-tap-flash.on{opacity:0}}.coral-tap{position:absolute;left:clamp(40px,8vw,60px);bottom:clamp(80px,18%,160px);width:clamp(80px,18vw,120px);height:clamp(80px,18vw,120px);z-index:3;display:block;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;animation:coral-sway 5s ease-in-out infinite;will-change:transform;transform-origin:50% 100%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.coral-tap img{width:100%;height:100%;display:block}.coral-tap:focus-visible{outline:2px solid rgba(255,168,181,.7);outline-offset:4px;border-radius:8px}@keyframes coral-sway{0%{transform:rotate(-12deg)}25%{transform:rotate(-14deg)}50%{transform:rotate(-11deg)}75%{transform:rotate(-13deg)}to{transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.coral-tap{animation:none;transform:rotate(-12deg)}}