:root{--ink:#493f38;--muted:#96877b;--paper:#f8f5ed;--line:#e9e1d6;--sage:#6d8270;--pink:#e5c0b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #798b79;outline-offset:4px}button{transition:transform .16s,background .16s}button:active{transform:scale(.96)}header{max-width:1320px;margin:auto;min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:20px 44px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:23px;font-weight:850;letter-spacing:-1px}.brand-icon{font-size:45px;color:var(--sage)}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:4px}.header-right{display:flex;align-items:center;gap:24px}.save-label{color:var(--muted);font-size:11px}.save-label:before{content:'✓';margin-right:6px;color:var(--sage)}.sound{border:1px solid var(--line);background:transparent;border-radius:50px;padding:10px 15px}.sound span{font-size:11px;margin-left:5px}main{max-width:1232px;margin:auto;padding:38px 0 22px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--sage);font-weight:800}h1{font-size:31px;letter-spacing:-1.4px;margin:10px 0}p{line-height:1.7}.intro p{color:var(--muted);margin:0;font-size:13px}.heart-wallet{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;background:#eee7d9;border-radius:18px;padding:16px 22px;transform:rotate(3deg)}.heart-wallet>span{color:#bb7d78;font-size:26px}.heart-wallet b{font-size:24px}.heart-wallet small{grid-column:1/3;text-align:center;color:#9c8d7c;font-size:10px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:28px}.home-panel{background:#fffdfa;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #56452b05}.room-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;font-size:12px}.live-dot{display:inline-block;width:7px;height:7px;background:#8a9c78;border-radius:50%;margin-right:5px}#stage-badge{font-size:10px;color:#8c806c;background:#f1ede2;padding:6px 10px;border-radius:20px}.room{height:355px;position:relative;isolation:isolate;overflow:hidden;background:#f0dfcc;background-image:radial-gradient(#9e84661c .7px,transparent .7px);background-size:7px 7px}.floor{position:absolute;bottom:0;width:100%;height:30%;background:#e3cfb3;border-top:3px solid #ba9d7c40}.floor:after{content:'';display:block;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 35px,#ba9d7c28 36px 38px);transform:perspective(100px) rotateX(15deg)}.window{position:absolute;left:7%;top:26px;width:134px;height:134px;border:8px solid #8d795f;border-radius:50%;background:#bddce4;box-shadow:0 0 0 6px #ecd0a1,inset 0 0 0 4px #fff4d0;overflow:hidden;transform:rotate(-3deg)}.window:after,.window:before{content:'';position:absolute;background:#8d795f;z-index:2;left:48%;height:100%;width:7px}.window:after{width:100%;height:7px;left:0;top:47%}.cloud{position:absolute;width:62px;height:22px;background:#fffaf0;border-radius:50px;left:-6px;top:21px}.cloud:after{content:'';position:absolute;background:inherit;width:28px;height:28px;border-radius:50%;left:15px;top:-11px}.cloud-two{left:73px;top:83px}.picture{position:absolute;right:17%;top:42px;width:67px;height:81px;border:6px solid #887454;border-radius:3px;transform:rotate(7deg);background:#cac9da;box-shadow:0 3px #ad957750}.picture:before{content:'';position:absolute;width:24px;height:24px;border:2px solid #9d876a;transform:rotate(45deg);top:-23px;left:16px;z-index:-1}.picture span{color:#f9d197;font-size:36px;position:absolute;left:8px;top:0}.picture div{position:absolute;bottom:0;width:100%;height:24px;background:#a6bec5}.wall-note{position:absolute;right:9%;top:144px;font-size:11px;font-style:italic;color:#ae8e72;transform:rotate(3deg)}.plant{position:absolute;left:8%;bottom:32px;width:60px;height:95px}.plant b{position:absolute;bottom:0;left:12px;width:44px;height:42px;background:#bd8973;border:3px solid #947963;border-radius:4px 4px 15px 15px;transform:rotate(-4deg)}.plant i{position:absolute;left:28px;top:7px;background:#8f9d78;width:19px;height:61px;border-radius:100% 0 100% 0;transform:rotate(-37deg)}.plant i:nth-child(2){left:39px;transform:rotate(22deg);top:0}.plant i:nth-child(3){left:13px;top:25px;transform:rotate(-60deg)}.rug{position:absolute;width:300px;height:95px;bottom:30px;left:50%;transform:translateX(-50%) rotate(-3deg);border:6px solid #b87573;border-radius:50%;background:#d38e85;box-shadow:0 5px #9470561a}.rug:after{content:'';position:absolute;inset:10px;border:2px dashed #edb8a0;border-radius:50%}.pet-button{position:absolute;z-index:3;width:220px;height:172px;border:0;padding:5px;background:var(--pink);border-radius:48% 48% 45% 45%;left:50%;bottom:56px;transform:translateX(-50%);box-shadow:0 9px 0 #b9787226;animation:breathe 3s ease-in-out infinite;overflow:hidden}.pet-button:active{transform:translateX(-50%) scale(.94)}.pet-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pet-button.sleeping{animation:breathe 5s ease-in-out infinite;filter:brightness(.86)}.sleep-z{display:none;position:absolute;right:15px;top:17px;font-weight:bold;color:#796c92;letter-spacing:6px}.sleeping .sleep-z{display:block}.speech{position:absolute;z-index:5;top:108px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#fffdf2;border-radius:16px 16px 16px 4px;font-size:12px;white-space:nowrap;box-shadow:0 3px #a7896420}.room-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:10px;color:#957e66;white-space:nowrap}.decorate{position:absolute;bottom:19px;right:20px;border:1px solid #aa937449;border-radius:50%;width:34px;height:34px;background:#f6ead4a6;font-size:22px;color:#9a7c62}.room.night{background-color:#bbb4c9}.night .floor{background:#bfb0b7}.night .window{background:#817894}.night .cloud{background:#cdc6da}.night .wall-note{color:#746c82}.room.mint{background-color:#dce3cf}.pet-info{padding:22px 26px 12px;display:flex;align-items:center;justify-content:space-between}.species-label{font-size:10px;color:var(--muted)}.name-row{display:flex;gap:10px;align-items:center}.name-row h2{font-size:25px;letter-spacing:-1px;margin:6px 0}.rename{border:0;background:none;font-size:21px;color:#aa9a85}.level{width:142px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.level strong{font-size:13px;color:var(--sage)}.level span{font-size:10px;color:#a69b8d}.xp-track{width:100%;background:#eee9df;border-radius:10px;height:5px}.xp-track i{display:block;height:100%;background:#8a9b77;border-radius:10px;transition:width .5s}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:9px 26px 26px}.stats label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.stats b{font-size:10px;color:#9c8e7c;font-weight:500}.track{height:7px;background:#f0e9df;border-radius:8px;overflow:hidden}.track i{display:block;height:100%;background:#d7b47a;transition:width .5s;border-radius:8px}.pink i{background:#cf9b9c}.purple i{background:#b1a6c9}.blue i{background:#94bac2}.actions{display:grid;grid-template-columns:repeat(4,1fr);padding:0 22px 24px;gap:10px}.actions button{border:1px solid #e8e0d3;background:#f9f5ea;border-radius:14px;padding:16px 4px 13px}.actions button:nth-child(2){background:#f6eeeb}.actions button:nth-child(3){background:#edf2ef}.actions button:nth-child(4){background:#f0edf4}.actions button:hover{transform:translateY(-3px)}.actions button>span{font-size:25px;display:block;margin-bottom:8px}.actions b{display:block;font-size:12px}.actions small{display:block;font-size:9px;color:#a59a8b;margin-top:6px}.friends-panel{border:1px solid var(--line);background:#f0e9de;border-radius:22px;padding:23px 20px 14px}.section-heading h2,.daily-title h2{font-size:16px;margin:0;letter-spacing:-.5px}.section-heading h2 span{margin-left:6px;color:#ab9d8a;font-size:12px;font-weight:400}.section-heading p{font-size:11px;color:#9a8c7b;margin:8px 0 20px}.friend-group{margin-bottom:18px}.friend-group h3{font-size:11px;margin:0 0 9px;font-weight:500;color:#867862}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.friend{border:1.5px solid transparent;background:#faf5ed;border-radius:14px;min-width:0;padding:4px 4px 8px;position:relative}.friend.selected{border-color:#839078;background:#fffdf6;box-shadow:0 0 0 2px #84927715}.friend.selected:after{content:'✓';position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#859278;color:white;font-size:10px;line-height:16px}.friend img{display:block;width:100%;height:59px;object-fit:contain;background:var(--pink);border-radius:10px;margin-bottom:7px}.friend span{font-size:10px}.friend:hover{transform:translateY(-2px)}.friend-footnote{border-top:1px solid #e1d7c7;padding:12px 0 0;text-align:center;font-size:9px;color:#ac9d87}.daily-panel{margin-top:18px;padding:22px 20px;border-radius:22px;border:1px solid var(--line);background:#f5f0e4}.daily-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.daily-title h2{font-size:14px}.daily-title>span{font-size:10px;color:#98a080}.mission{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:11px;color:#8f8372}.mission .check{width:17px;height:17px;border:1px solid #d4c9b5;border-radius:50%;display:grid;place-items:center;font-size:10px}.mission.complete .check{background:#8e9b7c;color:white;border-color:#8e9b7c}.mission.complete{color:#6d7d61}.mission small{margin-left:auto;color:#a59b88}.daily-panel p{font-size:9px;color:#ac9d88;border-top:1px solid #e6dccb;padding-top:12px;margin:12px 0 0}footer{display:flex;justify-content:space-between;padding:22px 4px;color:#b2a696;font-size:10px}footer button{border:0;background:none;font-size:10px;color:#958773}.toast{position:fixed;z-index:30;bottom:26px;left:50%;transform:translate(-50%,20px);background:#4d5746;color:white;border-radius:30px;padding:13px 24px;opacity:0;pointer-events:none;transition:.3s;font-size:13px;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:25px;padding:30px;background:#fffaf0;color:var(--ink);max-width:430px;width:calc(100% - 36px);box-shadow:0 20px 70px #37291330}dialog::backdrop{background:#433d3560;backdrop-filter:blur(4px)}dialog h2{font-size:19px;margin-top:10px}dialog p{font-size:13px;color:var(--muted)}dialog input{width:100%;padding:14px;border:1px solid #d7cebf;border-radius:10px;background:#fffdf7;font:inherit;color:var(--ink);margin:10px 0}.dialog-flower{font-size:40px;color:#899577}.dialog-actions{display:flex;gap:10px;margin-top:12px}dialog button{border:1px solid var(--line);padding:12px;border-radius:12px;background:#e9ecdf}.dialog-actions button{flex:1}.dialog-actions button:last-child,#close-help{background:#7d8b71;color:white}#close-help{width:100%}.help-note{background:#f0eadf;padding:12px;border-radius:12px}.play-header{display:flex;align-items:start;justify-content:space-between}.play-header h2{margin:0}.play-header p{margin:8px 0}.play-header button{padding:0;border:0;background:none;font-size:26px}.play-score{display:flex;justify-content:space-between;padding:12px 0;color:#788666}#play-area{position:relative;height:280px;overflow:hidden;border:2px dashed #d2ceb9;border-radius:18px;background:#e8eddc}#ball{position:absolute;border:0;background:#fff8ec;border-radius:50%;width:66px;height:66px;padding:0;font-size:38px;touch-action:manipulation;box-shadow:0 4px 0 #9ba17d30;transition:top .1s,left .1s}#play-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:2;font-size:17px;background:#e8eddc}#play-result[hidden]{display:none}#play-again{width:100%;margin-top:14px}.action-prop{position:absolute;left:50%;bottom:52px;font-size:45px;z-index:6;pointer-events:none}.particle{position:absolute;z-index:10;left:50%;bottom:150px;font-size:26px;color:#c3797a;animation:float 1.4s ease-out forwards;pointer-events:none}.bounce{animation:jump .45s ease-in-out 3!important}.wiggle{animation:wiggle .4s ease-in-out 3!important}.room .pet-button.grown{width:243px;height:184px;bottom:49px}.room .pet-button.adult{width:262px;height:196px;bottom:45px}@keyframes breathe{50%{transform:translateX(-50%) translateY(-5px) rotate(1deg)}}@keyframes jump{50%{transform:translateX(-50%) translateY(-22px) rotate(-5deg)}}@keyframes wiggle{25%{transform:translateX(-50%) rotate(-6deg)}75%{transform:translateX(-50%) rotate(6deg)}}@keyframes float{to{transform:translate(var(--dx),-120px) rotate(15deg);opacity:0}}@media(min-width:1400px){main{padding-top:44px}.room{height:385px}.speech{top:125px}}@media(max-width:1300px){main{padding:30px 34px}header{padding:20px 34px}}@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}main{padding:24px 22px}.room{height:325px}.window{width:110px;height:110px;left:6%;top:28px}.picture{right:9%}.wall-note{display:none}.plant{left:3%}.speech{top:85px}.pet-button{width:198px;height:160px}.stats{gap:10px;padding-left:18px;padding-right:18px}.actions{padding:0 15px 20px;gap:7px}.friends-panel{padding:20px 13px}.daily-panel{padding:20px 14px}.friend img{height:52px}.intro h1{font-size:27px}}@media(max-width:680px){header{min-height:80px;padding:14px 20px}.brand{font-size:20px}.brand-icon{font-size:36px}.brand small{font-size:8px}.header-right{gap:8px}.save-label{display:none}.sound{padding:8px 11px}main{padding:24px 16px}.intro{margin-bottom:22px}.intro h1{font-size:24px;letter-spacing:-1px}.intro p{font-size:11px;max-width:240px}.eyebrow{font-size:8px}.heart-wallet{padding:10px 14px;column-gap:7px}.heart-wallet b{font-size:21px}.heart-wallet small{font-size:8px}.heart-wallet>span{font-size:22px}.game-layout{grid-template-columns:1fr}.room{height:332px}.room-heading{padding:14px 18px}.window{width:103px;height:103px;left:7%;top:25px;border-width:6px}.picture{right:12%;top:32px;width:54px;height:65px}.speech{top:104px;font-size:11px}.plant{left:5%;width:45px;transform:scale(.85);transform-origin:bottom}.pet-button{bottom:54px;width:200px;height:155px}.rug{width:270px;bottom:34px;height:85px}.pet-info{padding:20px 19px 10px}.name-row h2{font-size:24px}.level{width:115px}.stats{padding-bottom:22px;gap:12px}.stats label{font-size:10px}.actions b{font-size:11px}.actions small{font-size:8px}.actions button{padding:13px 3px}.actions button>span{font-size:23px}.friends-panel{padding:21px 18px}.section-heading p{margin-bottom:15px}#friend-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.friend-grid{grid-template-columns:1fr;gap:6px}.friend{display:flex;align-items:center;gap:7px;padding:5px;min-height:48px}.friend img{width:44px;height:38px;margin:0;border-radius:7px}.friend span{font-size:9px}.friend.selected:after{width:12px;height:12px;line-height:12px;right:2px;top:2px;font-size:8px}.friend-group{margin-bottom:12px}.daily-panel{margin-top:15px}.mission{padding:10px 0;font-size:12px}.daily-panel p{font-size:10px}footer{font-size:8px;align-items:center}.room .pet-button.grown{width:220px;height:172px}.room .pet-button.adult{width:240px;height:182px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Interactive three-dimensional room */
.room{height:440px;background:#e9dfcc}.room.three-ready{background:#e9dfcc}.room.three-ready>.wall-line,.room.three-ready>.window,.room.three-ready>.picture,.room.three-ready>.plant,.room.three-ready>.wall-note,.room.three-ready>.floor,.room.three-ready>.rug,.room.three-ready>.pet-button,.room.three-ready>.pet-shadow,.room.three-ready>.action-prop{display:none}.room.three-ready .room-hint{display:none}#three-stage{position:absolute;inset:0;z-index:1;visibility:hidden}.three-ready #three-stage{visibility:visible}#three-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-5px}.room.three-ready>.speech{top:18px;left:20px;transform:none;font-size:11px;max-width:calc(100% - 105px);white-space:normal;pointer-events:none;background:#fffdf2ed}.room.three-ready>.decorate{z-index:7;bottom:17px;right:17px}.room.three-ready>#particles{position:absolute;inset:0;pointer-events:none;z-index:8}#three-status{position:absolute;bottom:14px;left:18px;background:#fffbefdd;padding:7px 10px;border-radius:20px;z-index:6;font-size:9px;color:#847761;max-width:80%}.three-ready #three-status{top:18px;right:16px;left:auto;bottom:auto;background:#70816a;color:white;font-size:9px;font-weight:700;letter-spacing:1px}.view-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);background:#f7f3e9}.view-tools>span{font-size:10px;color:#9a8c79;line-height:1.6}.view-tools>div{display:flex;gap:6px;flex-shrink:0}.view-tools button{border:1px solid #ded7c8;background:#fffdf6;border-radius:8px;min-width:32px;height:31px;padding:4px 8px;font-size:15px}#three-pet{font-size:11px;color:#ae7775}.room-heading>div:after{content:' · 3D';color:#859278;font-size:10px}.intro .eyebrow:after{content:' / 3D EDITION';color:#af9585}@media(min-width:1400px){.room{height:480px}}@media(max-width:900px){.room{height:390px}.view-tools{padding:10px 12px}.view-tools>span{font-size:9px}.view-tools button{min-width:27px;padding:3px 6px}.intro h1{font-size:24px}}@media(max-width:680px){.room{height:365px}.intro h1{font-size:22px}.view-tools{padding:10px 14px}.view-tools>span{max-width:155px}.room.three-ready>.speech{top:14px;left:13px;font-size:10px;padding:10px 12px}.three-ready #three-status{top:15px;right:12px;font-size:8px}.room-heading{padding:13px 16px}}

.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-links a{color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}.privacy-page{max-width:800px;margin:32px auto;padding:24px;line-height:1.85;overflow-wrap:anywhere}.privacy-page h1{font-size:clamp(24px,5vw,34px);line-height:1.4}.privacy-page h2{font-size:19px}.privacy-page section{margin:28px 0;padding:24px;background:#fffdf7;border:1px solid #e7dfd0;border-radius:18px}.privacy-page p{font-size:15px}.privacy-page a{color:#65593e;text-underline-offset:3px}.privacy-date{color:#786e60}.privacy-page footer{display:block}@media(max-width:680px){footer{flex-wrap:wrap;gap:16px}.privacy-page{padding:16px;margin:12px auto}.privacy-page section{padding:18px}}