:root{color-scheme:light;--paper: #e7dfd2;--paper-deep: #d9d0c2;--ink: #2c2824;--muted: #6d645b;--bamboo: #3f5c49;--bamboo-deep: #2f4636;--card: #f6f1e6;--line: #cfc4b2;--warn: #8a4b32;font-family:Noto Sans,Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Source Han Sans SC,Source Han Sans,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{min-height:100dvh;touch-action:manipulation}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--bamboo-deep)}.fog-bed{position:fixed;left:0;right:0;bottom:0;height:26vh;pointer-events:none;background:radial-gradient(70% 90% at 18% 100%,rgba(255,255,255,.55),transparent 70%),radial-gradient(55% 80% at 82% 110%,rgba(198,214,216,.45),transparent 72%);mix-blend-mode:soft-light}.app,.teaser{position:relative;z-index:1;max-width:560px;margin:0 auto;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}.top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.brand{margin:0;font-size:18px;letter-spacing:.04em}.brand span,.en,.muted{color:var(--muted);font-weight:500}.graybox-tag,.top a{margin:0;font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.auth-btn{min-height:44px;border:0;background:transparent;color:var(--bamboo-deep);padding:0 4px;font:inherit;white-space:nowrap}.auth-notice{margin:0;font-size:13px;line-height:1.4}#auth-form{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));overflow:auto}.auth-providers{display:grid;gap:8px}.auth-or{margin:0;text-align:center;font-size:13px;color:var(--muted)}#auth-linked{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}.brand-btn{min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:15px;padding:0 12px}.brand-mark{width:18px;height:18px;display:inline-flex}.brand-mark svg{width:18px;height:18px;display:block}.brand-google{background:#fff;color:#1f1f1f;border:1px solid #747775}.brand-apple{background:#000;color:#fff;border:1px solid #000}.brand-line{background:#06c755;color:#fff;border:0}.brand-kakao{background:#fee500;color:#000;border:0}.brand-naver{background:#03c75a;color:#fff;border:0}.brand-facebook{background:#1877f2;color:#fff;border:0}.brand-x{background:#000;color:#fff;border:0}.brand-tiktok{background:#010101;color:#fff;border:0}.brand-snapchat{background:#fffc00;color:#000;border:0}#auth-code{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:16px}.locale-select,#locale-select{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);padding:0 8px;font:inherit}.name-row{display:flex;align-items:baseline;gap:8px;margin:0}.panda-name{font-size:20px;font-weight:600}.text-btn{margin-inline-start:auto;min-height:44px;border:0;background:transparent;color:var(--bamboo-deep);padding:0 4px}.sheet[hidden]{display:none}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:#2c282473;display:grid;align-items:end;padding:calc(12px + env(safe-area-inset-bottom)) 12px 12px}.sheet form{width:min(100%,520px);margin:0 auto;background:#f7f3eb;box-shadow:0 16px 40px #2c282433}.sheet h2{font-size:22px}.sheet fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}.sheet legend{font-size:13px;color:var(--muted);padding:0}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.locale-radios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;direction:ltr}.locale-radios label{display:flex;align-items:center;justify-content:center;gap:3px;min-height:40px;padding:4px 2px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;line-height:1.15;text-align:center}.locale-radios input{width:14px;height:14px;margin:0;flex:none}.locale-radios span{unicode-bidi:isolate}.pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-actions button{min-height:48px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink)}#pay-confirm{width:100%}#pay-form{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));overflow:auto}.pay-agree,.site-footer{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}.site-footer{margin-top:8px;text-align:center;overflow-wrap:anywhere}.dev-banner{margin:0;padding:8px 10px;border-radius:12px;background:#f3e2b8;color:var(--ink);font-size:13px;line-height:1.4}#pay-status{margin:0;font-size:13px;color:var(--bamboo-deep)}.pay-manage,[data-pay-cancel]{display:grid;gap:8px}.pay-manage[hidden],[data-pay-cancel][hidden],[data-pay-cancel-confirm][hidden]{display:none!important}[data-pay-cancel-status],[data-pay-cancel-copy],[data-pay-cancel-note]{margin:0;font-size:13px;line-height:1.4;color:var(--bamboo-deep)}[data-pay-cancel-note]{min-height:1.2em}#name-help,#name-error{margin:0;font-size:14px}#name-error{min-height:1.2em;color:var(--warn)}.stage{flex:1 1 auto;min-height:0;display:grid;place-items:center;margin:0;transform:scale(var(--panda-scale, 1));transform-origin:center bottom}.stage img{width:min(100%,440px);max-height:min(40dvh,420px);height:auto;object-fit:contain;border-radius:28px;background:var(--paper-deep);transform-origin:50% 70%}.stage[data-state=idle] img{animation:breathe 3.8s ease-in-out infinite}.stage[data-state=hungry] img{animation:sway 1.15s ease-in-out 1}.stage[data-state=feed] img{animation:nuzzle .9s steps(2,end) 1}.stage[data-state=happy] img{animation:tilt 1.2s ease-out 1}.stage[data-state=sleep] img{animation:breathe 5.6s ease-in-out infinite;filter:saturate(.9)}.stage[data-state=grow] img{animation:swell 1s ease-out 1}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(1.5px) scale(1.012)}}@keyframes sway{0%{transform:rotate(0)}35%{transform:rotate(-1.5deg)}70%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes nuzzle{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(2px)}}@keyframes tilt{0%{transform:rotate(0)}35%{transform:rotate(3.2deg)}to{transform:rotate(1.6deg)}}@keyframes swell{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.stage img{animation:none!important}}#state-label{margin:0;text-align:center;font-size:28px;line-height:1.1}#state-label .en{font-size:14px;margin-left:6px}#hint{margin:0;min-height:2.6em;text-align:center;color:var(--muted);font-size:14px}.hunger{display:grid;gap:4px}.bar{height:8px;border-radius:999px;background:#2c282414;overflow:hidden}#hunger-fill{height:100%;width:100%;transform-origin:left center;background:var(--bamboo)}html[dir=rtl] #hunger-fill{transform-origin:right center}#hunger-readout,#grow-note,.power,.price,#sound-hint,#checkout-note,#clock-readout{margin:0;font-size:13px;color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actions button,.clock button,.ghost,.primary{min-height:48px;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:8px 10px}.actions button{font-size:17px}.actions button.is-ready{background:var(--bamboo);border-color:var(--bamboo);color:#f6f1e6}.clock{margin:0;padding:8px;border:1px dashed var(--line);border-radius:16px}.clock legend{padding:0 6px;font-size:12px;color:var(--muted)}.clock-row{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:6px;align-items:center}.clock button{min-height:44px;border-radius:12px;font-size:13px}.clock button.is-unlocked,.actions button.is-unlocked{outline:2px solid var(--bamboo);outline-offset:1px}.clock button[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}.price{display:flex;justify-content:space-between;align-items:center;gap:8px}.ghost{min-height:36px;border-radius:999px;padding:6px 12px;background:transparent}.primary{background:var(--bamboo);color:#f6f1e6;border-color:var(--bamboo);min-height:48px}.primary:disabled,button:disabled{opacity:.45}.power{line-height:1.45}.teaser{gap:12px}.teaser h1{margin:0;font-size:40px;font-weight:600;letter-spacing:-.03em}.lede{margin:0;font-size:18px;line-height:1.45}.lede.en{color:var(--muted);font-size:16px}form{display:grid;gap:10px;background:#f6f1e6b8;border:1px solid var(--line);border-radius:20px;padding:14px}form h2{margin:0;font-size:18px}label.field{display:grid;gap:6px;font-size:14px}input[type=email]{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:16px}.privacy{display:grid;gap:8px;font-size:13px;line-height:1.5;color:var(--ink)}.privacy p{margin:0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}.consent input{width:22px;height:22px;margin-top:2px;accent-color:var(--bamboo);flex:none}#form-status{min-height:2.8em;font-size:14px}#sound-hint{text-align:center}.legal{position:relative;z-index:1;max-width:40rem;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}.legal h1{margin:8px 0;font-size:32px;font-weight:600;letter-spacing:-.02em}.legal h2{margin:22px 0 6px;font-size:18px;font-weight:600}.legal h3{margin:14px 0 4px;font-size:15px;font-weight:600}.legal p,.legal li{font-size:15px;line-height:1.55}.legal p{margin:0 0 10px}.legal ul,.legal ol{margin:0 0 10px;padding-left:1.25rem}.legal li+li{margin-top:4px}.legal blockquote{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--bamboo);background:var(--card)}.legal blockquote p:last-child{margin-bottom:0}.legal .table-scroll{overflow-x:auto;margin:0 0 12px}.legal table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}.legal th,.legal td{padding:8px 10px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:break-word}.legal th{background:var(--card);font-weight:600}.legal .note{margin-top:16px;color:var(--muted);font-size:13px}.legal .site-footer{margin-top:24px}