:root{color-scheme:light;--ink: #22292b;--paper: #f4f2ea;font-family:Aptos,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:clip}body{color:var(--ink);background:#aeb8ba}body:before{position:fixed;inset:-40px;z-index:-1;content:"";background:linear-gradient(#1d272a3d,#1d272a3d),url(/assets/seals/beach-desktop-base-v2.webp) center / cover no-repeat;filter:blur(28px) saturate(.7);transform:scale(1.08)}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.game{min-height:100svh;display:grid;place-items:center;padding:clamp(0px,2vw,24px)}.scene{position:relative;width:min(1672px,100%);aspect-ratio:1672 / 941;overflow:hidden;border:1px solid rgba(255,255,255,.46);background:#bbc1c0;box-shadow:0 26px 80px #161f2242;isolation:isolate}.scene-picture,.mouth-frames,.mouth-layer{position:absolute;inset:0;display:block;width:100%;height:100%}.scene-photo,.mouth-layer{object-fit:contain;-webkit-user-select:none;user-select:none}.scene-photo{display:block;width:100%;height:100%;opacity:1;transition:opacity .18s ease}.scene.is-loading .scene-photo{opacity:0}.scene-loader{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:10px;color:#22292bb8;background:#bbc1c0;font-family:Georgia,"FangSong",serif;font-size:clamp(.68rem,.9vw,.84rem);letter-spacing:.12em;opacity:0;pointer-events:none;transition:opacity .16s ease}.scene-loader i{display:block;width:min(150px,34vw);height:1px;overflow:hidden;background:#22292b29}.scene-loader i:after{display:block;width:42%;height:100%;content:"";background:#22292ba3;animation:loading-line 1s ease-in-out infinite alternate}.scene.is-loading .scene-loader,.scene.is-error .scene-loader{opacity:1}.scene.is-loading .seal-layer{pointer-events:none}.mouth-frames{z-index:2;pointer-events:none}.mouth-layer{opacity:0;will-change:opacity}.mouth-layer.is-speaking{animation:seal-mouth .82s cubic-bezier(.2,.8,.2,1) both}.scene-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(10,18,20,.24),transparent 25%),linear-gradient(0deg,rgba(10,18,20,.14),transparent 20%)}.title-card{position:absolute;top:clamp(12px,2.1vw,34px);left:clamp(12px,2.1vw,34px);z-index:7;min-width:clamp(190px,21vw,300px);padding:clamp(12px,1.6vw,22px) clamp(14px,1.8vw,25px);border-left:3px solid var(--ink);background:#f4f2eadb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title-card>span{display:block;margin-bottom:6px;font-family:Georgia,serif;font-size:clamp(.48rem,.68vw,.66rem);font-weight:700;letter-spacing:.18em}.title-card h1{margin:0;font-family:"FangSong",STFangsong,serif;font-size:clamp(1.6rem,3.1vw,3.35rem);font-weight:700;line-height:1;letter-spacing:.03em}.controls{position:absolute;top:clamp(12px,2.1vw,34px);right:clamp(12px,2.1vw,34px);z-index:9;display:flex;align-items:stretch;gap:6px}.counter,.control-button{min-height:clamp(38px,4vw,52px);border:1px solid rgba(34,41,43,.72);background:#f4f2eadb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.counter{display:flex;align-items:baseline;gap:10px;padding:7px 13px;transition:opacity .16s ease}.counter[data-state=loading],.counter[data-state=offline]{opacity:.64}.counter[data-state=syncing] strong,.counter[data-state=stale] strong{opacity:.72}.counter span{font-size:.65rem}.counter strong{min-width:1.5ch;font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,2rem);font-variant-numeric:tabular-nums;line-height:1}.control-button{padding:0 14px;cursor:pointer;transition:color .16s ease,background .16s ease}.control-button:hover{color:var(--paper);background:#22292be6}.control-button[aria-pressed=true]{opacity:.72}.sound-icon{margin-right:6px;font-weight:900;letter-spacing:-.16em}.seal-layer{position:absolute;inset:0;z-index:6}.seal-target{position:absolute;padding:0;border:0;border-radius:48%;outline:0;background:transparent;cursor:pointer}.seal-target:focus-visible{outline:2px dashed rgba(244,242,234,.78);outline-offset:3px}.seal-target--1{left:4%;top:42%;width:32%;height:38%}.seal-target--2{left:36%;top:31%;width:22%;height:25%}.seal-target--3{left:62%;top:32%;width:30%;height:21%}.seal-target--4{left:38%;top:54%;width:50%;height:29%}.float-layer{position:absolute;inset:0;z-index:10;overflow:hidden;pointer-events:none}.click-message{position:absolute;max-width:min(240px,52vw);padding:7px 11px;border-radius:999px;color:#fff;background:#14191ab8;box-shadow:0 5px 20px #0c121333;font-size:clamp(.68rem,.9vw,.86rem);line-height:1.2;white-space:nowrap;opacity:0;transform:translate(-50%,8px);animation:click-message 1.15s ease-out forwards}@keyframes seal-mouth{0%{opacity:0}10%{opacity:1}38%{opacity:1}48%{opacity:0}60%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes loading-line{0%{transform:translate(-70%)}to{transform:translate(210%)}}@keyframes click-message{0%{opacity:0;transform:translate(-50%,8px) scale(.94)}16%{opacity:1;transform:translate(-50%,-2px) scale(1)}70%{opacity:1;transform:translate(-50%,-38px) scale(1)}to{opacity:0;transform:translate(-50%,-62px) scale(.98)}}@media(max-width:760px){.game{min-height:100svh;padding:0}.scene{width:100%;border-left:0;border-right:0;box-shadow:none}.title-card{min-width:0;padding:8px 10px;border-left-width:2px}.title-card>span{margin-bottom:2px;letter-spacing:.12em}.title-card h1{font-size:clamp(1.05rem,5vw,1.45rem)}.controls{gap:3px}.counter,.control-button{min-height:32px}.counter{gap:5px;padding:4px 7px}.counter span{font-size:.54rem}.counter strong{font-size:1rem}.control-button{padding:0 8px}.control-button #soundLabel{display:none}.sound-icon{margin:0}}@media(max-width:760px)and (orientation:portrait){body:before{background-image:linear-gradient(#1d272a2e,#1d272a2e),url(/assets/seals/beach-mobile-base-v2.webp)}.game{padding:8px}.scene{width:min(100%,470px);aspect-ratio:941 / 1672;border:1px solid rgba(255,255,255,.46)}.seal-target--1{left:62%;top:23%;width:35%;height:13%}.seal-target--2{left:21%;top:27%;width:72%;height:16%}.seal-target--3{left:1%;top:44%;width:75%;height:18%}.seal-target--4{left:17%;top:61%;width:81%;height:33%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.mouth-layer.is-speaking{animation:none!important;opacity:1!important}.click-message{animation:none!important;opacity:1;transform:translate(-50%,-16px)}.scene-loader i:after{animation:none!important;width:100%}}