:root{color-scheme:dark;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#e7ede7;background:#101b24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100dvh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus-visible{outline:2px solid #dcf3cf;outline-offset:5px}button:active{transform:scale(.95)}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}header{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));pointer-events:none;display:flex;flex-direction:column;gap:9px}.wordmark{font-size:21px;letter-spacing:-.6px;color:#deece4}.mark{margin-left:9px;font-size:24px;color:#c4da9c}#chapter{font-size:10px;letter-spacing:4px;color:#8baba9;padding-left:2px}nav{position:absolute;right:calc(max(20px,env(safe-area-inset-right)) + var(--sp-menu-w,0px));top:max(20px,env(safe-area-inset-top));display:flex;gap:7px}nav button{position:relative;width:44px;height:44px;border:1px solid #c2d4c31b;border-radius:50%;background:#192a31a8;font-size:20px;color:#bdcfc8}nav .slash{position:absolute;left:13px;top:21px;width:18px;height:1px;transform:rotate(-45deg);background:#bdcfc8}#sound[aria-pressed="true"] .slash{display:none}#stick{position:fixed;pointer-events:none;width:104px;height:104px;margin:-52px;border-radius:50%;border:1px solid #e0efcf42;background:#c7e4c909;box-shadow:0 0 35px #acc8af0b}#stick i{display:block;width:35px;height:35px;border:1px solid #eff7dd6e;border-radius:50%;position:absolute;left:34px;top:34px;background:#d5e8c425;box-shadow:0 0 15px #b7d8b210}#stick-hint{position:absolute;left:calc(50% - 34px);bottom:max(85px,calc(env(safe-area-inset-bottom) + 60px));width:68px;height:68px;border-radius:50%;border:1px solid #e0efcf22;pointer-events:none}#stick-hint span{position:absolute;left:24px;top:24px;width:18px;height:18px;border-radius:50%;background:#d5e8c425;animation:drift 4s ease-in-out infinite}@keyframes drift{0%,100%{transform:translate(0,0)}40%,60%{transform:translate(14px,-12px)}}#hint{position:absolute;left:20px;right:20px;bottom:max(33px,env(safe-area-inset-bottom));text-align:center;font-size:12px;letter-spacing:.3px;color:#9db5ac;pointer-events:none;transition:opacity .5s}#next-wrap{position:absolute;bottom:max(48px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:16px;white-space:nowrap}#next-wrap>span{font-size:13px;letter-spacing:.5px;color:#b7c8ba}#next{border:1px solid #c8d8ad42;background:#b6c99b17;border-radius:30px;padding:15px 23px;font-size:14px;min-height:48px}#next span{padding-left:18px;color:#e7efc4}dialog{max-width:min(90vw,380px);width:380px;border:1px solid #9daea332;border-radius:24px;background:#182a31;color:#e7ede7;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08161ccc;backdrop-filter:blur(8px)}dialog form{display:flex;flex-direction:column;gap:14px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a4bca6}h1{font-size:23px;font-weight:400;margin:7px 0 15px}dialog button{border:1px solid #afc6ad42;border-radius:12px;background:#bad2ac12;padding:14px;min-height:48px;font-size:14px}dialog p{font-size:12px;line-height:1.8;color:#a9bdb3;margin:12px 0 0}dialog small{color:#677f79;font-size:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:480px){header{top:16px}#stick-hint{display:none}#hint{bottom:12px}#next-wrap{bottom:16px;gap:8px}#next-wrap>span{display:none}}