:root{--cream:#0b1729;--ink:#eef5ff;--purple:#7154ff;--line:#253b54;--yellow:#ffcf24}
body{background:radial-gradient(ellipse at 50% 0,#173553,#0a1424 70%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.logo{font-weight:900}.logo-mark{color:#ffcf24}.logo small{color:#94b9d9}.icon-btn{background:#193651;border-color:#335674;color:#d8efff}.intro .pill{background:#1a4271;color:#8ee8ff}.intro h1 em{color:#ffcf24}.intro p{color:#9abbd5}
.game-shell{background:#10243c;border:1px solid #3a5b78;box-shadow:0 6px 0 #030d1b,0 14px 45px #0004}.game-top{background:#142d47;color:#eff7ff}.top-right{color:#9ebdd6}.track-dot{box-shadow:0 0 9px #03d8ed99}
.menu{background:linear-gradient(180deg,#07172bec,#0c2540e6)}.mini-eyebrow,.picker-label{color:#84c7ef}.menu h2{font-weight:850;letter-spacing:-.5px}.cat-card{background:#183552;border-color:#39516c;color:#edf6ff;box-shadow:none}.cat-card.selected{background:#293b7a;border-color:#8e7bff;box-shadow:0 3px 0 #372c76}.cat-card.selected:after{color:#ffdd3a}.cat-card small{color:#9ebdd7}.cat-card canvas{width:72px;height:68px}.cat-card strong{font-size:13px}
.world-card{background:#18334a;border-color:#39536b;color:#fff}.world-card.selected{background:#07554f;border-color:#00d5aa}.world-card small{color:#9bc1d2}.world-card .world-icon{color:#ffcb15}.picker-label{font-weight:750}.menu-hint{color:#9cbeda}
.primary{background:linear-gradient(#ffdf35,#ffc117);color:#382400;box-shadow:0 4px 0 #a76d00}.primary:hover{background:#ffe058}.primary:active{box-shadow:0 2px 0 #a76d00}.secondary{background:#194b83;color:#eff7ff;box-shadow:0 4px 0 #09335f}.text-btn{color:#7ed9ff}
.controls{display:grid;grid-template-columns:1fr minmax(108px,.95fr) 1fr;gap:14px;padding:15px 20px;background:#10243c;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}
.controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.controls svg{pointer-events:none}
.steer-button{width:100%;max-width:none;min-width:0;height:70px;border-radius:14px;background:linear-gradient(#0daaf3,#086add);color:white;box-shadow:0 5px 0 #034480;display:grid;place-items:center;gap:0}
.steer-button svg{width:40px;height:40px;stroke-width:3.5}.steer-button.pressed{background:linear-gradient(#0385d2,#0753b6);box-shadow:0 2px 0 #033b6b;transform:translateY(3px)}
.magic-button{width:100%;height:70px;min-height:0;background:#29415a;box-shadow:0 5px 0 #0a192b;color:#c8d7e7;padding:10px;grid-template-columns:35px 1fr}.magic-button small{color:#9ab2c9}.magic-button.ready{background:linear-gradient(#ffe349,#ffc314);color:#352300;box-shadow:0 5px 0 #a06c00,0 0 18px #ffb31955}.magic-button.ready small{color:#65440d}.controls button:disabled:not(.magic-button){opacity:.35}
.below-game{color:#9cb6ce}footer{color:#779ab6}.hud-badge{background:#0b2440e8;border-color:#5990b9;box-shadow:0 3px 0 #07111f66;color:#fff}.hud-badge>span{color:#83c4ee}.hud-badge strong>span{color:#8eb4d1}.progress-area>span{color:#123d5e;text-shadow:0 1px 3px white}.progress-track{background:#e5f6ffcc}.progress-track i{background:#ffe027}.progress-track b{color:#ffbc00}.power-badge{min-width:67px}.power-badge strong{font-size:25px;line-height:1.05}.power-badge small{display:block;font-size:7px;color:#9ac4e0;margin-top:3px}.speed-readout{background:#10283be0;color:#fff;border:1px solid #7fb2d5}.speed-readout small{color:#a7d3ee}
.loading{background:#102b47;color:#f3f8ff}.loading h2{font-weight:700}.loading-paw{color:#ffcf24}.loading-bar{background:#294561}.loading-bar i{background:#16c4ff}.loading-caption{color:#9dc9e7}.countdown{text-shadow:0 4px 0 #074076,0 6px 18px #0008}.toast{background:#052b50ee;border:1px solid #61c7ff;color:#ffdd52}.magic-cue{text-shadow:0 2px 5px #001627}
.offer-layer{background:#001628a8}.offer-card{background:#eff7ff;border-color:#7cb9ea;color:#132e4d}.offer-card>.mini-eyebrow{color:#3a73a3}.offer-card>p{color:#477294}.offer-card .offer-hint{color:#60809e}.magic-ball{background:radial-gradient(circle at 30% 24%,#646e80 0,#0a1424 43%,#01040a 78%)}.blue-triangle{background:linear-gradient(#2389ff,#063dab)}.ball-glint{background:#ffffff70}.car-stat .stat-label{color:#416488}.stat-pips i{background:#ceddeb}.stat-pips i.full{background:#297bdd}.stat-pips i.better{background:#00ae74}.outcome-icon{font-size:56px;line-height:1.2;padding:10px}.outcome-icon.unlucky{background:#ffde8c55;border-radius:12px}.surprise .offer-perk{max-width:260px}
.pause-layer,.finish-layer{background:#001528a3}.pause-card,.finish-card{background:#eaf5ff;color:#163754;border-color:#84b5e0;box-shadow:0 6px 0 #01101e80}.pause-card .mini-eyebrow,.finish-card .mini-eyebrow{color:#4c78a3}.pause-card p,.finish-card p{color:#4e7798}.pause-card .text-btn,.finish-card .text-btn{color:#1871ba}.finish-stats{color:#4b7295}.finish-stats strong{color:#155cad}
dialog{background:#10273f;color:#eaf6ff;border-color:#376183}.guide-item b{background:#144576;color:#ffdc36}.guide-item p{color:#9abbda}.guide-item strong{color:#e1f2ff}.install-box{background:#183a58}.install-box p{color:#a6c8e0}.small{color:#95b8d5}.dialog-heading .mini-eyebrow{color:#81c8f5}
@media(max-width:700px){.cat-card canvas{width:57px;height:55px}.cat-card strong{font-size:11px}.controls{padding:11px 9px 14px;gap:8px;grid-template-columns:1fr minmax(105px,.98fr) 1fr}.steer-button,.magic-button{height:66px}.magic-button{grid-template-columns:28px 1fr;padding:8px;column-gap:5px}.magic-button>span:nth-child(2){font-size:7px;letter-spacing:0}.magic-button small{font-size:7px}.power-badge{min-width:54px}.power-badge strong{font-size:21px}.power-badge small{font-size:6px}.outcome-icon{font-size:45px;padding:6px}}
@media(max-height:720px) and (max-width:700px),(orientation:landscape) and (max-height:600px){.offer-card .outcome-icon{grid-column:1/-1;grid-row:4;font-size:40px;line-height:1.2;padding:5px}.offer-card.surprise .offer-actions{margin-top:5px}}
@media(orientation:landscape) and (max-height:600px){.controls{width:160px;display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:10px}.controls #left{order:0}.controls #right{order:1}.controls #magic{order:2;grid-column:span 2}.steer-button{height:68px}}
/* Paw-party update: picture choices, dress-up, and a celebration for every finish. */
.closet-open{margin-top:13px;font-size:11px;padding:7px}.choice-symbol{display:block;font-size:25px;line-height:1.1;margin-bottom:4px}.offer-actions button{min-height:65px}.outcome-icon{font-size:64px}.blue-triangle #ball-answer{font-size:8px;line-height:1.1}
.kitty-reaction{position:absolute;left:12px;bottom:65px;z-index:3;display:flex;align-items:center;max-width:calc(100% - 24px);pointer-events:none}.kitty-reaction canvas{width:58px;height:58px;flex:none;animation:kitty-pop .5s ease-out}.kitty-reaction span{background:#fff9e8;border:2px solid #ffce31;color:#164579;font-size:12px;font-weight:800;padding:10px 13px;border-radius:16px;box-shadow:0 3px 0 #09264144}.kitty-reaction[hidden]{display:none}@keyframes kitty-pop{0%{transform:scale(.6) rotate(-12deg)}60%{transform:scale(1.1) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.finish-layer{padding:12px}.finish-card{width:365px;padding:16px 20px}.finish-card #celebration{display:block;width:min(100%,270px);height:auto;margin:10px auto 6px;border-radius:16px}.finish-card h2{font-size:25px;margin:8px 0 4px}.finish-card p{margin:5px 0;font-size:12px}.emote-buttons{display:flex;justify-content:center;gap:12px}.emote-buttons button{min-width:48px;min-height:44px;font-size:23px;border-radius:12px;background:#d4e5f8;border:2px solid #aacbec}.emote-buttons button[aria-pressed=true]{border-color:#8554f6;background:#ecddff}.finish-card .reward-announcement{background:#fff0a5;border-radius:9px;padding:7px;color:#624409;font-weight:750}.finish-card .text-btn{margin:8px auto 0}.finish-card .finish-stats{margin-top:7px}.finish-stats strong{font-size:17px;margin-bottom:1px}.finish-card .primary{margin-top:10px;min-height:48px}.finish-card #finish-dress{font-size:11px}
#closet{width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}#closet-preview{display:block;width:260px;max-width:100%;height:auto;margin:auto}#closet-progress{font-size:12px;color:#ffc92d;line-height:1.5;text-align:center}.closet-row{margin:12px 0}.closet-row>strong{font-size:12px;display:block;margin-bottom:7px}.closet-row>div{display:flex;gap:8px}.closet-row button{display:flex;flex:1;align-items:center;flex-direction:column;padding:8px 3px;min-height:65px;border:2px solid #3d668e;border-radius:12px;background:#1d405f;color:#eef7ff;min-width:0}.closet-row button span{font-size:27px}.closet-row button small{font-size:10px;margin-top:5px}.closet-row button[aria-pressed=true]{border-color:#ffcb23;background:#305a83}.closet-row button:disabled{opacity:.48}.emote-buttons,#closet-options{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(max-height:750px) and (max-width:700px){.finish-card #celebration{width:200px}.finish-card{padding:12px 17px}.finish-card .finish-stats{display:none}.finish-card p{font-size:11px}.finish-card h2{font-size:22px}.choice-symbol{font-size:21px}.offer-actions button{min-height:58px}}
@media(orientation:landscape) and (max-height:600px){.finish-card{width:470px;max-width:100%;display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 14px;padding:12px}.finish-card>.mini-eyebrow{grid-column:1/-1}.finish-card #celebration{grid-column:1;grid-row:2/6;width:150px;align-self:center}.finish-card .emote-buttons{grid-column:1;grid-row:6;gap:5px}.emote-buttons button{min-width:40px;min-height:38px}.finish-card h2,.finish-card p,.finish-card .primary,.finish-card .text-btn{grid-column:2;margin:3px 0}.finish-card h2{font-size:20px}.finish-card .finish-stats{display:none}.finish-card #new-adventure{font-size:9px}.closet-open{font-size:9px;margin-top:4px;padding:4px}.kitty-reaction{bottom:15px}.kitty-reaction span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.kitty-reaction canvas{animation:none}}