:root{--blue:#1254ed;--ink:#e9f6ff;--lime:#ddfa6a;--muted:#c0d8ff;--navy:#0432a7;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--ink);background:var(--blue);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.svg-defs{position:absolute;width:0;height:0}.world{min-height:720px;height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 48%,#4f93ff 0,#2268ee 34%,#1254ed 70%);isolation:isolate}.sun-glow{position:absolute;width:42vw;height:42vw;min-width:500px;min-height:500px;left:50%;top:31%;transform:translate(-50%,-20%);border:1px solid #b9eaff38;border-radius:50%;box-shadow:0 0 0 5vw #a6d9ff08,0 0 0 10vw #a6d9ff06;pointer-events:none}.grid-glow{position:absolute;inset:60% 0 0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px;transform:perspective(300px) rotateX(45deg);transform-origin:bottom;pointer-events:none}.topbar{position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:26px 3.5vw;border-bottom:1px solid #c6dcff30;margin:0 2vw}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.5px}.brand svg{width:26px;height:34px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:3px}.top-actions{display:flex;align-items:center;gap:34px;font-size:12px}.weather{display:flex;align-items:center;gap:7px}.weather i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.text-button{background:transparent;color:inherit;padding:9px 0}.text-button span{display:inline-block;color:var(--lime);margin-left:8px}.edition{position:absolute;top:17%;left:6%;font-size:12px;letter-spacing:3px;opacity:.8}h1{position:absolute;left:0;right:0;top:17.5%;margin:0;text-align:center;font-size:clamp(120px,16.9vw,280px);letter-spacing:-.065em;font-weight:900;line-height:1.16;color:#e9f4ff;pointer-events:none}.title-outline{display:none}.hero-wrap{position:absolute;z-index:6;left:50%;top:27%;bottom:9.3%;width:min(48vw,680px);transform:translateX(-50%);pointer-events:none}.hero-wrap img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(black 82%,transparent 99%);filter:drop-shadow(0 8px 28px #0f3ba835)}.hero-tag{position:absolute;left:56%;bottom:17%;font-size:10px;background:#134ab075;border:1px solid #cae4ff44;border-radius:20px;padding:7px 10px;white-space:nowrap;backdrop-filter:blur(10px);transform:rotate(-5deg)}.intro{position:absolute;z-index:9;left:6%;top:45%;pointer-events:none}.tiny-star{font-size:29px;color:var(--lime)}.intro p{font-size:clamp(23px,2.4vw,40px);line-height:1.55;font-weight:700;letter-spacing:-1px;margin:13px 0}.intro-note{font-size:12px;color:var(--muted)}.orbit-quotes{position:absolute;inset:0;pointer-events:none;z-index:8}.orbit-quotes span{position:absolute;left:var(--x);top:var(--y);font-size:clamp(12px,1.25vw,18px);font-weight:600;white-space:nowrap;transform:rotate(var(--a));animation:quote-float 6s ease-in-out infinite;animation-delay:var(--d);color:#e4f3ff;opacity:.78}.orbit-quotes span:nth-child(2){border:1px solid #bbdeff88;padding:10px 16px;border-radius:30px}.orbit-quotes span:nth-child(3){color:var(--lime);font-size:1.55vw}.orbit-quotes span:nth-child(5){font-size:11px;opacity:.5}.bottle{position:absolute;z-index:10;background:transparent;padding:0;width:var(--size);height:calc(var(--size)*2.36);transform:rotate(var(--angle));filter:drop-shadow(9px 14px 10px #03339d38);touch-action:none;user-select:none;cursor:grab;will-change:transform;animation:bob 6s ease-in-out infinite;animation-delay:var(--delay)}.bottle svg{width:100%;height:100%;display:block;pointer-events:none}.bottle:hover{filter:drop-shadow(0 0 14px #b0ebff9a)}.bottle.dragging{animation:none;cursor:grabbing;z-index:20}.bottle:focus-visible{outline:2px dashed var(--lime);outline-offset:8px;border-radius:35px}.water-meter{position:absolute;z-index:9;right:6%;top:43%;width:150px}.water-meter>span:first-child{font-size:12px;letter-spacing:1px}.water-meter strong{display:block;font-size:64px;font-family:Georgia,serif;font-style:italic;line-height:1.4}.water-meter small{font-size:24px;margin-left:4px}.meter-track{height:3px;background:#ffffff38;overflow:hidden;margin:0 0 15px}.meter-track i{display:block;height:100%;background:var(--lime);width:0;transition:width .15s}#water-status{font-size:11px;line-height:1.6;color:var(--muted)}.water{position:absolute;inset:auto 0 0;height:0;z-index:7;pointer-events:none;transition:height .35s ease-out}.water-body{position:absolute;inset:22px 0 0;background:linear-gradient(#6bcbff8c,#206fe7d9);backdrop-filter:blur(3px)}.wave{position:absolute;top:0;left:-25%;width:150%;height:65px;border-radius:50% 50% 0 0;background:#81d6ffc9;animation:wave 4s ease-in-out infinite}.wave-back{top:-12px;background:#baeaff65;animation-delay:-2s}.water>span{position:absolute;top:65px;left:50%;transform:translateX(-50%);font-size:7vw;font-weight:900;color:#d9faff40;white-space:nowrap}.console{position:absolute;z-index:25;bottom:8%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#083eb94d;border:1px solid #bfdaff66;padding:13px 18px 13px 26px;border-radius:16px;backdrop-filter:blur(22px);box-shadow:0 10px 30px #032c8e24}.console-hint{display:flex;gap:17px;align-items:center;font-size:13px;line-height:1.5}.console-hint small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.hint-icon{font-size:30px;transform:rotate(-10deg)}.summon{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:300px;padding:14px 22px;background:var(--lime);color:#113b32;border-radius:10px;box-shadow:0 4px 0 #abc54d;touch-action:none;user-select:none;transition:transform .15s,box-shadow .15s}.summon svg{width:25px;height:28px}.summon>span:nth-child(2){font-size:16px;font-weight:800;text-align:left}.summon small{display:block;font-size:10px;font-weight:400;margin-top:3px;opacity:.7}.summon-arrow{font-size:30px}.summon:active,.summon.active{transform:translateY(3px);box-shadow:0 1px 0 #abc54d}.summon.active{background:#efff9f}.utility{display:flex;gap:10px}.utility button{position:relative;width:42px;height:42px;border:1px solid #a1c5ff70;border-radius:50%;background:transparent;color:var(--ink);font-size:21px}.utility button:hover{background:#c7eaff22}.sound-slash{position:absolute;inset:8px;font-size:25px;color:var(--ink)}footer{position:absolute;z-index:25;bottom:3%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#d9e8ffab}footer button{font-size:10px;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px}.toast{position:absolute;z-index:35;left:50%;top:49%;transform:translate(-50%,-40%) rotate(-3deg) scale(.8);opacity:0;pointer-events:none;transition:opacity .18s,transform .2s;background:#efffad;color:#174222;padding:20px 30px;border-radius:4px;box-shadow:7px 7px 0 #07348b3d;max-width:min(530px,86%);text-align:center;font-weight:800;font-size:clamp(20px,2.2vw,32px);line-height:1.5}.toast small{display:block;font-size:10px;opacity:.65;font-weight:400;margin-top:8px}.toast.show{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}#fx{position:absolute;inset:0;pointer-events:none;z-index:21}.droplet{position:absolute;width:8px;height:12px;background:#c5f7ff;border-radius:60% 60% 60% 0;animation:drop .75s ease-out forwards}.burst-word{position:absolute;color:var(--lime);font-weight:800;font-size:22px;animation:word-rise 1.3s forwards}.paused .bottle,.paused .orbit-quotes span,.paused .wave{animation-play-state:paused}dialog{border:1px solid #c2e6ff70;border-radius:18px;background:#1048c7;color:var(--ink);padding:30px;max-width:620px;width:calc(100% - 32px);max-height:82svh;box-shadow:0 30px 100px #00227270}dialog::backdrop{background:#001744a3;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c7e2ff}.dialog-head .close{font-size:30px;background:none;color:inherit;padding:0 4px}dialog h2{font-size:40px;line-height:1.3;letter-spacing:-1px;margin:25px 0 10px}dialog h2 small{font-size:15px;color:var(--lime);font-weight:400;letter-spacing:0}.dialog-note,dialog p{font-size:13px;line-height:1.9;color:#d0e5ff}#quote-list{margin:22px 0;display:grid;gap:8px}.quote-row{padding:14px 16px;background:#ffffff0a;border:1px solid #b6d8ff28;border-radius:8px;display:flex;gap:18px;align-items:center}.quote-row span{color:var(--lime);font-size:11px}.quote-row p{margin:0;color:var(--ink)}.quote-row.locked p{opacity:.45;font-size:12px}.dialog-return{background:var(--lime);color:#143e33;font-weight:700;padding:14px 20px;border-radius:8px;margin-top:15px;width:100%}@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-17px) rotate(calc(var(--angle) + 4deg))}}@keyframes quote-float{0%,100%{transform:translateY(0) rotate(var(--a))}50%{transform:translateY(-8px) rotate(var(--a))}}@keyframes wave{0%,100%{transform:rotate(-2deg) translateX(-2%)}50%{transform:rotate(2deg) translateX(2%)}}@keyframes drop{to{transform:translate(var(--dx),var(--dy)) rotate(100deg);opacity:0}}@keyframes word-rise{to{transform:translateY(-110px) rotate(-8deg);opacity:0}}
@media(min-width:1600px){.hero-wrap{width:720px}.intro{left:9%}.water-meter{right:9%}.console{left:9%;right:9%}}
@media(max-width:900px){.world{min-height:760px}.topbar{padding:23px 3vw}.weather{display:none}.edition{top:17%;left:5%;font-size:10px}h1{top:22%;font-size:18vw}.hero-wrap{width:63vw;top:31%;bottom:14%}.intro{top:45%;left:5%}.intro p{font-size:23px}.intro-note{display:none}.water-meter{right:5%;width:105px;top:45%}.water-meter strong{font-size:48px}.console{left:4%;right:4%;bottom:9%;padding:12px;gap:15px}.console-hint{font-size:11px;gap:8px}.hint-icon{display:none}.summon{min-width:250px;padding:12px 15px}.utility{gap:6px}.utility button{width:36px;height:36px}.orbit-quotes span:nth-child(3){font-size:15px}footer{font-size:9px;bottom:3%;left:4%;right:4%}footer span:first-child{display:none}}
@media(max-width:600px){.world{height:100svh;min-height:780px}.topbar{padding:20px 3%;margin:0 3%}.brand{font-size:18px;gap:8px}.brand small{font-size:8px}.brand svg{width:22px}.top-actions{font-size:11px}.edition{top:14%;left:7%;letter-spacing:2px}h1{top:19%;font-size:23vw;letter-spacing:-.09em;white-space:nowrap;transform:scaleX(.95)}.hero-wrap{width:93vw;top:29%;bottom:21%;left:47%}.hero-tag{bottom:14%;left:53%;font-size:8px}.intro{top:35%;left:7%}.tiny-star{font-size:22px}.intro p{font-size:17px;line-height:1.5;margin:8px 0}.water-meter{top:35%;right:6%;width:83px}.water-meter>span:first-child{font-size:9px}.water-meter strong{font-size:38px}.meter-track{margin-bottom:7px}#water-status{font-size:9px}.orbit-quotes span:nth-child(1){left:5%!important;top:62%!important;font-size:11px}.orbit-quotes span:nth-child(2){left:55%!important;top:26%!important;font-size:10px;padding:8px 10px}.orbit-quotes span:nth-child(3){left:62%!important;top:67%!important;font-size:11px}.orbit-quotes span:nth-child(4){left:10%!important;top:73%!important;font-size:12px}.orbit-quotes span:nth-child(5){display:none}.console{bottom:8%;padding:10px;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:9px}.console-hint{grid-column:1/-1;justify-content:center;font-size:11px}.console-hint small{display:inline;margin:0 0 0 8px;font-size:9px}.summon{min-width:0;width:100%;padding:10px 12px;gap:10px}.summon>span:nth-child(2){font-size:13px}.summon svg{width:19px}.summon-arrow{font-size:23px}.summon small{font-size:8px}.utility{gap:6px}.utility button{width:30px;height:30px;font-size:17px}.sound-slash{inset:3px}.console-hint .hint-icon{display:none}footer{bottom:2%;gap:10px;align-items:flex-start;line-height:1.6}footer span{max-width:255px;font-size:8px}footer button{font-size:9px;white-space:nowrap}dialog{padding:23px}dialog h2{font-size:32px}.toast{font-size:21px;padding:18px 22px}.water>span{font-size:10vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.droplet,.burst-word{display:none}}