/* Coordinates follow the supplied 941 × 1672 reference composition. */
[hidden]{display:none!important}body{--home-scene:url('assets/scene/theme-0.png')}body[data-character="1"]{--home-scene:url('/api/character-media?id=1&kind=theme')}body[data-character="2"]{--home-scene:url('/api/character-media?id=2&kind=theme')}body[data-character="3"]{--home-scene:url('/api/character-media?id=3&kind=theme')}
main{position:relative;padding:0;max-width:510px;background:var(--home-scene) center/cover;min-height:100svh}main>header{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));right:12px;left:12px;justify-content:flex-end}main>header>span:first-child,main>header>#account{display:none}.wallet{min-width:110px;box-shadow:0 2px 0 #785133;padding-right:14px}.wallet:before{content:'CAT COIN';font:8px Round;position:absolute;top:42px;right:16px;color:#fff7df;letter-spacing:2px}.coin-art{width:34px;height:34px}#home{position:relative;width:100%;height:max(100svh,177.7vw);max-height:907px;min-height:740px;overflow:hidden;container-type:inline-size}#home img{pointer-events:none}#home .home-title{position:absolute;width:68%;height:auto;top:7%;left:18%;filter:drop-shadow(0 4px 2px #4e321945)}.home-greeting{position:absolute;left:17%;top:2.8%;font-size:clamp(10px,2.5cqw,13px);line-height:1.5;color:#fff9dd;transform:rotate(-10deg);text-shadow:0 1px 2px #473a31;letter-spacing:1px}#home>img:not(.home-title){position:absolute;object-fit:contain;z-index:1}.scene-sign{width:31%;height:37%;left:-10%;top:13%}.scene-sleep{width:30%;left:-4%;top:39%}.scene-good{width:25%;right:-6%;top:47%}.scene-life{width:30%;left:-6%;bottom:3%}.scene-treasure{width:40%;right:-9%;bottom:-1%}#hero-frame{position:absolute;top:28%;left:23%;width:53%;height:33%;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;margin:0;z-index:2}#hero-poster{position:absolute;inset:0;background:none;transform:none;animation:none}#hero-poster img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #68471b66)}.scene-glow{position:absolute;top:44%;left:72%;color:#fff4b3;font-size:35px;text-shadow:0 0 12px #ffd363;animation:glimmer 3s ease-in-out infinite}#home #play,#home #home-login{position:absolute;left:19%;top:76%;width:62%;height:9%;min-height:44px;padding:0 0 0 9%;margin:0;border:0;border-radius:0;box-shadow:none;background:url('assets/scene/start.png') center/100% 100% no-repeat;color:#593116;font-size:clamp(22px,6cqw,32px);font-weight:900;letter-spacing:2px;z-index:3}#home #home-login{top:86%;left:29%;width:42%;height:6%;padding-left:5%;background-image:url('assets/scene/login.png');font-size:clamp(13px,3.5cqw,18px);letter-spacing:1px}#home footer{position:absolute;top:92%;width:100%;font-size:clamp(9px,2.5cqw,13px);text-shadow:0 1px 4px #213928;z-index:2}#home #cats-toggle{position:absolute;bottom:29%;right:5%;width:44px;height:44px;min-height:44px;padding:5px;margin:0;border:0;background:none;box-shadow:none;z-index:6}#cats-toggle img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #3e281d)}#character-drawer{position:absolute;z-index:7;left:3%;right:3%;bottom:25%;background:#fff0d5f7;border:3px solid #b58a53;border-radius:22px;padding:13px 12px 6px;box-shadow:0 5px 0 #735132,0 10px 40px #26382270}#character-drawer h2{margin:0 22px 8px;font-size:17px}#cats-close{position:absolute;right:3px;top:0;background:none;border:0;box-shadow:none;font-size:24px;padding:2px 10px}#character-drawer p{font-size:10px;margin:8px 0;text-align:center}#cats{margin:0;gap:5px}#cats button,#selection-cats button{height:110px;padding:78px 0 3px;font-size:10px;line-height:1.4}#cats img,#selection-cats img{top:3px;left:0;width:100%;height:74px;clip-path:none;object-fit:contain}#selection-still img{width:100%;height:100%;object-fit:contain}.lock-icon{width:60px;height:60px;object-fit:contain}.unlock-dialog{text-align:center;max-width:330px;border:3px solid #b18a51;border-radius:24px;background:#fff1d8;color:#654328}.unlock-dialog button{display:block;margin:12px auto;width:100%}dialog::backdrop{background:#172b24a6;backdrop-filter:blur(4px)}#panel{margin:65px 12px 0;min-height:calc(100svh - 80px)}.lobby-nav{grid-template-columns:repeat(2,1fr);gap:12px}.lobby-nav button{display:flex;align-items:center;gap:10px;padding:12px}.lobby-nav img{width:46px;height:46px;object-fit:contain}.lobby-nav span{font-size:14px}#selection .selection-stage{background-image:var(--home-scene)}
@keyframes glimmer{50%{opacity:.45;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.scene-glow{animation:none}}@media(min-width:511px){#home{height:max(100svh,907px)}}

#field{background:linear-gradient(#243d3033,#806b3822),var(--home-scene) center/cover;isolation:isolate}#field:before{content:"";position:absolute;inset:8% 2% 25%;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(#fbeac010,#fbeac055);border-bottom:2px solid #ffe3a9;pointer-events:none;z-index:-1}.camp-lights{position:absolute;top:8%;left:5%;width:90%;color:#ffe6a2;text-shadow:0 0 14px #ffcf63;font-size:30px;letter-spacing:12px;opacity:.35;pointer-events:none}.note img{width:100%;height:100%;object-fit:contain;pointer-events:none}#field.reduced-effects .hit-burst{display:none}#field.reduced-effects *{animation:none!important}.note{will-change:transform}#combo{pointer-events:none}
body:has(#game:not([hidden])) main{height:100dvh;min-height:0;overflow:hidden;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}#game{height:100%;display:flex;flex-direction:column}#game .hud{flex-shrink:0}#field{flex:1;min-height:0;height:auto}#combo{top:12%;font-size:23px;letter-spacing:1px;color:#fff2d0;text-shadow:0 2px 3px #413623,0 0 14px #58482b;z-index:4}#feedback{text-shadow:0 2px 4px #453421}.camp-lights{font-size:22px}