.game.home{width:min(100vw,calc(100dvh * 941 / 1672));height:auto;aspect-ratio:941/1672;background:transparent}
.game.home:before,.game.home:after{display:none}
.home-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.home-hit{position:absolute;padding:0;border:0;background:transparent;box-shadow:none;border-radius:16px;z-index:1}
.home-hit:focus-visible{outline:3px solid #fff3ad;outline-offset:-3px;box-shadow:0 0 12px #ffe36c}
.home-hit.chosen{outline:3px solid #fff3b4;outline-offset:-7px;box-shadow:inset 0 0 15px #fff5a83d;border-radius:14%}
.home-hit:not(:disabled):active{transform:none;box-shadow:inset 0 0 18px #ffed8f80}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-dialog{width:min(78cqw,360px);padding:0;border:3px solid #bc8b4e;border-radius:22px;background:linear-gradient(135deg,#fff5dc,#f4d8a8);color:#805329;box-shadow:0 6px 0 #86592f,0 12px 40px #18382766}
.home-dialog::backdrop{background:#1d352c80;backdrop-filter:blur(2px)}
.home-panel{padding:24px;text-align:center}.home-panel h2{font-size:24px;margin:0 0 20px}.home-panel p{margin:10px 0 24px;font-size:16px}
.home-panel button{display:block;width:100%;min-height:44px;padding:10px;border-radius:12px;font-weight:700;font-size:16px;border:2px solid #769c40;background:linear-gradient(#b9dc79,#88b94c);box-shadow:inset 0 2px 0 #dbeeb3,0 3px 0 #6b8e34;color:#fff9e8}
.home-panel .home-audio{margin-bottom:18px;background:#f7e6c7;color:#805329;border-color:#c6a579;box-shadow:inset 0 2px 0 #fff6e3,0 3px 0 #b58c5a}
.home-wallet{position:absolute;inset:0;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums}.balance{position:absolute;display:grid;place-items:center;color:#fff;font-weight:800;background:#304857;font-size:3.05cqw;line-height:1.2}.balance.coins{left:22.6%;top:3.26%;width:10.1%;height:1.75%}.balance.diamonds{left:47.6%;top:3.26%;width:7.4%;height:1.75%}.balance.hearts{left:68.8%;top:3.26%;width:4%;height:1.75%}.balance.heart-timer{left:66.9%;top:5.35%;width:7.5%;height:1.3%;font-size:2.2cqw;background:#3b5059;border-radius:6px}.live-avatar{position:absolute;left:4.5%;top:2.6%;width:9.4%;height:5.5%;object-fit:contain;z-index:2;pointer-events:none;background:#f9e3a4;border-radius:50%}
.home-dialog{width:min(92vw,490px);max-height:90dvh;border:5px solid #b47a3d;border-radius:27px;background:#fff2d6;box-shadow:0 5px 0 #6d4428,0 24px 70px #132f3580;overflow:hidden}.home-panel{padding:0;text-align:left;display:flex;flex-direction:column;max-height:calc(90dvh - 10px)}.panel-header{position:relative;text-align:center;padding:22px 48px 18px;background:linear-gradient(#cb9558,#a86c35);border-bottom:3px solid #815125;color:#fff4d4}.panel-header:before{content:'';position:absolute;left:12px;top:18px;font-size:28px}.panel-header>span{font-size:11px;letter-spacing:1px}.home-panel h2{margin:4px 0 0;font-size:26px;color:#fff9e5;text-shadow:0 2px #654025;text-wrap:balance}.home-panel button.panel-close{position:absolute;right:9px;top:12px;width:38px;min-height:38px;padding:0;border-radius:50%;background:#fff0c9;color:#815027;border-color:#936231;font-size:28px;box-shadow:0 2px #714521}.panel-body{padding:14px 18px 18px;overflow-y:auto;overscroll-behavior:contain}.panel-intro{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-intro img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 2px #ae845030)}.home-panel .panel-intro p{font-size:14px;line-height:1.6;margin:0;color:#79572e}.feature-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #d8bd8c}.row-icon{font-size:29px;width:38px;flex-shrink:0;text-align:center}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:16px;color:#653f22}.row-copy small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#816441}.home-panel button.mini-action{width:auto;flex-shrink:0;min-height:42px;padding:8px 13px;font-size:13px;color:#304e20;background:linear-gradient(#d5ed93,#abd260);border-color:#7b9d40;box-shadow:0 3px #719137;transition:transform .15s,box-shadow .15s}.home-panel button:disabled{opacity:.65;background:#e9d8b6;color:#7a6749;border-color:#bca47a;box-shadow:none;cursor:default}.home-panel button:active:not(:disabled){transform:translateY(2px)}.home-panel button:focus-visible{outline:3px solid #247b58;outline-offset:3px}.panel-footer{padding:14px 18px 18px;background:#f0deb9;border-top:1px solid #d1af79;text-align:center}.panel-footer>span{display:block;margin-bottom:12px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.home-panel button.home-confirm{background:linear-gradient(#ffc959,#efa330);border-color:#c58a34;box-shadow:0 3px #a6732b;color:#623c20}.home-toast{position:absolute;left:8%;right:8%;top:27%;z-index:10;background:#493622f2;color:#fff5dc;padding:12px;border-radius:14px;text-align:center;font-size:clamp(12px,3cqw,17px);opacity:0;pointer-events:none;transition:opacity .15s}.home-toast.show{opacity:1}.sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.sign-day{border:2px solid #dcc092;border-radius:12px;background:#fff9e8;display:grid;text-align:center;padding:10px 2px;gap:7px}.sign-day small{font-size:12px}.sign-day b{font-size:24px}.sign-day span{font-size:11px}.sign-day.today{border-color:#89a947;background:#edf3c4}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-panel button.character-card{background:#fff7e5;box-shadow:0 3px #d7bc8e;border-color:#dec393;padding:8px;color:#754e28;font-size:13px}.character-card img{width:100%;height:85px;object-fit:contain;display:block;margin-bottom:6px}.profile-stats{display:flex;justify-content:space-around;text-align:center;background:#f5e1b8;padding:16px 8px;border-radius:14px}.profile-stats span{font-size:12px}.profile-stats b{display:block;font-size:25px;margin-bottom:6px;color:#7b9d3c}.avatar-options{display:flex;gap:9px}.home-panel button.avatar-option{background:#fff8e7;border-color:#d7bc8e;padding:4px;box-shadow:none}.avatar-option img{width:100%;height:64px;object-fit:contain}.home-panel button.avatar-option.selected{border-color:#689637;background:#e4efbf}.home-panel .story{line-height:1.9;font-size:16px}.empty-state{padding:32px 12px;text-align:center;line-height:1.9;color:#7c623f}.record-score{color:#a16b1f;font-size:20px}.heart-display{text-align:center;font-size:35px;letter-spacing:5px;color:#ed6684}.level-path{text-align:center;padding:18px}.level-node{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:linear-gradient(#fff2a0,#eeb341);border:4px solid #a97737;box-shadow:0 5px #785124;font-size:36px;font-weight:bold}.level-path>span{color:#c68e25;font-size:32px}.home-panel .local-note{font-size:12px;line-height:1.7;color:#816441}@media(max-width:360px){.panel-body{padding:12px}.feature-row{gap:6px}.row-icon{width:26px;font-size:23px}.home-panel button.mini-action{padding:8px;font-size:12px}.row-copy strong{font-size:14px}.character-card img{height:70px}}@media(prefers-reduced-motion:reduce){.home-panel button,.home-toast{transition:none}}
.home-dialog .home-toast{position:fixed;top:auto;bottom:24px;left:12px;right:12px;box-shadow:0 5px 18px #0003}
.panel-header:before{content:'✿';color:#d4ed83;text-shadow:0 2px #477b32;font-size:32px}
.home-dialog{border-color:#c38a48;background:linear-gradient(110deg,#fff9e9,#ffe7ba);box-shadow:inset 0 0 0 2px #ffe5ad,0 5px 0 #815028,0 24px 70px #132f3580}.panel-header{background:linear-gradient(#b8783625,#80491b44),url('../assets/ui-wood-grain.png') center/100% 100%;box-shadow:inset 0 3px 0 #ffe0a782,inset 0 -4px 0 #6f3e2338}.panel-header:before{content:'';left:0;top:5px;width:76px;height:62px;background:url('../assets/ui-leaf-decoration.png') center/contain no-repeat;transform:rotate(-8deg)}.home-panel h2{text-shadow:2px 0 #704025,-2px 0 #704025,0 2px #704025,0 -2px #704025,0 4px #70402566}.panel-body{background:radial-gradient(ellipse at 40% 0%,#fffdf4,#fff1d4 80%)}.panel-footer{background:linear-gradient(#fcebc9,#edd2a3);box-shadow:inset 0 2px #fff8e4}.home-panel button.home-confirm{border-radius:18px;background:radial-gradient(ellipse at 50% 0,#ffefaa,#ffce50 48%,#f3a223);box-shadow:inset 0 3px 0 #fff5bd,inset 0 -4px 0 #df871d,0 4px 0 #ad7130;text-shadow:0 1px #ffe8a0}.row-icon:has(.painted-tool){width:68px}.painted-tool{display:block;width:68px;height:68px;position:relative;filter:drop-shadow(0 3px 2px #87532125)}.painted-tool img{width:100%;height:100%;object-fit:fill;border-radius:15px}.painted-tool b{position:absolute;right:4px;bottom:5px;width:23px;height:23px;border-radius:50%;background:#945024;box-shadow:0 0 0 1px #fff1c6;display:grid;place-items:center;font-size:15px;color:#fff8e7;font-variant-numeric:tabular-nums}.collection-grid{gap:12px}.home-panel button.character-card{background:radial-gradient(ellipse at top,#fffcf0,#f8e6c3);border:2px solid #ddb77a;box-shadow:inset 0 2px #fffdf2,0 4px #c8a671;border-radius:17px}.character-card img{filter:drop-shadow(0 4px 2px #b4915433)}@media(max-width:360px){.row-icon:has(.painted-tool){width:54px}.painted-tool{width:54px;height:54px}.painted-tool b{width:20px;height:20px;font-size:12px;right:2px;bottom:3px}}
.panel-header{background:linear-gradient(#dcaa6833,#995c2a55),url('../assets/ui-wood-grain.png') center/auto 38px repeat-y}.panel-header:before{clip-path:polygon(0 0,100% 0,100% 25%,73% 47%,58% 66%,40% 77%,15% 100%,0 100%)}