@import url('./assets/fonts/fonts.css');
:root{--ink:#354f49;--muted:#83928a;--paper:#f3f5ec;--line:#e0e8dc;--sage:#507760}body{background:radial-gradient(ellipse at 15% 0,#fff9e8,transparent 50%),radial-gradient(ellipse at 95% 50%,#e4eddf,transparent 50%),#f4f6ee;color:var(--ink)}button{touch-action:manipulation}body>header{max-width:1320px;border:0;padding:16px 32px;min-height:80px}.brand-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:16px;background:#526f59;color:#fff4d7!important;font-size:29px!important;box-shadow:0 4px 0 #3c5745}.brand small{font-size:8px;letter-spacing:2px;color:#829080}.sound{background:#fffdf3;border-color:#e0e6d7}.save-label{font-size:10px}body>main{max-width:1320px;padding:8px 32px 130px}.intro{margin-bottom:24px}.intro .eyebrow{display:block;font-size:9px;color:#739377;letter-spacing:2px;margin-bottom:9px}.intro .eyebrow:after{content:none}.intro h1{font-size:30px;letter-spacing:-1.3px;font-weight:850}.intro p{font-size:12px}.heart-wallet{transform:none;border-radius:18px;background:#fff9ed;border:1px solid #eddec7;box-shadow:0 4px 0 #e6dec946;padding:12px 20px}.heart-wallet b{font-size:26px}.home-panel{display:grid;grid-template-columns:minmax(0,1fr) 282px;grid-template-rows:48px auto auto auto 1fr 47px;border:1px solid #dde5d6;border-radius:28px;background:#fffdf5;box-shadow:0 20px 65px #405b3910;overflow:hidden}.room-heading{grid-column:1;grid-row:1;background:#f9fcf3;border-bottom:1px solid #e3e9dc;padding:14px 24px;color:#54735b}.room-heading>div:after{content:none}#stage-badge{background:#eaf1e1;color:#648057;font-size:9px;letter-spacing:.2px}.room{grid-column:1;grid-row:2/6;height:520px;border-radius:0;background:#e4dfca}.view-tools{grid-column:1;grid-row:6;background:#f8f9f0;border-bottom:0;padding:8px 20px}.view-tools button{border-color:#dce4d4;background:#fffef5;height:30px;border-radius:10px}.pet-info{grid-column:2;grid-row:2;display:block;padding:28px 24px 16px;align-self:start}.name-row h2{font-size:31px;margin:7px 0 16px}.species-label{font-size:10px;letter-spacing:.4px}.level{width:100%;gap:8px}.level strong{font-size:12px}.xp-track{height:7px}.stats{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px 24px;gap:22px 16px}.stats label{font-size:10px}.stats .track{height:7px}.actions{grid-column:2;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 24px}.actions button{border-radius:18px;min-height:79px;border:1px solid #e6e8d9;box-shadow:0 3px 0 #c5cfb72a;background:#f3f4e7}.actions button>span{font-size:26px;margin-bottom:5px}.actions b{font-size:11px}.bond-peek{grid-column:2;grid-row:5/7;align-self:end;margin:0 16px 18px;padding:16px 13px;background:#f0f4e7;border:1px solid #e0e8d3;border-radius:16px;font-size:11px}.room.three-ready>.speech{top:20px;left:22px;padding:12px 17px;background:#fffef0ed;border:1px solid #ffffee;border-radius:17px;box-shadow:0 5px 20px #4d533014;font-size:11px;color:#716551}.three-ready #three-status{top:auto;bottom:18px;left:20px;right:auto;background:#fff9e2d9;color:#807757;font-size:9px;letter-spacing:.4px;padding:8px 12px}.decorate{background:#fff9e2!important;border:1px solid #fff!important;color:#6b896c!important;box-shadow:0 4px 12px #62613416}.play-dock{width:min(590px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:9px;background:#fffef4f5;border:1px solid #dce4d3;box-shadow:0 12px 45px #3c52362b;border-radius:24px}.play-dock button{min-height:61px;color:#6b7d68}.play-dock button:first-child{background:#e9efda;color:#4e6d43}.play-dock .dock-icon{font-size:25px}.play-dock b{font-size:10px}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more-grid button{position:relative;background:#f1f4e8;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:17px;padding:20px 8px}.more-grid .dock-icon{font-size:30px}.more-grid small{font-size:9px}.more-grid b{font-size:12px}.premium-feature{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dae5ca;border-radius:23px;background:linear-gradient(110deg,#e5edd7,#f4f3dc);margin-top:20px;padding:21px 26px;overflow:hidden;position:relative}.feature-copy{position:relative;z-index:1}.feature-copy small{display:block;font-size:9px;letter-spacing:1.5px;color:#698252;margin-bottom:8px}.feature-copy h2{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.feature-copy p{margin:0;color:#7c8c68;font-size:11px}.premium-feature>button,.dash-primary{flex-shrink:0;background:#50785a;color:#fff9e7;border:1px solid #426649;border-radius:15px;padding:14px 22px;box-shadow:0 4px 0 #3d5a43;font-weight:700;font-size:12px}.feature-stars{position:absolute;right:24%;font-size:100px;color:#cddbaa77;transform:rotate(18deg)}.premium-feature>button{position:relative;z-index:1}.toast{bottom:110px;background:#395d4c;font-size:12px}dialog{border-color:#dbe6d2!important;background:#fffdf5!important}dialog::backdrop{background:#263e396b;backdrop-filter:blur(8px)}.photo-mode>header,.photo-mode .intro,.photo-mode .play-dock,.photo-mode .premium-feature,.photo-mode .pet-info,.photo-mode .stats,.photo-mode .actions,.photo-mode .bond-peek,.photo-mode .view-tools{display:none}.photo-mode .home-panel{display:block}.photo-mode .room{height:80dvh}.photo-mode .speech,.photo-mode #three-status,.photo-mode .decorate{display:none}.photo-exit{display:none}.photo-mode .photo-exit{display:block;position:fixed;z-index:40;right:20px;top:20px;padding:12px 18px;border:0;background:#fffbea;border-radius:14px}.mini-header h2,.mode-header h2,.story-header h2{color:#3c5e4e}.friend img{background:transparent}.footer-links a,.footer-links button{color:#8a9987}
@media(max-width:960px){.home-panel{grid-template-columns:minmax(0,1fr) 240px}.room{height:470px}.pet-info{padding:22px 20px 16px}.actions{padding:0 16px 18px}.stats{padding:0 20px 20px}.view-tools>span{max-width:140px;font-size:9px}body>main{padding-left:20px;padding-right:20px}.intro h1{font-size:26px}}
@media(max-width:680px){body>header{padding:12px 17px;min-height:69px}.brand-icon{width:37px;height:37px;border-radius:13px;font-size:25px!important}.brand{gap:9px}.brand small{font-size:7px;letter-spacing:1.5px}body>main{padding:8px 12px 116px}.intro{margin:3px 4px 17px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:6px}.intro h1{font-size:23px}.intro p{font-size:10px}.heart-wallet{padding:10px 12px;border-radius:15px;min-width:76px}.heart-wallet b{font-size:23px}.home-panel{display:flex;flex-direction:column;border-radius:23px}.room-heading{padding:12px 17px;font-size:10px;min-height:42px}.room{height:clamp(330px,46dvh,435px);width:100%;flex-shrink:0}.room.three-ready>.speech{top:15px;left:14px;font-size:10px;padding:10px 12px}.three-ready #three-status{bottom:15px;left:14px;font-size:8px}.view-tools{padding:8px 12px;border-bottom:1px solid #e6ebde;min-height:47px}.view-tools>span{font-size:8px;max-width:122px}.view-tools>div{gap:5px}.view-tools button{font-size:13px;min-width:29px;padding:4px 7px}#three-pet{font-size:10px}.pet-info{display:flex;align-items:center;padding:16px 18px 10px;order:0}.name-row h2{font-size:25px;margin:4px 0}.species-label{font-size:9px}.level{width:118px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 18px 18px;gap:12px}.stats label{font-size:9px}.stats .track{height:6px}.actions{grid-template-columns:repeat(4,1fr);padding:0 13px 16px;gap:8px}.actions button{min-height:68px;border-radius:15px;padding:9px 2px}.actions button>span{font-size:23px}.actions b{font-size:10px}.bond-peek{order:2;align-self:stretch;margin:0 13px 14px;padding:12px 14px;font-size:10px}.premium-feature{margin-top:14px;padding:18px 16px;border-radius:20px;gap:10px}.feature-copy h2{font-size:18px}.feature-copy small{font-size:8px}.feature-copy p{font-size:9px;max-width:180px}.premium-feature>button{font-size:10px;padding:12px 15px;border-radius:13px}.play-dock{padding:7px;bottom:max(9px,env(safe-area-inset-bottom));border-radius:22px}.play-dock button{min-height:57px;gap:5px}.play-dock .dock-icon{font-size:23px}.play-dock b{font-size:10px}.toast{bottom:93px}.feature-stars{font-size:70px;right:25%}}


body{font-family:ui-rounded,"Noto Sans KR Variable","Apple SD Gothic Neo","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Noto Emoji",sans-serif}.bond-peek{width:auto;min-width:0}.bond-peek b{font-size:12px}.bond-peek small{font-size:10px}.bond-peek-right b{font-size:18px}.home-panel:before{content:"MY COMPANION";grid-column:2;grid-row:1;padding:18px 24px 0;font-size:8px;letter-spacing:2px;color:#99a28a}@media(max-width:680px){.home-panel:before{display:none}}