:root{color:#7388a6;background:#edf3f8;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #6e83a1;--focus: #5d789d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden}#root{min-height:100dvh}button,a{font:inherit}button{border:0}.homepage{width:100vw;height:100vh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;background:#edf3f8}.artwork,.artwork img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.artwork img{display:block;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.brand-link{position:absolute;z-index:4;top:3.3%;left:4.5%;width:8.5%;height:5.5%;border-radius:8px}.desktop-nav{position:absolute;z-index:4;top:3.2%;right:8.1%;width:29.5%;height:6.2%;display:grid;grid-template-columns:repeat(5,1fr)}.desktop-nav a,.desktop-nav button,.bottom-nav button,.clock-button,.character-hotspot,.mobile-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:transparent;cursor:pointer;text-decoration:none;border-radius:8px;touch-action:manipulation}.desktop-nav a,.desktop-nav button{display:block;width:100%;height:100%}.brand-link:hover,.desktop-nav a:hover,.desktop-nav button:hover,.bottom-nav button:hover,.clock-button:hover,.character-hotspot:hover{background:#6e83a112}:where(a,button):focus-visible{outline:2px solid rgb(93 120 157 / .78);outline-offset:3px}.character-hotspot{position:absolute;z-index:3;left:var(--desktop-left);top:var(--desktop-top);width:var(--desktop-width);height:var(--desktop-height);min-width:44px;min-height:44px;transition:background-color .18s ease,transform .18s ease}.character-hotspot:hover,.character-hotspot:focus-visible{transform:translateY(-2px)}.hotspot-flower:hover,.hotspot-flower:focus-visible{transform:scale(1.008)}.bottom-nav{position:absolute;z-index:4;left:25.2%;bottom:2.9%;width:54.2%;height:7.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:12.5%}.bottom-nav button{width:100%;height:100%}.clock-button{position:absolute;z-index:4;left:3.3%;bottom:2.1%;width:9.3%;min-width:112px;height:8.5%}.mobile-menu-trigger,.mobile-menu{display:none}.easter-egg-message{position:absolute;z-index:8;left:50%;bottom:13%;max-width:min(80vw,560px);padding:11px 18px;transform:translate(-50%,14px);border:1px solid rgb(118 140 170 / .2);border-radius:999px;background:#f8fbfdc2;box-shadow:0 12px 36px #4b627f1a;color:var(--ink);font-size:clamp(.76rem,1.1vw,.95rem);letter-spacing:.08em;line-height:1.5;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease,transform .22s ease}.easter-egg-message.is-visible{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.homepage{min-height:620px}.artwork img{object-position:center}.brand-link{top:2.5%;left:4%;width:34%;height:6%}.desktop-nav{display:none}.mobile-menu-trigger{display:block;position:absolute;z-index:7;right:10.6%;top:2.25%;width:23%;min-width:88px;height:6.4%}.mobile-menu{position:absolute;z-index:6;top:8.5%;right:5.2%;width:min(47vw,190px);padding:8px;display:grid;gap:2px;border:1px solid rgb(111 133 163 / .18);border-radius:14px;background:#f8fbfde6;box-shadow:0 18px 44px #445b7821;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .18s ease}.mobile-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mobile-menu button{min-height:44px;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;letter-spacing:.16em}.mobile-menu button:hover,.mobile-menu button:focus-visible{background:#7187a517}.character-hotspot{left:var(--mobile-left);top:var(--mobile-top);width:var(--mobile-width);height:var(--mobile-height)}.bottom-nav{left:11.2%;bottom:5.4%;width:77.7%;height:8.6%;gap:14%}.clock-button{left:4.6%;bottom:.8%;width:36%;height:7.2%}.easter-egg-message{bottom:16%;width:auto;min-width:min(80vw,300px);font-size:.78rem;padding:10px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}