/* Cohesive toy-game UI. Does not change the banner dock or gameplay controls. */
:root{--menu-night:#142c43;--menu-sky:#24b6ed;--menu-paper:#fffaf0}
#ref138Canvas .ref138-action{border-width:3px!important;border-color:#163044!important;border-radius:22px!important;box-shadow:0 5px 0 #153348,inset 0 2px 0 #ffffff80,0 12px 28px #102a4433!important;transition:filter .18s,box-shadow .18s!important}
#ref138Canvas .ref138-action .cmi{filter:none; width:24%}
#ref138Canvas .ref138-action .cmi svg{width:100%;height:100%;max-height:58px;overflow:visible}
#ref138Canvas .ref138-action .cmt{font-family:Nunito,system-ui,sans-serif;font-weight:1000;text-shadow:0 2px 0 #173e594d;letter-spacing:-.6px}
#ref138Canvas .ref138-action[data-key="play"]{background:linear-gradient(145deg,#64e555,#20b943)!important}
#ref138Canvas .ref138-action[data-key="shop"]{background:linear-gradient(145deg,#ffdb68,#f5ad28)!important}
#ref138Canvas .ref138-action[data-key="profile"]{background:linear-gradient(145deg,#49d4fc,#119cde)!important}
#ref138Canvas .ref138-action[data-key="settings"]{background:linear-gradient(145deg,#889fbe,#597595)!important}
#ref138Canvas .ref138-action[data-key="help"]{background:linear-gradient(145deg,#42dbc2,#10a793)!important}
#ref138Canvas .c-player-name{border:2px solid #9cc1d36b;border-radius:16px;background:#16334ae8;box-shadow:0 7px 20px #0b253536}
#ref138Canvas .v138-wallet{border:2px solid #9fc4dc66;border-radius:16px;box-shadow:0 5px 16px #12364a40;background:#16334ae8}
#menuOverlay,#ref138Dialog{background:#071a35a3;backdrop-filter:blur(12px)}
#menuPanel:not(.wardrobe-panel):not(.dance-panel),#ref138Dialog .ref138-panel{border:1px solid #ffffffa6!important;border-radius:28px!important;background:linear-gradient(155deg,#fffdf6,#ecf5f8)!important;color:#19364b!important;box-shadow:0 24px 80px #061a4680,inset 0 1px 0 white!important;padding:28px}
#menuPanel:not(.wardrobe-panel):not(.dance-panel) h2,#ref138Dialog h2{color:#183950!important;letter-spacing:-.7px;text-shadow:none!important}
#menuPanel .eyebrow{color:#2786a9;font-size:10px;font-weight:1000;letter-spacing:2px}
#menuPanel .close,#ref138Dialog .ref138-close{border:1px solid #b9d5e4;border-radius:14px;width:44px;height:44px;background:#fff;color:#254c66;box-shadow:0 3px 9px #173d5010}
#menuPanel:has(.solo-modes){width:min(1020px,96vw)!important;padding:26px!important}
#menuPanel .solo-modes{gap:16px}
#menuPanel .solo-mode,#menuPanel .game-choice{border:1px solid #c7dce6;border-radius:20px;background:#fff!important;box-shadow:0 5px 15px #163a5310;gap:11px;padding:12px;transition:transform .16s,box-shadow .16s,border-color .16s}
#menuPanel .solo-mode:hover,#menuPanel .game-choice:hover{border-color:#20a7da;box-shadow:0 10px 25px #1790b928;transform:translateY(-3px)}
#menuPanel .solo-mode .solo-icon,#menuPanel .game-choice .choice-icon{border:0;border-radius:13px;height:128px!important}
#menuPanel .solo-mode b,#menuPanel .game-choice b{color:#173a53;font-size:17px;letter-spacing:-.3px}
#menuPanel .solo-mode small,#menuPanel .game-choice small{color:#587180;font:800 12px/1.5 Nunito,Arial,sans-serif}
#menuPanel .solo-mode.featured{background:linear-gradient(135deg,#fff4c7,#fffaf0)!important;border-color:#e9bf57}
#menuPanel .solo-mode.featured .solo-icon{background:#ffe591}
#ref138Dialog .ref138-option{border:1px solid #c9dce6;border-radius:18px;box-shadow:0 4px 12px #173a4a0b;background:white;padding:16px;transition:transform .16s,border-color .16s}
#ref138Dialog .ref138-option:hover{border-color:#31b7e3;transform:translateY(-2px)}
#ref138Dialog .ref138-option .ic{border-radius:14px;background:#e8f6fd;padding:8px}
#ref138Dialog .ref138-option small{color:#607988;line-height:1.45}
#menuPanel .settings-row{padding:16px 0;border-color:#cddfe8}
#menuPanel .toggle,#menuPanel .secondary-btn{border:1px solid #b6d6e3;border-radius:12px;box-shadow:none}
#menuPanel input.challenge-input{border:2px solid #bedde9;border-radius:16px;background:#fff;color:#173a53}
#menuPanel button:focus-visible,#ref138Dialog button:focus-visible{outline:3px solid #008dc9;outline-offset:4px}
/* A running voxel chicken replaces the unrelated pulse/spinner. No fake progress. */
#loading{background:radial-gradient(ellipse at 50% 32%,#3cabc1,#173a58 72%);color:#fff7dc}
#loading p{color:#cce4ed}
#loading .egg,.match-pulse{width:128px!important;height:118px!important;margin:12px auto 22px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;animation:none!important;position:relative}
.match-pulse::before,.match-pulse::after{display:none!important}
.cluck-loading-art{width:128px;height:118px;display:block;overflow:visible;filter:drop-shadow(0 7px 0 #102f4f26)}
.cluck-loading-art .loading-bird{transform-origin:64px 60px;animation:chicken-ready .55s ease-in-out infinite alternate}
.cluck-loading-art .loading-ground{transform-origin:64px 104px;animation:chicken-shadow .55s ease-in-out infinite alternate}
@keyframes chicken-ready{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-9px) rotate(4deg)}}
@keyframes chicken-shadow{from{transform:scaleX(1);opacity:.45}to{transform:scaleX(.77);opacity:.23}}
#menuPanel .match-status{background:#e4f4fa;border:1px solid #c6e2ed;border-radius:22px;padding:20px 12px}
#menuPanel .match-count{color:#177fac;text-shadow:none}
@media(max-width:650px){#menuPanel:has(.solo-modes){padding:18px!important}#menuPanel .solo-modes{gap:10px}#menuPanel .solo-mode{padding:9px;min-height:164px;border-radius:17px}#menuPanel .solo-mode .solo-icon{height:90px!important}#menuPanel .solo-mode b{font-size:13px}#menuPanel .solo-mode small{font-size:11px}#menuPanel:not(.wardrobe-panel):not(.dance-panel),#ref138Dialog .ref138-panel{padding:20px;border-radius:23px}#ref138Canvas .ref138-action{border-radius:17px!important}}
@media(prefers-reduced-motion:reduce){.cluck-loading-art .loading-bird,.cluck-loading-art .loading-ground{animation:none}#menuPanel .solo-mode,#ref138Dialog .ref138-option{transition:none}}