@font-face{font-family:Camp;src:url('assets/noto-sans-sc.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Round;src:url('assets/nunito.woff2');font-display:swap}@font-face{font-family:Emoji;src:url('assets/noto-emoji.ttf');font-display:swap}
:root{--ink:#624631;--paper:#fff3d8;--wood:#a4764b;--sage:#788761;--gold:#e8bd75}*{box-sizing:border-box}body{margin:0;background:#203d37;color:var(--ink);font-family:Camp,Emoji,system-ui,sans-serif}main{max-width:510px;min-height:100dvh;margin:auto;padding:16px;background:linear-gradient(#2139310a,#18342c55),url('assets/background.png') center/cover fixed}button,input,select{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1.5px solid #ba9667;border-radius:14px;background:#fff1d5;box-shadow:0 3px 0 #805b3c;padding:10px 15px;cursor:pointer;transition:transform .13s,background .13s}button:hover{background:#fff7e6}button:active{transform:translateY(2px);box-shadow:0 1px 0 #805b3c}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85a488;outline-offset:3px}input,select{border:1px solid #cdb48c;background:#fff9ec;border-radius:10px;padding:11px}input:not([type=checkbox]):not([type=range]){width:100%}input[type=range]{width:100%;accent-color:var(--sage)}input[type=checkbox]{accent-color:var(--sage)}label{display:block;margin:14px 0}h2{font-size:20px;line-height:1.5}h3{font-size:17px}p{line-height:1.8}header{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#fff4d9;font-size:11px}#account{color:var(--ink);padding:6px 12px;min-height:36px;max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet{display:flex;align-items:center;gap:7px;background:var(--paper);border:1px solid #d8b17c;border-radius:25px;color:var(--ink);padding:2px 12px 2px 2px}.coin-art{display:inline-block;width:34px;height:34px;border-radius:50%;background:url('assets/coin.webp') 48% 44%/260% auto no-repeat;flex-shrink:0}
.title{text-align:center;color:#fff0cb;filter:drop-shadow(0 3px 0 #614633);margin:20px 0 14px}.title small{font-family:Round,sans-serif;font-size:9px;letter-spacing:3px}.title h1{font-family:Round,Emoji,sans-serif;font-size:47px;line-height:.93;margin:12px 0;font-weight:1000;letter-spacing:2px}.title strong{color:#f8d284}.title em{font-size:24px}.title h2{display:inline-block;background:#725139;border:1px solid #ac8157;border-radius:11px;padding:9px 22px;font-size:16px;margin:0}#hero-frame{height:250px;border-radius:80px 80px 24px 24px;overflow:hidden;position:relative;background:#fff2d9;box-shadow:0 8px 24px #213c3540}#hero-poster{position:absolute;inset:0;background:url('assets/cat-0.png') 1% 42%/285% auto no-repeat}.replay{position:relative;display:block;margin:-18px auto 12px;font-size:11px;min-height:38px}.paper{margin-top:18px;padding:19px;background-color:#fff3dceF;background-image:radial-gradient(#a5834520 .6px,transparent .6px);background-size:5px 5px;border:2px solid #d7b98c;border-radius:24px;box-shadow:0 5px 0 #8a6746;text-align:center}.paper>h2{margin:0 0 14px}.paper p{font-size:12px}.primary{width:100%;font-size:22px;font-weight:800;padding:16px;border:3px solid #9e713f;background:linear-gradient(#ffde9a,#ebbe75);box-shadow:0 5px 0 #79563a}.primary:hover{background:#ffdfa1}#cats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:17px}#cats button{height:103px;position:relative;overflow:hidden;padding:76px 0 5px;font-size:11px;background:#ffefd3}#cats img{position:absolute;top:0;left:0;width:300%;max-width:none;height:140px;clip-path:inset(0 66.66% 50% 0);pointer-events:none}#cats .selected{border:2px solid #bd894b;background:#fbe0a4;box-shadow:0 0 0 3px #fff8e2,0 3px 0 #96683e}#song-picker{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;border:1px solid #bdc7a1;background:#e7e8cd;box-shadow:none;padding:12px 14px}#song-picker span{font-size:10px;color:#788061;letter-spacing:1px}#song-picker strong{font-size:14px;grid-column:1;margin-top:3px}#song-picker>b{grid-column:2;grid-row:1/3;align-self:center;font-size:26px}#home .paper>label{font-size:12px}#mode{font-size:12px;margin-left:6px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 17px}nav button{padding:12px 4px;font-size:12px;background:#fff1d6}footer{font-size:11px;text-align:center;color:#fff4d9;margin-bottom:12px}
#panel{min-height:70dvh}#back{display:block;font-size:12px;box-shadow:none;background:transparent;border:0;padding-left:0}.eyebrow{font-family:Round,sans-serif;letter-spacing:3px;font-size:10px!important;color:#9e845d;margin:25px 0 8px}#content>h2{margin:8px 0 14px}#content>h1{font-family:Round,sans-serif;font-size:66px;color:#9d763e;margin:25px 0}#content button{margin:4px}.reward{padding:18px 0;border-bottom:1px dashed #cdb28a}.reward img{width:150px;height:125px;object-fit:contain;border-radius:15px}.reward h3{margin:9px 0}.reward p{margin:6px 0}.watercolor-preview{display:grid;place-content:center;background:linear-gradient(135deg,#95aca0,#dce2c1,#8bacb2);height:130px;border-radius:14px;font-size:40px}.watercolor-preview small{font-size:11px}.passport-stamp{font-size:60px;width:130px;margin:25px auto;background:#f1ddb8;padding:20px;border:2px dashed #b39367;border-radius:50%}.empty-state{padding:30px 8px;font-size:48px}.empty-state h3{font-size:17px}details{text-align:left;border-bottom:1px dashed #cdb28a;padding:17px 0}summary{font-size:14px;font-weight:650;cursor:pointer}details p{font-size:13px!important;line-height:1.9}ol{text-align:left;line-height:2.3;padding-left:30px}a{color:#547e66}
.library-intro{color:#988263}.genre-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:6px}.genre-tabs button{min-height:33px;white-space:nowrap;font-size:11px;padding:5px 10px;box-shadow:none;border:1px solid #dac6a6;background:transparent;margin:0!important}.genre-tabs .active{background:#728463;color:#fff4dc;border-color:#728463}.song-search input{font-size:13px}.random-song{width:100%;margin:12px 0!important;font-size:12px;background:#e3e7ce;box-shadow:none;border-color:#bcc5a2}.song-card{display:flex;gap:13px;text-align:left;padding:18px 0;border-bottom:1px dashed #d2bda0}.record{flex:0 0 58px;width:58px;height:58px;margin-top:8px;border-radius:50%;background:repeating-radial-gradient(#46594f 0 2px,#53655a 3px 4px);display:grid;place-items:center;box-shadow:2px 3px 0 #bcaa8640}.record span{width:24px;height:24px;border-radius:50%;background:#e0b679;display:grid;place-items:center;font:11px Round,sans-serif;color:#715436}.song-card[data-style=electro] .record{background:repeating-radial-gradient(#6d627c 0 2px,#80718f 3px 4px)}.song-card[data-style=piano] .record{background:repeating-radial-gradient(#b09578 0 2px,#bda58b 3px 4px)}.song-copy{min-width:0;flex:1}.song-copy small{font-size:9px;color:#a18b6c}.song-copy h3{font-size:15px;margin:5px 0}.song-copy p{font-size:11px!important;margin:4px 0;color:#8c775e}.song-actions{display:flex;gap:6px;margin-top:8px}.song-actions button{font-size:10px;min-height:32px;padding:5px 8px;margin:0!important;box-shadow:none}.song-actions button:last-child{background:#dfe7cb;border-color:#adb894}.song-card.selected .record{outline:3px solid #deb86c;outline-offset:3px}
/* A quiet forest stage, collectible charms, and a continuous cat skeleton. */
body:has(#game:not([hidden])) main{padding:10px;background:#1d3831}body:has(#game:not([hidden])) header{display:none}.hud{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff1d4;padding:0 4px}.hud>div:not(.score-group){flex:1}.hud button{color:#d8dfc2;background:#365046;border-color:#61715b;box-shadow:none;font-size:11px;padding:6px 11px}.hud small{display:block;font-family:Round,Camp,sans-serif;font-size:9px;letter-spacing:2px;color:#9fad91}.hud #song{display:block;font-size:13px;margin-top:4px}.score-group{text-align:right}.score-group b{font-family:Round,sans-serif;font-size:24px;line-height:1}.score-group #remaining{font-size:10px;letter-spacing:0;margin-top:5px}.song-progress{height:3px;background:#5c6e5144;margin:0 5px 10px;overflow:hidden;border-radius:3px}.song-progress i{display:block;height:100%;width:0;background:#dbbc77}#field{height:calc(100dvh - 118px);min-height:360px;position:relative;overflow:hidden;border-radius:22px;touch-action:none;isolation:isolate;background:linear-gradient(#26483dea,#31524199 55%,#d6c29cdd 82%,#d8bd92f0),url('assets/background.png') center 52%/cover}#field:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 72%,#fce4a440,transparent 60%);z-index:0}#field:after{content:'';position:absolute;left:0;right:0;bottom:-3%;height:23%;background:linear-gradient(#e8d5b44a,#c4aa80);border-top:1px solid #fff2c688;transform:perspective(200px) rotateX(8deg);z-index:1;pointer-events:none}.note{position:absolute;width:19%;height:74px;display:grid;place-items:center;pointer-events:none;z-index:3;filter:drop-shadow(0 4px 2px #172e2a45);will-change:transform}.note svg{width:65px;height:74px}.note.bomb{filter:drop-shadow(0 0 6px #db9e9380)}.judgeline{position:absolute;top:75%;height:54px;left:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);transform:translateY(-50%);padding:0 6px;z-index:2;pointer-events:none}.judgeline span{width:55px;height:45px;border-radius:50%;align-self:center;justify-self:center;border:1px solid #f9e5b7aa;box-shadow:inset 0 0 0 4px #f1dfb125,0 0 18px #eace7e20;background:radial-gradient(#f8e4b438,transparent)}.judgeline span:after{content:'✦';display:block;color:#eed8a29c;text-align:center;line-height:42px;font-size:15px}#combo{position:absolute;top:8%;left:0;right:0;text-align:center;font:11px Round,sans-serif;letter-spacing:4px;color:#d0d7b4;z-index:2;pointer-events:none}#feedback{position:absolute;top:53%;left:0;right:0;text-align:center;font:19px Round,Camp,sans-serif;letter-spacing:2px;color:#ecdfb8;text-shadow:0 2px 8px #2d433a;z-index:5;pointer-events:none}#feedback.perfect{color:#ffe4a0}#feedback.good{color:#dae9bf}#feedback.bomb{color:#f0b8b1}#cat-rig{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;filter:drop-shadow(0 4px 3px #84633b35)}#game>p{text-align:center;font-size:10px;color:#b8c2a7;margin:10px 0 0}.hit-burst{position:absolute;z-index:6;pointer-events:none;width:0;height:0}.hit-burst i{position:absolute;width:40px;height:40px;left:-20px;top:-20px;border:2px solid #ffe3a2;border-radius:50%;animation:ring .45s ease-out forwards}.hit-burst b{position:absolute;width:5px;height:8px;background:#ffe7a4;border-radius:50% 0 50% 0;animation:spark .5s ease-out forwards;transform:rotate(var(--angle))}.hit-burst.good b{background:#d9e8ac}.hit-burst.bomb b{background:#d7968f}.hit-burst.empty{opacity:.45}@keyframes ring{to{transform:scale(2.1);opacity:0}}@keyframes spark{to{transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) rotate(110deg);opacity:0}}
dialog{border:2px solid #b79767;border-radius:24px;background:#fff2d7;color:var(--ink);max-width:92vw;width:380px;padding:22px}dialog::backdrop{background:#172e27bb;backdrop-filter:blur(4px)}#login p{font-size:12px;line-height:1.8}#login button{margin:4px 2px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 17px;background:#344b3ff2;color:#fff0cf;border:1px solid #b4b78a55;border-radius:14px;font-size:12px;max-width:90%;z-index:20;pointer-events:none;box-shadow:0 5px 22px #1b332b33}#toast:empty{display:none}[hidden]{display:none!important}@media(min-width:800px){main{box-shadow:0 0 100px #0d201e80}}@media(prefers-reduced-motion:reduce){button{transition:none}.hit-burst{display:none}}
/* Home is a static character gallery; the entrance movie belongs to the selection scene. */
main{background-position:center top;background-attachment:scroll}header{position:relative;z-index:3}#home .title{margin:20px auto 0;position:relative;z-index:2;filter:none}#home .title>small{display:none}#home .title h1{display:inline-block;max-width:95%;padding:12px 18px 9px;background:repeating-linear-gradient(3deg,#775135 0 16px,#805a3b 17px 19px,#6e4b33 21px 29px);border:6px solid #553a29;border-radius:35px 28px 30px 24px;box-shadow:inset 0 0 0 2px #ba895b,0 6px 0 #4e3729,0 10px 16px #2b3a3144;transform:rotate(-3deg);letter-spacing:1px;margin:0;line-height:.95}#home .title h1>span{display:block;color:#fff0cb;font-size:65px;font-weight:1000;text-shadow:0 3px 0 #b68e61,1px 5px 0 #523927}#home .title h1 i{font-size:41px;font-style:normal}#home .title h1 strong{display:block;font-size:55px;font-weight:1000;color:#ffda8b;text-shadow:0 3px 0 #bf8a47,1px 6px 0 #543823}#home .title h1 em{font-size:26px;color:#fff2d5}#home .title h2{position:relative;display:block;max-width:90%;margin:7px auto 0;padding:8px 5px;border:3px solid #b28a5d;border-radius:10px;background:#795638;box-shadow:0 3px 0 #4e3828;color:#fff0ce;font-size:15px}#hero-frame{height:285px;margin:0 -5px -12px;border-radius:0;background:none;box-shadow:none;overflow:visible;position:relative}#hero-frame:after{content:'';position:absolute;left:15%;right:15%;height:25px;bottom:0;background:radial-gradient(ellipse,#32483090,transparent 70%);z-index:0}#hero-poster{position:relative;inset:auto;width:100%;height:100%;background:none;display:grid;place-items:center;z-index:1;filter:drop-shadow(0 5px 2px #41513a35)}#hero-poster svg{height:100%;width:100%;max-width:300px}#home>.paper{position:relative;z-index:2;padding:10px 12px 6px;margin-top:0;border:3px solid #dfbd8c;border-radius:27px 21px 24px 23px;box-shadow:0 5px 0 #83603c}#home>.paper>h2{display:table;margin:-25px auto 6px;background:#fbe9c4;border:2px solid #d0ac79;box-shadow:0 3px 0 #a98150;border-radius:45% 45% 30% 30%/30%;padding:8px 28px;font-size:20px;letter-spacing:3px}#home #cats{margin:0;gap:8px}#home #cats button{height:106px;border-radius:18px 16px 17px 18px;border:2px solid #d4b589;background:#f7e3c1;padding-top:78px;font-weight:650;box-shadow:0 3px 0 #c5a276}#home #cats button.selected{border-color:#f8c86e;box-shadow:0 0 0 2px #fff9d7,0 0 12px #ffd07b;background:#ffdfa0}#home>.paper>p{font-size:10px;color:#9b7c59;margin:9px 0 2px}#play{margin:21px auto 0;display:block;width:90%;border:5px solid #895c36;border-radius:22px;box-shadow:0 5px 0 #5b3e2b,inset 0 0 0 2px #fff0c8;font-size:27px;padding:13px 18px;letter-spacing:3px}#play span{float:right}#home-login{display:block;width:70%;margin:16px auto 0;background:#fff0d0;border:2px solid #c39b66;border-radius:18px;box-shadow:0 4px 0 #7c5534;font-size:17px;font-weight:650}#home-login span{float:right}#home nav{margin-top:24px}#home footer{letter-spacing:1px}
/* Selection is a persistent game screen: scene media behind the character controls, no dialog/player chrome. */
body.choosing-character{background:#203e32}body.choosing-character main{padding:0;background:#203e32;max-width:510px}body.choosing-character main>header{display:none}#selection{position:relative;width:100%;height:100dvh;min-height:740px;overflow:hidden;background:#294537;isolation:isolate}.selection-stage{position:absolute;inset:0;z-index:0;background:url('assets/background.png') center/cover}.selection-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;opacity:0;transition:opacity .25s;pointer-events:none}#selection.video-ready video{opacity:1}#selection-still{position:absolute;inset:17% 0 29%;display:grid;place-items:center;transition:opacity .2s}#selection-still svg{width:100%;height:100%;filter:drop-shadow(0 8px 4px #182d2540)}#selection.video-ready #selection-still{opacity:0}.selection-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#11291e70,transparent 30%,transparent 52%,#17312555 69%,#173125e6 100%)}.selection-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 16px;color:#f8e9c8}.selection-top button{background:#21433188;color:#fff0d0;border:1px solid #dddbb455;box-shadow:none;backdrop-filter:blur(7px);padding:8px 12px;font-size:11px;border-radius:22px}.selection-top small{font:8px Round,sans-serif;letter-spacing:2px}.selection-heading{position:absolute;z-index:2;left:25px;top:92px;color:#fff0cf;text-shadow:0 2px 8px #173c2bbb;pointer-events:none}.selection-heading>small{font-size:10px;letter-spacing:3px}.selection-heading h1{font-size:37px;margin:6px 0;letter-spacing:4px;font-weight:800}.selection-heading p{font-size:11px;margin:0;color:#fff3d7}.selection-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:0 16px max(17px,env(safe-area-inset-bottom))}#selection-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}#selection-cats button{position:relative;overflow:hidden;height:85px;padding:59px 0 6px;font-size:10px;color:#f4e6c6;border:1px solid #d1c29080;border-radius:13px;background:#31533ad9;backdrop-filter:blur(8px);box-shadow:0 3px 0 #1b322680}#selection-cats img{position:absolute;top:-3px;left:0;width:300%;height:130px;max-width:none;clip-path:inset(0 66.66% 50% 0);pointer-events:none}#selection-cats button.selected{border:2px solid #f9d181;box-shadow:0 0 0 2px #f8e5a44a,0 0 18px #ecca6d66;color:#ffe4a0}#entrance-replay{display:block;margin:7px auto 9px;min-height:28px;font-size:10px;background:transparent;border:0;box-shadow:none;color:#f7e9c8;padding:2px 10px}.preparation{padding:12px;border:1px solid #e2d7ad55;border-radius:17px;background:#fff0d5ec;backdrop-filter:blur(10px)}.preparation #song-picker{padding:7px 11px;min-height:47px}.preparation #song-picker span{font-size:9px}.preparation #song-picker strong{font-size:12px;margin-top:1px}.preparation label{margin:8px 0;font-size:11px;text-align:center}.preparation select{font-size:11px;padding:6px}.preparation #launch{font-size:15px;padding:11px;min-height:46px}.preparation #launch:disabled{opacity:.55}@media(max-height:740px){#selection{height:740px}.selection-heading{top:78px}#selection-cats button{height:77px;padding-top:52px}.selection-bottom{padding-bottom:12px}}

/* Supplied CAT CAMP maps and UI assets; no remote resources. */
body{--camp-map:url('assets/map-0.png')}
body[data-character="1"]{--camp-map:url('assets/map-1.png');--sage:#97744e}
body[data-character="2"]{--camp-map:url('assets/map-2.png');--sage:#b57891}
body[data-character="3"]{--camp-map:url('assets/map-3.png');--sage:#668965}
main,.selection-stage{background-image:linear-gradient(#2139310a,#18342c55),var(--camp-map)}
#field{background-image:linear-gradient(#26483dea,#31524199 55%,#d6c29cdd 82%,#d8bd92f0),var(--camp-map)}
#cats-toggle{font-size:14px;box-shadow:none;min-height:44px;margin:4px 0 10px}
.coin-art{background-image:url('assets/ui/icon_catcoin.png');background-size:contain;background-position:center}
.ops-form{padding:12px 0;text-align:left;border-bottom:1px dashed #cdb28a}.ops-form button{width:100%}.ops-row{padding:12px 0;border-bottom:1px dashed #cdb28a;overflow-wrap:anywhere}.ops-row code{font-size:12px}#ops-status{white-space:pre-wrap;text-align:left;overflow-wrap:anywhere;font-size:14px}
.first-clear-gift{background:linear-gradient(135deg,#fff7d6,#ffeaa0);border:2px dashed #e8bd75;border-radius:10px;padding:10px 14px;margin:8px 0;color:#7a541e;font-weight:bold;text-align:center;animation:gift-bounce .9s ease-out}
@keyframes gift-bounce{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
.asset-placeholder{opacity:.92}