:root{--mg-ink:#071b20;--mg-paper:#edf7f4;--mg-glow:#f4aa62;--md-sys-color-primary:#89d4ce;--md-sys-color-on-primary:#073a3b;--md-sys-color-primary-container:#245e61;--md-sys-color-on-primary-container:#b8f2ec;--md-sys-color-secondary-container:#4f3b46;--md-sys-color-on-secondary-container:#ffd9e3;--md-sys-color-surface:#0d252b;--md-sys-color-surface-container:#183339e0;--md-sys-color-surface-container-high:#254247eb;--md-sys-color-outline:#b3caca47;--md-sys-elevation-2:0 3px 8px #0000003d, 0 8px 24px #00000029;--md-sys-elevation-3:0 6px 14px #00000042, 0 16px 36px #0000002e}*{box-sizing:border-box}html,body{overscroll-behavior:none}.mobile-game-page{color:var(--mg-paper);background:radial-gradient(circle at 50% 16%,#18383d 0,#0b2025 48%,#061317 100%);place-items:center;font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.mobile-game{isolation:isolate;background:var(--md-sys-color-surface);-webkit-user-select:none;user-select:none;touch-action:none;width:min(100vw,480px);height:100svh;min-height:520px;position:relative;overflow:hidden;box-shadow:0 0 80px #0000008c}.mobile-canvas,.mobile-canvas canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mobile-grain{z-index:2;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;background:linear-gradient(105deg,#ffffff0d,#0000 25%,#ffffff08 60%,#0000),repeating-linear-gradient(0deg,#0000 0 3px,#14273005 3px 4px);position:absolute;inset:0}.game-edge-focus{z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(64%);background:#04121621;position:absolute;inset:-12px;-webkit-mask-image:radial-gradient(68% 43% at 50% 43%,#0000 0 68%,#00000061 84%,#000 100%);mask-image:radial-gradient(68% 43% at 50% 43%,#0000 0 68%,#00000061 84%,#000 100%)}.mobile-game:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0a13186b 0,#0000 18% 65%,#0b12156e 100%),radial-gradient(circle,#0000 48%,#0f151840 100%);position:absolute;inset:0}.mobile-hud{z-index:8;top:max(14px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:absolute;left:14px;right:14px}.mobile-hud>a,.mobile-hud>button{background:var(--md-sys-color-surface-container);width:46px;height:46px;color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-2);-webkit-backdrop-filter:blur(18px)saturate(125%);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;font:300 27px/1 system-ui,sans-serif;text-decoration:none;display:grid}.mobile-hud>button{font-size:22px}.mobile-hud>div{text-align:center;letter-spacing:.16em;text-shadow:0 1px 12px #141e2473;justify-self:center;gap:3px;display:grid}.mobile-hud span{opacity:.68;font-size:9px;font-weight:600}.mobile-hud strong{letter-spacing:.18em;font-family:PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-size:15px;font-weight:650}.mobile-fragments{z-index:8;top:calc(max(14px, env(safe-area-inset-top)) + 64px);gap:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-fragments i{border:1px solid #ffffffb8;width:7px;height:7px;transition:all .5s cubic-bezier(.2,.8,.2,1);transform:rotate(45deg)}.mobile-fragments i.found{background:#ffe0a8;border-color:#ffe0a8;box-shadow:0 0 14px #ffe0a8}.mobile-fragments.nine{gap:6px}.mobile-fragments.nine i{width:5px;height:5px}.gesture-pill{z-index:8;bottom:calc(max(21px, env(safe-area-inset-bottom)) + 79px);border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container);max-width:calc(100% - 48px);min-height:48px;box-shadow:var(--md-sys-elevation-2);-webkit-backdrop-filter:blur(18px)saturate(115%);white-space:nowrap;pointer-events:none;border-radius:24px;align-items:center;gap:11px;padding:10px 18px 10px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gesture-pill i{border:1px solid #ffffff8f;border-radius:50%;flex:none;width:25px;height:25px;animation:2.1s ease-out infinite touch-pulse;box-shadow:inset 0 0 0 7px #ffffff12}.gesture-pill span{letter-spacing:.08em;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chapter-line{z-index:7;bottom:calc(max(21px, env(safe-area-inset-bottom)) + 137px);color:#e1efecb8;letter-spacing:.04em;text-align:center;text-shadow:0 1px 12px #0f191e80;pointer-events:none;width:min(82%,330px);font-family:PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-size:11px;font-weight:450;line-height:1.7;position:absolute;left:50%;transform:translate(-50%)}.web-controls{z-index:9;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 5px);grid-template-columns:54px 116px 54px;gap:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.web-controls button{color:#fff8ea;-webkit-backdrop-filter:blur(18px)saturate(120%);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#121c21b3;border:1px solid #ffffff47;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:54px;height:54px;padding:0 8px;transition:transform .15s,background .15s,border-color .15s;display:flex;box-shadow:0 12px 32px #050d1138}.web-controls button:hover{background:#232f32d1;border-color:#ffe0aa99}.web-controls button:active{transform:translateY(2px)scale(.97)}.web-controls button:focus-visible{outline-offset:2px;outline:2px solid #ffd894}.web-controls button b{font-size:21px;font-weight:400;line-height:1}.web-controls button small{color:#ffffff94;letter-spacing:.08em;font-size:8px}.web-controls .advance-control{background:#2c3636c7;border-color:#ffdc9e75}.web-controls .advance-control b{letter-spacing:.18em;text-indent:.18em;font-size:13px;font-weight:600}.web-controls .advance-control small{margin-top:3px;font-size:7px}.unified-controls{z-index:9;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 4px);grid-template-columns:repeat(var(--action-count), 58px) 104px;background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-3);-webkit-backdrop-filter:blur(22px)saturate(130%);border:1px solid #c2dcd91a;border-radius:28px;gap:6px;padding:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.unified-controls button{background:var(--md-sys-color-surface-container-high);color:#e7f4f1;height:55px;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 7px;transition:transform .14s,background .14s,color .14s;display:flex}.unified-controls button:hover{background:#446165f5}.unified-controls button:active{transform:translateY(2px)scale(.97)}.unified-controls button:focus-visible{outline-offset:2px;outline:2px solid #ffd894}.unified-controls button b{font-size:19px;font-weight:450;line-height:1}.unified-controls button small{color:#ffffff94;letter-spacing:.04em;white-space:nowrap;font-size:7px}.unified-controls .advance-control{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.unified-controls .advance-control small{color:#073a3ba6}.unified-controls .advance-control b{letter-spacing:.17em;text-indent:.17em;font-size:12px}.unified-love .chapter-line{bottom:calc(max(21px, env(safe-area-inset-bottom)) + 140px)}.unified-love .gesture-pill{bottom:calc(max(21px, env(safe-area-inset-bottom)) + 80px)}.camera-focus-note{z-index:8;bottom:calc(max(28px, env(safe-area-inset-bottom)) + 18px);border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container);color:#e1efecc2;box-shadow:var(--md-sys-elevation-2);letter-spacing:.08em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:10px;padding:10px 15px;font-size:10px;animation:2.1s both camera-note-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.camera-focus-note i{background:#ffe0aa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ffe0aa}@keyframes camera-note-in{0%,to{opacity:0;transform:translate(-50%,5px)}14%,82%{opacity:1;transform:translate(-50%)}}.journey-toast{z-index:9;bottom:calc(max(24px, env(safe-area-inset-bottom)) + 18px);-webkit-backdrop-filter:blur(18px);background:#101b2091;border:1px solid #ffe0aa47;border-radius:28px;align-items:center;gap:13px;width:max-content;max-width:calc(100% - 44px);padding:12px 18px 12px 13px;animation:.6s ease-out both reveal-copy-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #050d1140}.journey-toast>i{border:1px solid #ffd394;border-radius:50%;flex:none;width:27px;height:27px;animation:1.7s ease-in-out infinite touch-pulse;box-shadow:inset 0 0 0 7px #ffd39414,0 0 15px #ffc17038}.journey-toast div{text-align:left;gap:3px;display:grid}.journey-toast small{color:#ffffff7d;letter-spacing:.08em;font-size:8px}.journey-toast strong{color:#fff2d8;letter-spacing:.1em;font-family:Songti SC,STSong,serif;font-size:13px;font-weight:400}.mobile-screen{z-index:12;padding:78px 36px max(42px, env(safe-area-inset-bottom));text-align:center;-webkit-backdrop-filter:blur(7px)saturate(115%);background:linear-gradient(#081f2494,#07181de8),radial-gradient(circle at 50% 30%,#89d4ce26,#0000 43%);flex-direction:column;justify-content:center;align-items:center;animation:.7s cubic-bezier(.2,.75,.25,1) both screen-in;display:flex;position:absolute;inset:0}.mobile-screen p{color:#ffdca3;letter-spacing:.32em;margin:0 0 20px;font-size:9px;font-weight:700}.mobile-screen h1,.mobile-screen h2,.mobile-screen h3{margin:0;font-family:Songti SC,STSong,serif;font-weight:400}.mobile-intro h1{letter-spacing:.12em;text-indent:.12em;font-size:clamp(46px,15vw,68px);line-height:1.15}.mobile-intro h2{color:#ffffffbd;letter-spacing:.12em;margin-top:22px;font-size:15px;line-height:1.9}.mobile-screen>button:not(.mobile-restart){background:var(--md-sys-color-primary);min-width:164px;min-height:50px;color:var(--md-sys-color-on-primary);letter-spacing:.18em;box-shadow:var(--md-sys-elevation-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:25px;margin-top:42px;padding:0 28px;font:500 13px/1 system-ui,sans-serif}.mobile-intro>.mobile-orbit+button{margin-top:18px}.mobile-intro>span{color:#ffffff73;letter-spacing:.08em;margin-top:18px;font-size:9px}.mobile-orbit{border:1px solid #ffe0a859;border-radius:50%;width:94px;height:94px;margin-bottom:30px;animation:9s linear infinite orbit-spin;position:relative}.mobile-orbit:before,.mobile-orbit:after{content:"";border:1px solid #ffffff30;border-radius:50%;position:absolute;inset:17px;transform:rotateX(67deg)}.mobile-orbit:after{transform:rotateY(67deg)}.mobile-orbit i{background:#ffdca3;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;box-shadow:0 0 18px #ffdca3}.mobile-orbit i:first-child{left:-5px}.mobile-orbit i:last-child{background:#d67868;right:-5px;box-shadow:0 0 18px #d67868}.fragment-gem{color:#ffe2aa;text-shadow:0 0 28px #ffe0a6b3;margin-bottom:28px;font-size:58px;line-height:1;animation:2.8s ease-in-out infinite gem-float}.mobile-complete h2,.mobile-final>h1{letter-spacing:.08em;font-size:29px;line-height:1.5}.mobile-complete>span,.mobile-final>h2{color:#ffffffa6;letter-spacing:.08em;margin-top:17px;font-family:Songti SC,STSong,serif;font-size:13px;line-height:1.8}.mobile-ticket{color:#3a3a36;background:linear-gradient(135deg,#fff5def5,#e2d4bcf5);border:1px solid #ffe4b66b;width:min(100%,360px);padding:36px 27px 31px;animation:.72s cubic-bezier(.17,.89,.32,1.25) both ticket-in;transform:rotate(-1.5deg);box-shadow:0 30px 80px #00000047}.mobile-ticket p{color:#af685a;margin-bottom:22px}.mobile-ticket h2{letter-spacing:.08em;font-size:18px}.mobile-ticket h3{margin-top:16px;font-size:23px;line-height:1.55}.mobile-ticket span{letter-spacing:.05em;margin-top:28px;font-size:11px;display:block}.mobile-ticket small{color:#95584f;letter-spacing:.14em;border-top:1px dashed #3a3a3652;margin-top:30px;padding-top:17px;font-size:8px;display:block}.final-city canvas{animation:1.1s ease-out both final-city-in}.reveal-copy{z-index:10;right:0;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;text-shadow:0 2px 18px #050d11cc;flex-direction:column;align-items:center;padding:0 30px;animation:1.2s cubic-bezier(.2,.8,.2,1) both reveal-copy-in;display:flex;position:absolute;left:0}.reveal-copy p{color:#ffc987;letter-spacing:.24em;margin:0 0 13px;font-size:8px;font-weight:700}.reveal-copy h1{letter-spacing:.09em;margin:0;font-family:Songti SC,STSong,serif;font-size:24px;font-weight:400;line-height:1.55}.reveal-copy span{color:#ffffff94;width:min(100%,330px);margin-top:11px;font-family:Songti SC,STSong,serif;font-size:11px;line-height:1.75}.reveal-copy button{background:var(--md-sys-color-primary);min-width:148px;min-height:46px;color:var(--md-sys-color-on-primary);letter-spacing:.14em;box-shadow:var(--md-sys-elevation-2);cursor:pointer;border:0;border-radius:24px;margin-top:19px;font-size:11px}.mobile-restart{bottom:max(20px, env(safe-area-inset-bottom));color:#ffffff80;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:10px;position:absolute}@keyframes touch-pulse{0%{opacity:.35;transform:scale(.75)}45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}@keyframes screen-in{0%{opacity:0;transform:scale(1.035)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes gem-float{50%{transform:translateY(-8px)rotate(8deg)}}@keyframes ticket-in{0%{opacity:0;transform:translateY(32px)rotate(2deg)scale(.93)}}@keyframes final-city-in{0%{opacity:0;filter:blur(8px)}}@keyframes reveal-copy-in{0%{opacity:0;transform:translateY(18px)}}@media (max-height:700px){.mobile-screen{padding-top:60px}.mobile-orbit{width:70px;height:70px;margin-bottom:20px}.mobile-intro h1{font-size:44px}.mobile-intro h2{margin-top:12px;line-height:1.65}.mobile-screen>button:not(.mobile-restart){margin-top:26px}.chapter-line{display:none}.gesture-pill{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 67px)}.web-controls{bottom:max(10px, env(safe-area-inset-bottom))}.web-controls button{height:50px}.unified-controls{bottom:max(8px, env(safe-area-inset-bottom))}.unified-controls button{height:50px}}@media (min-width:700px){.mobile-game{border-radius:28px;height:min(920px,100vh - 32px)}}@media (prefers-reduced-motion:reduce){.gesture-pill i,.mobile-orbit,.fragment-gem{animation:none}.mobile-screen,.mobile-ticket{animation-duration:.01ms}}.unified-love{--md-sys-color-primary:#f0aa94;--md-sys-color-on-primary:#593c3a;--md-sys-color-surface-container:#faf4e6b8;--md-sys-color-surface-container-high:#fffaeec7;--md-sys-color-outline:#4e69692e;color:#30494b;background:#b8d1d2;box-shadow:0 34px 100px #39515447}.mobile-game-page:has(.unified-love){background:radial-gradient(circle at 50% 10%,#f8dfcb 0,#0000 34%),linear-gradient(160deg,#bfd8d7,#91b7b8)}.unified-love .mobile-grain{opacity:.32;mix-blend-mode:soft-light;background:radial-gradient(circle at 25% 20%,#ffffff52,#0000 28%),repeating-linear-gradient(118deg,#0000 0 5px,#ffffff08 5px 6px)}.unified-love:after{background:linear-gradient(#48646629 0,#0000 18% 68%,#455b5c2e 100%),radial-gradient(circle at 50% 45%,#0000 50%,#4b66681f 100%)}.unified-love .game-edge-focus{-webkit-backdrop-filter:blur(5px)saturate(90%);background:#617b7b12}.unified-love .mobile-hud>a,.unified-love .mobile-hud>button{color:#466466;background:#f7efde9e;border:1px solid #ffffff6b;box-shadow:0 10px 28px #4661631f}.unified-love .mobile-hud>div{color:#3f5d5f;text-shadow:0 1px 16px #ffffffa6}.unified-love .mobile-fragments i{border-color:#405b5c75}.unified-love .mobile-fragments i.found{background:#f5aa8f;border-color:#f5aa8f;box-shadow:0 0 13px #ffe0bd}.unified-love .chapter-line{color:#30494bb8;text-shadow:0 1px 12px #ffffffad}.unified-love .gesture-pill,.unified-love .camera-focus-note{color:#435f61;border-color:#ffffff70;box-shadow:0 12px 30px #415b5d21}.unified-love .gesture-pill i{border-color:#4665667a;box-shadow:inset 0 0 0 7px #f0aa941a}.unified-love .unified-controls{background:#f4ecda94;border-color:#ffffff70;box-shadow:0 18px 46px #3d57592e}.unified-love .unified-controls button{color:#3e5d5f}.unified-love .unified-controls button:hover{background:#fffbf0f0}.unified-love .unified-controls button small{color:#36525494}.unified-love .unified-controls .advance-control{color:#583b39;background:#efa58f}.unified-love .unified-controls .advance-control small{color:#4b2f2d99}.unified-love .mobile-screen{color:#314d4f;-webkit-backdrop-filter:blur(5px)saturate(105%);background:radial-gradient(circle at 50% 32%,#ffeecfa3,#0000 34%),linear-gradient(#bed8d6a3,#8fb7b7e0)}.unified-love .mobile-screen p{color:#b76762}.unified-love .mobile-intro h2{color:#304c4eb3}.unified-love .mobile-intro>span{color:#2f4a4c80}.unified-love .mobile-orbit{border-color:#587a7b47}.unified-love .mobile-orbit:before,.unified-love .mobile-orbit:after{border-color:#ffffff61}.unified-love .mobile-orbit i{background:#f2a58f;box-shadow:0 0 20px #ffe3b9}.unified-love .mobile-orbit i:last-child{background:#80bcb6;box-shadow:0 0 18px #d4fff1}.unified-love .reveal-copy{color:#405b5c;text-shadow:0 2px 18px #ffffffd1}.unified-love .reveal-copy p{color:#ad6566}.unified-love .reveal-copy span{color:#304849a8}.unified-love .reveal-copy button{color:#563b39;background:#f2ad96;box-shadow:0 12px 30px #5a544a2e}.unified-love .mobile-final{background:#7ea5a6c7}.unified-love .reveal-restart{z-index:20;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#ffffffc7;-webkit-backdrop-filter:blur(16px);letter-spacing:.12em;cursor:pointer;background:#eef1e547;border:1px solid #ffffff61;border-radius:18px;min-height:44px;padding:0 20px;font-size:10px;transition:transform .35s cubic-bezier(.2,0,0,1),background .35s;position:absolute;transform:translate(-50%);box-shadow:0 12px 32px #2d464726}.unified-love .reveal-restart:hover{background:#fffaef70;transform:translate(-50%)translateY(-3px)}