/* Cluck or Fall · accessible arcade UI. No new images, fonts or framework. */
:root{--ui-paper:#fff8e7;--ui-card:#fffdf5;--ui-ink:#183c3d;--ui-muted:#4d635b;--ui-line:#61776b;--ui-soft:#e4edda;--ui-gold:#ffdb75;--ui-dark:#183c3d;--ui-scale:1;--ui-hit:44px}
.ui-v123{color-scheme:light}
.ui-v123 body{touch-action:auto;font-family:Nunito,Arial,sans-serif;color:var(--ui-ink)}
.ui-v123 [hidden]{display:none!important}
.ui-v123 :is(button,input,select,summary){font-family:Nunito,Arial,sans-serif!important;touch-action:manipulation}
.ui-v123 button,.ui-v123 summary{min-height:var(--ui-hit)!important;min-width:var(--ui-hit);cursor:pointer}
.ui-v123 :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #0055d4!important;outline-offset:3px!important;box-shadow:0 0 0 5px #fff!important}
.ui-v123 button:disabled{opacity:1!important;cursor:default;filter:none!important}
.ui-v123 :is(input:not([type=range]),select){min-height:44px!important;border:2px solid var(--ui-line)!important;border-radius:5px!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;font-size:calc(16px * var(--ui-scale))!important;padding:9px 12px!important;max-width:100%;box-sizing:border-box}
.ui-v123 input::placeholder{color:var(--ui-muted);opacity:1}
.ui-v123 input[type=range]{min-height:44px;accent-color:#285a49;touch-action:pan-y}
.ui-v123 :is(.panel,.tutorial-card,.learn-panel,.exit-confirmation-card,.campaign-accessory-card){background:var(--ui-paper)!important;color:var(--ui-ink)!important;border:2px solid var(--ui-ink)!important;border-radius:6px!important;box-shadow:0 5px 0 #163d3a66!important}
.ui-v123 :is(.overlay,.tutorial-overlay,.round-learning,.campaign-accessory-overlay){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#102e36c9!important;padding:12px!important;overflow-y:auto;overscroll-behavior:contain}
.ui-v123 :is(.eyebrow,.action-kicker){color:var(--ui-muted)!important;font:900 calc(12px * var(--ui-scale))/1.4 Nunito,Arial,sans-serif!important;letter-spacing:.7px!important}
.ui-v123 :is(.play-btn,.tutorial-primary,.wardrobe-buy,#learnNext,#openChest){background:var(--ui-gold)!important;color:var(--ui-ink)!important;border:2px solid var(--ui-ink)!important;border-radius:5px!important;box-shadow:0 3px 0 #6d632d!important;font-size:calc(16px * var(--ui-scale))!important;line-height:1.3!important;padding:12px 16px!important;white-space:normal!important}
.ui-v123 :is(.secondary-btn,.text-btn,.toggle,.tutorial-secondary,.wardrobe-reset){background:var(--ui-soft)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:5px!important;font-size:calc(15px * var(--ui-scale))!important;line-height:1.35!important;padding:10px 14px!important;white-space:normal!important}
.ui-v123 button[aria-pressed=true]:not(.action-btn):not(.home-action){outline:2px solid var(--ui-ink);outline-offset:-3px}
.ui-v123 :is(.play-btn,.wardrobe-buy):disabled{background:#dbe3d7!important;color:#4a6053!important;box-shadow:none!important}
.ui-v123 :is(p,small,label,button,h2,h3){overflow-wrap:break-word}
.ui-v123 .noise{display:none!important}
.ui-v123 #world,.ui-v123 #touchUI,.ui-v123 #training122{touch-action:none}
.ui-v123 #lobby::before,.ui-v123 #lobby::after{display:none!important}
/* Home: the existing 3D chicken gets its own clear stage. */
.ui-v123 #topbar:not([hidden]){position:fixed!important;inset:0 0 auto!important;display:flex!important;flex-wrap:nowrap!important;min-height:64px;height:auto;padding:10px 22px!important;gap:12px;background:linear-gradient(#153f4855,transparent)!important;box-sizing:border-box}
.ui-v123 #topbar .brand{display:flex!important;width:auto!important;gap:10px;font-size:17px!important;line-height:1.2!important;color:#fff8e7;text-shadow:0 2px 2px #183c3d}
.ui-v123 #topbar .brand small{display:none!important}
.ui-v123 #topbar .brand-app-icon{width:38px!important;height:38px!important}
.ui-v123 #topbar .top-actions{width:auto!important;gap:8px!important;align-items:center}
.ui-v123 #topbar .wallet{display:flex!important;align-items:center;gap:7px;height:40px!important;padding:6px 12px!important;border:1px solid #fff8e744!important;background:#183c3ddd!important;color:#fff8e7!important;border-radius:7px!important;box-shadow:none!important;font:900 15px/1.2 Nunito,Arial,sans-serif!important}
.ui-v123 #topbar .wallet svg{width:20px;height:20px}
.ui-v123 #topbar #settingsBtn{display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;padding:10px!important;border:1px solid var(--ui-line)!important;background:var(--ui-paper)!important;color:var(--ui-ink)!important;border-radius:8px!important;box-shadow:0 3px 0 #183c3d55!important}
.ui-v123 #settingsBtn:after{display:none!important}
.ui-v123 #settingsBtn svg{width:24px!important;height:24px!important}
.ui-v123 #topbar :is(#soundBtn,#languageBtn){display:none!important}
.ui-v123 #lobby:not([hidden]){position:fixed!important;inset:76px 4vw 24px!important;display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:4vw!important;align-items:stretch!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;height:auto!important;overflow:visible!important;pointer-events:none;box-sizing:border-box}
.ui-v123 #uiHomeStore{display:none!important}
.ui-v123 .ui-avatar-zone{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0}
.ui-v123 #uiChickenStage{width:100%;flex:1;min-height:0;pointer-events:none}
.ui-v123 .ui-avatar-zone .name-box{position:relative!important;display:block!important;flex:none;max-width:250px!important;width:80%;padding:0!important;margin:4px 0 0!important;pointer-events:auto}
.ui-v123 .name-box label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ui-v123 .ui-avatar-zone #playerName{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:8px 24px 8px 12px!important;border:1px solid #fff8e766!important;border-radius:7px!important;background:#183c3de8!important;color:#fff8e7!important;text-align:center;font:900 calc(14px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;box-shadow:none!important;text-overflow:ellipsis}
.ui-v123 .ui-avatar-zone .name-box:after{content:'✎';position:absolute;right:9px;top:10px;color:#fff8e7;font-size:19px;pointer-events:none}
.ui-v123 .ui-home-dock{display:grid;align-content:center;gap:12px;min-width:0;max-width:410px;width:100%;justify-self:center;pointer-events:auto}
.ui-v123 #uiPlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:104px!important;padding:15px 18px;border:2px solid #624c24;border-radius:10px;background:var(--ui-gold);color:var(--ui-ink);box-shadow:0 5px 0 #7a5f2a;text-align:center}
.ui-v123 .ui-play-label{font:400 calc(28px * var(--ui-scale))/1.2 Bungee,Impact,sans-serif;letter-spacing:.5px}
.ui-v123 .ui-play-label>span{font-family:Nunito,Arial,sans-serif;font-size:.7em;vertical-align:10%;margin-right:4px}
.ui-v123 .ui-play-mode{font:900 calc(14px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif}
.ui-v123 .ui-home-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.ui-v123 .ui-home-links button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0!important;min-height:52px!important;padding:9px 10px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-paper);color:var(--ui-ink);box-shadow:0 3px 0 #183c3d66;font:900 calc(15px * var(--ui-scale))/1.2 Nunito,Arial,sans-serif}
.ui-v123 #uiCollection svg{display:block;width:23px;height:23px}
.ui-v123 .version-tag{display:none!important}
/* Secondary choices appear only when requested. Original buttons keep their identity. */
.ui-v123 #menuPanel:is([data-menu=modes],[data-menu=collection]){width:min(630px,100%)!important}
.ui-v123 .ui-home-modes .home-main-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:none!important}
.ui-v123 .ui-home-modes .home-action{display:flex!important;align-items:center;gap:12px!important;min-height:96px!important;width:100%!important;margin:0!important;padding:14px!important;border:2px solid var(--ui-line)!important;border-radius:6px!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;text-align:left!important;box-shadow:none!important}
.ui-v123 .ui-home-modes .home-action[aria-pressed=true]{background:var(--ui-gold)!important;border-color:var(--ui-ink)!important;box-shadow:inset 0 0 0 1px var(--ui-ink)!important}
.ui-v123 .ui-home-modes .home-action[aria-pressed=true] .home-action-arrow:after{content:'✓'}
.ui-v123 .ui-home-modes .home-action-arrow{font-size:0!important;flex:none;width:18px}
.ui-v123 .ui-home-modes .home-action-arrow:after{font-size:20px}
.ui-v123 .ui-home-modes .action-kicker{display:none!important}
.ui-v123 .ui-home-modes .home-action-icon{display:flex!important;flex:0 0 26px!important;width:26px!important;height:30px!important;color:var(--ui-ink)!important}
.ui-v123 .ui-home-modes .home-action-icon svg{width:26px;height:26px}
.ui-v123 .ui-home-modes .home-action-copy{display:block!important;flex:1;min-width:0}
.ui-v123 .ui-home-modes .home-action-copy b{display:block;font:900 calc(17px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important}
.ui-v123 .ui-home-modes .home-action-copy small{display:block!important;color:var(--ui-muted)!important;white-space:normal!important;margin-top:5px;font:800 calc(13px * var(--ui-scale))/1.35 Nunito,Arial,sans-serif!important}
.ui-v123 .ui-collection-links,.ui-v123 .ui-help-links{display:grid;gap:10px}
.ui-v123 :is(.ui-collection-links,.ui-help-links) button{display:flex;align-items:center;gap:14px;min-width:0;min-height:66px!important;padding:12px!important;text-align:left;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-card);color:var(--ui-ink);box-shadow:none}
.ui-v123 :is(.ui-collection-links,.ui-help-links) button>span:last-child{min-width:0;flex:1}
.ui-v123 :is(.ui-collection-links,.ui-help-links) b{display:block;font-size:calc(17px * var(--ui-scale))}
.ui-v123 :is(.ui-collection-links,.ui-help-links) small{display:block!important;margin-top:3px;color:var(--ui-muted)}
.ui-v123 :is(.ui-collection-links,.ui-help-links) .utility-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;color:var(--ui-ink);font-size:24px}
.ui-v123 :is(.ui-collection-links,.ui-help-links) svg{width:28px;height:28px}
.ui-v123 .ui-collection-links #chestHomeBtn{background:var(--ui-gold)}
@media(orientation:landscape) and (max-height:560px){
 .ui-v123 #topbar:not([hidden]){min-height:56px;padding:4px 14px!important}
 .ui-v123 #lobby:not([hidden]){inset:62px 3vw 12px!important;gap:3vw!important}
 .ui-v123 .ui-home-dock{gap:12px;max-width:350px}
 .ui-v123 #uiPlay{min-height:86px!important;padding:12px}
}
@media(orientation:landscape) and (max-width:700px){
 .ui-v123 #topbar .brand{font-size:13px!important;gap:6px}
 .ui-v123 #topbar .brand-app-icon{width:28px!important;height:28px!important}
 .ui-v123 #topbar .wallet{font-size:13px!important;padding:6px 8px!important;gap:4px}
 .ui-v123 #topbar .top-actions{gap:6px!important}
 .ui-v123 #lobby:not([hidden]){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}
 .ui-v123 .ui-home-links{gap:7px}
 .ui-v123 .ui-home-links button{font-size:calc(13px * var(--ui-scale))!important;padding:9px 6px}
 .ui-v123 .ui-play-label{font-size:calc(24px * var(--ui-scale))}
 .ui-v123 #uiCollection svg{display:none}
}
@media(orientation:portrait){
 .ui-v123 #topbar:not([hidden]){padding:8px 12px!important;gap:7px}
 .ui-v123 #topbar .brand{font-size:12px!important;max-width:112px;gap:6px}
 .ui-v123 #topbar .brand-app-icon{display:none!important}
 .ui-v123 #topbar .top-actions{gap:6px!important}
 .ui-v123 #topbar .wallet{font-size:13px!important;padding:6px 8px!important;gap:4px}
 .ui-v123 #lobby:not([hidden]){inset:72px 16px max(16px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:16px!important}
 .ui-v123 .ui-avatar-zone{flex:1;min-height:100px}
 .ui-v123 .ui-home-dock{flex:none;align-self:center;max-width:430px}
 .ui-v123 #uiPlay{min-height:86px!important;padding:12px}
 .ui-v123 .ui-home-modes .home-main-actions{grid-template-columns:minmax(0,1fr)!important}
}
/* Consistent menu frame, with one visible back control. */
.ui-v123 #menuPanel{width:min(760px,100%)!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;margin:auto!important;padding:0!important;overflow:auto!important;overflow-x:hidden!important;scroll-padding:78px 12px 20px;overscroll-behavior:contain}
.ui-v123 #menuPanel:is(.wardrobe-panel,.dance-panel){width:min(1080px,100%)!important}
.ui-v123 #uiMenuBar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:6px 14px;box-sizing:border-box;background:var(--ui-paper);color:var(--ui-ink);border-bottom:2px solid var(--ui-line)}
.ui-v123 #uiMenuTrail{font:900 calc(14px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif}
.ui-v123 #closeMenu{position:static!important;inset:auto!important;display:flex!important;align-items:center;gap:10px;width:auto!important;height:auto!important;margin:0!important;padding:8px 12px!important;background:var(--ui-soft)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;font:900 calc(14px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important;box-shadow:none!important;flex-shrink:0}
.ui-v123 #menuContent{padding:20px!important;max-width:none!important;min-width:0;overflow:visible!important;box-sizing:border-box}
.ui-v123 #menuContent :is(h2,h3){color:var(--ui-ink)!important;letter-spacing:0!important;line-height:1.25!important;text-shadow:none!important}
.ui-v123 #menuContent h2{font:900 calc(26px * var(--ui-scale))/1.2 Nunito,Arial,sans-serif!important;margin:6px 0 18px!important;padding:0!important}
.ui-v123 #menuContent h3{font:900 calc(18px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;margin:4px 0 8px!important}
.ui-v123 #menuContent p{font:700 calc(15px * var(--ui-scale))/1.5 Nunito,Arial,sans-serif!important;color:var(--ui-muted)!important;max-width:70ch}
.ui-v123 #menuContent small{font-size:calc(13px * var(--ui-scale))!important;line-height:1.4!important}
.ui-v123 #menuContent button{font-size:calc(15px * var(--ui-scale))!important}
.ui-v123 #menuContent summary{display:flex;align-items:center;padding:8px 12px;background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:4px;font-weight:900;font-size:calc(15px * var(--ui-scale))}
.ui-v123 #menuContent summary:before{content:'+';font-size:22px;margin-right:10px}
.ui-v123 #menuContent details[open]>summary:before{content:'−'}
.ui-v123 .ui-section{border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-card);padding:16px;margin:16px 0}
.ui-v123 #menuContent .settings-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:16px!important;padding:12px 0!important;margin:0!important;min-height:58px;border-bottom:1px solid #bbc6b1;box-sizing:border-box;font:800 calc(16px * var(--ui-scale))/1.4 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important}
.ui-v123 .settings-row:last-child{border-bottom:0!important}
.ui-v123 .settings-row>span,.ui-v123 .settings-row>label{flex:1;min-width:0}
.ui-v123 .settings-row .toggle{min-width:100px!important;max-width:55%}
.ui-v123 .settings-row select{max-width:58%;width:210px}
.ui-v123 .settings-row input[type=range]{width:46%!important;min-width:90px;max-width:300px}
.ui-v123 .language-options,.ui-v123 .image-quality-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.ui-v123 :is(.language-options,.image-quality-options) button{border:1px solid var(--ui-line)!important;border-radius:4px!important;padding:10px 12px!important;background:var(--ui-soft)!important;color:var(--ui-ink)!important}
.ui-v123 :is(.language-options,.image-quality-options) button[aria-pressed=true]{background:var(--ui-gold)!important;border-width:2px!important;font-weight:900}
.ui-v123 .image-quality-setting{padding:14px 0!important;border:0!important;background:transparent!important}
.ui-v123 .image-quality-title{display:block;margin-bottom:10px;font-weight:900;font-size:calc(16px * var(--ui-scale))}
.ui-v123 .ui-help-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.ui-v123 .ui-control{display:flex;align-items:center;gap:12px;border:1px solid var(--ui-line);padding:12px;background:var(--ui-soft);border-radius:4px}
.ui-v123 .ui-control svg{width:28px;height:28px;fill:currentColor}
.ui-v123 .ui-control b,.ui-v123 .ui-control span{display:block;font-size:calc(15px * var(--ui-scale));line-height:1.4}
.ui-v123 .ui-help-events{display:grid;gap:12px;margin:18px 0}
.ui-v123 .ui-help-event{border:1px solid var(--ui-line);border-left:5px solid #8c642c;padding:14px;background:var(--ui-card);border-radius:4px}
.ui-v123 .ui-help-event .ui-time{display:inline-block;padding:4px 8px;background:var(--ui-soft);border-radius:3px;font-size:calc(14px * var(--ui-scale));font-weight:900}
.ui-v123 .ui-button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ui-v123 .ui-button-row button{flex:1;min-width:150px}
/* Wardrobe and dances: readable catalog and uninterrupted vertical scrolling. */
.ui-v123 :is(.wardrobe-header,.dance-header){display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px!important;background:transparent!important;color:var(--ui-ink)!important;border-bottom:1px solid var(--ui-line);margin-bottom:16px}
.ui-v123 :is(.wardrobe-header,.dance-header) h2{margin-bottom:0!important}
.ui-v123 :is(#wardrobeMoney,#danceBalance){background:var(--ui-gold)!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;color:var(--ui-ink)!important;padding:10px!important;font-size:calc(16px * var(--ui-scale))!important;flex-shrink:0}
.ui-v123 .wardrobe-layout,.ui-v123 .dance-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important;height:auto!important;min-height:0!important;overflow:visible!important}
.ui-v123 :is(.wardrobe-sidebar,.wardrobe-shop,.wardrobe-catalog,.dance-preview,.dance-collection){position:static!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;color:var(--ui-ink)!important;border:0!important}
.ui-v123 :is(.wardrobe-preview,.dance-preview-top){background:#dce8d0!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:5px!important}
.ui-v123 .wardrobe-stage{height:180px!important;min-height:0!important}
.ui-v123 #wardrobeCanvas{width:100%!important;height:100%!important}
.ui-v123 .wardrobe-stage-label{padding:10px!important;color:var(--ui-ink)!important;font-size:12px!important}
.ui-v123 .wardrobe-equipped,.ui-v123 #dancePreviewState{color:var(--ui-ink)!important;background:var(--ui-paper)!important;font-size:12px!important;padding:4px 6px!important}
.ui-v123 .wardrobe-rotate{display:flex!important;align-items:center;justify-content:center;gap:12px;padding:8px!important;color:var(--ui-ink)!important;font-size:14px!important}
.ui-v123 .wardrobe-rotate button{width:44px!important;height:44px!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:4px!important}
.ui-v123 :is(.wardrobe-detail,.wardrobe-order,.wardrobe-action-area,.wardrobe-progress,.dance-copy,.dance-purchase){margin:12px 0!important;padding:12px!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:5px!important}
.ui-v123 :is(.wardrobe-detail,.wardrobe-order,.wardrobe-progress) :is(b,span,label,small){color:var(--ui-ink)!important;font-size:calc(14px * var(--ui-scale))!important}
.ui-v123 .wardrobe-order-row{gap:8px;flex-wrap:wrap}
.ui-v123 .wardrobe-action-area{display:grid;gap:10px}
.ui-v123 .wardrobe-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;background:transparent!important;position:static!important;border:0!important;margin-bottom:16px!important}
.ui-v123 .wardrobe-tabs button{flex:1 1 95px!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;padding:10px!important;background:var(--ui-soft)!important;color:var(--ui-ink)!important}
.ui-v123 .wardrobe-tabs button[aria-pressed=true]{background:var(--ui-gold)!important;font-weight:900}
.ui-v123 .wardrobe-collection-head{padding:0!important;gap:10px;flex-wrap:wrap}
.ui-v123 .wardrobe-toolbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:12px 0!important}
.ui-v123 .wardrobe-filters{display:flex;gap:8px}
.ui-v123 .wardrobe-filters button{background:var(--ui-soft)!important;border:1px solid var(--ui-line)!important;color:var(--ui-ink)!important;border-radius:4px!important;padding:8px 12px!important}
.ui-v123 .wardrobe-filters button[aria-pressed=true]{background:var(--ui-gold)!important}
.ui-v123 .wardrobe-grid,.ui-v123 .dance-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important;max-height:none!important;overflow:visible!important;padding:4px!important}
.ui-v123 .wardrobe-item,.ui-v123 .dance-card{border:2px solid var(--ui-line)!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;border-radius:5px!important;box-shadow:0 3px 0 #203d3a20!important;min-width:0!important;padding:0!important;overflow:hidden}
.ui-v123 :is(.wardrobe-item,.dance-card)[aria-pressed=true]{border:3px solid #204d3c!important;background:var(--ui-soft)!important}
.ui-v123 :is(.wardrobe-item-copy,.dance-card-copy){padding:10px!important;background:var(--ui-card)!important;color:var(--ui-ink)!important}
.ui-v123 :is(.wardrobe-item-copy,.dance-card-copy) b{font:900 calc(15px * var(--ui-scale))/1.35 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important}
.ui-v123 .wardrobe-item-bottom{flex-wrap:wrap;gap:6px}
.ui-v123 :is(.wardrobe-card-badge,.dance-status,.dance-free){font:900 calc(12px * var(--ui-scale))/1.35 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important;background:var(--ui-paper)!important}
.ui-v123 .wardrobe-pieces{display:flex;flex-wrap:wrap;gap:8px;background:var(--ui-soft)!important;color:var(--ui-ink)!important;padding:8px!important;border-radius:3px}
.ui-v123 .wardrobe-pieces button{font-size:calc(13px * var(--ui-scale))!important;color:var(--ui-ink)!important;background:var(--ui-gold)!important}
.ui-v123 .wardrobe-footer{position:static!important;padding:14px 0!important;background:none!important;border:0!important;color:var(--ui-muted)!important;font-size:13px!important;line-height:1.4}
.ui-v123 #danceCanvas{height:240px!important;width:100%!important;background:#dce8d0!important;border-radius:5px}
.ui-v123 .dance-playback{width:100%;background:var(--ui-soft)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;padding:10px!important}
.ui-v123 .dance-note{padding:12px!important;background:var(--ui-soft)!important;border-radius:4px}
/* Rewards, rooms, tutorial and results use the same readable card vocabulary. */
.ui-v123 :is(.chest-card,.chest-target,.chest-reveal,.how-row,.campaign-accessory-option){background:var(--ui-soft)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:5px!important;padding:16px!important}
.ui-v123 .chest-reveal{background:#fff0bc!important}
.ui-v123 .chest-card{gap:16px}
.ui-v123 .chest-card progress{width:100%;height:12px;accent-color:#285a49}
.ui-v123 .chest-art{flex-shrink:0}
.ui-v123 .how-row{font-size:calc(16px * var(--ui-scale))!important;gap:12px!important}
.ui-v123 .room-code-label{font-size:calc(15px * var(--ui-scale))!important;line-height:1.4!important;color:var(--ui-ink)!important}
.ui-v123 .room-code-divider{color:var(--ui-muted)!important;font-size:calc(13px * var(--ui-scale))!important;margin:20px 0!important}
.ui-v123 .room-join-btn{width:100%;margin-top:12px!important}
.ui-v123 .campaign-accessory-card{width:min(660px,100%)!important;max-height:calc(100dvh - 24px);overflow:auto;padding:20px!important}
.ui-v123 .campaign-accessory-card p,.ui-v123 .campaign-accessory-footnote{font:700 calc(15px * var(--ui-scale))/1.5 Nunito,Arial,sans-serif!important;color:var(--ui-muted)!important}
.ui-v123 .campaign-accessory-option strong{font-size:calc(18px * var(--ui-scale))!important}
.ui-v123 .campaign-accessory-option small{font-size:calc(13px * var(--ui-scale))!important}
.ui-v123 .tutorial-card,.ui-v123 .learn-panel{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:20px!important;width:min(800px,100%)!important;box-sizing:border-box}
.ui-v123 :is(.tutorial-card,.learn-panel) h2{font:900 calc(25px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important;letter-spacing:0!important}
.ui-v123 :is(.tutorial-card,.learn-panel) p{font:800 calc(15px * var(--ui-scale))/1.45 Nunito,Arial,sans-serif!important;color:var(--ui-muted)!important}
.ui-v123 :is(.tutorial-step,.learn-card){background:var(--ui-soft)!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;padding:12px!important}
.ui-v123 :is(.tutorial-step,.learn-card) b{font-size:calc(15px * var(--ui-scale))!important;color:var(--ui-ink)!important;letter-spacing:0!important}
.ui-v123 :is(.tutorial-step small,.learn-panel kbd){font-size:calc(13px * var(--ui-scale))!important;color:var(--ui-ink)!important}
.ui-v123 .learn-art{color:#244c3b!important;border-color:var(--ui-line)!important;box-shadow:none!important}
.ui-v123 .learn-heading{font-size:calc(13px * var(--ui-scale))!important;color:var(--ui-muted)!important}
.ui-v123 .learn-footer{position:sticky!important;bottom:-20px!important;background:var(--ui-paper)!important;padding:12px 0!important;border-top:1px solid var(--ui-line);gap:10px!important;flex-wrap:wrap}
.ui-v123 .learn-footer button{font-size:calc(14px * var(--ui-scale))!important;padding:10px 14px!important}
.ui-v123 #learningCoach{min-height:44px!important;padding:0 0 0 12px!important;border:1px solid var(--ui-line)!important;border-radius:4px!important;background:var(--ui-paper)!important;color:var(--ui-ink)!important;box-shadow:0 2px 0 #153b3b45!important;max-width:calc(100vw - 140px)!important}
.ui-v123 #coachContent{font:900 calc(13px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;padding:7px 0!important;color:var(--ui-ink)!important}
.ui-v123 #coachClose{position:static!important;align-self:stretch;min-width:44px!important;min-height:44px!important;width:44px!important;padding:0!important;margin:0!important;background:none!important;color:var(--ui-ink)!important;font-size:24px!important;border:0!important}
.ui-v123 #objectiveHud{font-variant-numeric:tabular-nums}
.ui-v123 #objectiveTitle{font-size:calc(16px * var(--ui-scale))!important}
.ui-v123 #objectiveDetail,.ui-v123 #matchHealth{font-size:calc(12px * var(--ui-scale))!important}
.ui-v123 #matchExitBtn,.ui-v123 #matchDanceBtn{min-height:44px!important;font-size:14px!important;border:2px solid #36574d!important}
.ui-v123 :is(#jumpBtn,#dashBtn){touch-action:none!important;border:3px solid #fff7dc!important;box-shadow:0 0 0 2px #21463e,0 4px 0 #21463e66!important;color:#183c3d!important}
.ui-v123 :is(#jumpBtn,#dashBtn) span{font:900 14px/1.2 Nunito,Arial,sans-serif!important}
.ui-v123 #stick{border:2px solid #fff5d2!important;box-shadow:0 0 0 2px #21463e!important}
.ui-v123 #training122 .trn-head{max-width:calc(100vw - 138px)!important}
.ui-v123 #training122 #trnCounter122{font-size:11px!important;letter-spacing:.4px!important}
.ui-v123 #training122 #trnTitle122{font-size:calc(14px * var(--ui-scale))!important;line-height:1.3!important}
.ui-v123 #training122 .trn-act{touch-action:none!important;min-width:66px!important;min-height:66px!important}
.ui-v123 #training122 .trn-act span{font-size:13px!important}
.ui-v123 #trnSkip122{min-height:44px!important;min-width:88px!important;font-size:14px!important}
.ui-v123 .party-panel,.ui-v123 .result-panel{width:min(780px,100%)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px!important;box-sizing:border-box}
.ui-v123 :is(#partyOverlayTitle,#resultTitle){font:900 calc(26px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important}
.ui-v123 :is(#partyOverlayDesc,#resultDesc,#partyNext){font:800 calc(15px * var(--ui-scale))/1.45 Nunito,Arial,sans-serif!important}
.ui-v123 .party-row{grid-template-columns:36px minmax(0,1fr) 72px 65px!important;font-size:calc(14px * var(--ui-scale))!important;padding:11px 10px!important;min-height:46px;gap:8px!important;border-radius:4px!important;border:1px solid var(--ui-line)!important;background:var(--ui-card)!important;color:var(--ui-ink)!important}
.ui-v123 .party-row.me{border:2px solid #52451e!important;background:var(--ui-gold)!important}
.ui-v123 .party-row .roundpts{color:#84421f!important}
.ui-v123 #partyHomeBtn{position:static!important;display:inline-flex;margin:0 0 12px!important;min-height:44px!important;padding:10px 14px!important;font:900 14px/1.2 Nunito,Arial,sans-serif!important}
.ui-v123 #partyRoundCountdown{font:900 calc(15px * var(--ui-scale))/1.4 Nunito,Arial,sans-serif!important}
.ui-v123 .exit-confirmation-card{width:min(520px,100%)!important;max-height:calc(100dvh - 24px);overflow:auto;padding:22px!important}
.ui-v123 .exit-confirmation-card h2{font:900 calc(25px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important}
.ui-v123 .exit-confirmation-card :is(p,small){font:800 calc(15px * var(--ui-scale))/1.45 Nunito,Arial,sans-serif!important;color:var(--ui-muted)!important}
.ui-v123 :is(#cancelMatchExit,#confirmMatchExit){font:900 calc(15px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;padding:12px!important;border-radius:4px!important}
.ui-v123 #cancelMatchExit{background:var(--ui-gold)!important;color:var(--ui-ink)!important;border:2px solid var(--ui-ink)!important}
.ui-v123 #confirmMatchExit{background:var(--ui-soft)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important}
.ui-v123 #toast{font:900 calc(15px * var(--ui-scale))/1.4 Nunito,Arial,sans-serif!important;background:#183c3d!important;color:#fff8e7!important;border:1px solid #fff8e7;border-radius:4px!important;max-width:min(600px,calc(100vw - 32px))!important;white-space:normal!important}
/* Alternate visibility options change UI surfaces, never world colours. */
.ui-v123[data-ui-contrast=high]{--ui-paper:#fff;--ui-card:#fff;--ui-ink:#102724;--ui-muted:#263d33;--ui-line:#263d33;--ui-soft:#e7eedc;--ui-gold:#ffde73}
.ui-v123[data-ui-contrast=high] #objectiveHud{background:#102724f5!important;color:#fff!important;padding:6px 10px!important;border:1px solid #fff!important;border-radius:4px!important;text-shadow:none!important}
.ui-v123[data-ui-contrast=high] :is(#objectiveTitle,#objectiveDetail,#matchHealth){color:#fff!important;text-shadow:none!important}
.ui-v123[data-ui-contrast=high] .actor-name{background:#102724f5!important;color:#fff!important;text-shadow:none!important;border:1px solid #fff!important}
.ui-v123[data-ui-contrast=high] .actor-name.local-player{background:#ffdf79!important;color:#102724!important;border:2px solid #102724!important}
.ui-v123[data-ui-motion=reduced] :is(button,.panel,.tutorial-card,.learn-panel,.learn-highlight,.trn-head,.trn-notice,.chest-art,.chest-reveal,.party-row,.home-action,.home-utility,#countdown,#toast,.egg){animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.ui-v123:not([data-ui-motion=normal]) :is(button,.panel,.tutorial-card,.learn-panel,.learn-highlight,.chest-art,#countdown,#toast,.egg){animation:none!important;transition:none!important}}
@media(hover:hover) and (pointer:fine){.ui-v123 :is(.home-action,.home-utility,.wardrobe-item,.dance-card):hover{border-color:#183c3d!important;box-shadow:0 0 0 2px #183c3d!important}.ui-v123 button:hover{filter:brightness(.97)}}
@media(pointer:coarse){.ui-v123{--ui-hit:48px}.ui-v123 #menuContent button{min-height:48px!important}}
@media(max-width:900px){.ui-v123 .wardrobe-layout,.ui-v123 .dance-layout{grid-template-columns:220px minmax(0,1fr)!important}.ui-v123 #menuContent{padding:16px!important}}
@media(orientation:landscape) and (max-height:560px){
 .ui-v123 #menuPanel{max-height:calc(100dvh - 16px)!important}.ui-v123 #menuOverlay{padding:8px!important}.ui-v123 #menuContent{padding:16px!important}.ui-v123 #uiMenuBar{min-height:56px;padding:4px 12px}.ui-v123 .wardrobe-stage{height:135px!important}.ui-v123 #danceCanvas{height:175px!important}.ui-v123 .learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ui-v123 .party-panel,.ui-v123 .result-panel{padding:16px!important}.ui-v123 #partyPodiumCanvas{height:200px!important}
}
@media(orientation:portrait) and (max-width:800px){
 .ui-v123 #menuOverlay{padding:8px!important}.ui-v123 #menuPanel{max-height:calc(100dvh - 16px)!important}.ui-v123 #menuContent{padding:14px!important}.ui-v123 #menuContent h2{font-size:calc(24px * var(--ui-scale))!important}.ui-v123 #uiMenuBar{padding:6px 10px}.ui-v123 .ui-section{padding:12px}.ui-v123 .settings-row{flex-wrap:wrap}.ui-v123 .settings-row select{max-width:100%;width:100%}.ui-v123 .settings-row .toggle{max-width:65%}.ui-v123 .ui-help-controls{grid-template-columns:1fr}.ui-v123 .ui-button-row{flex-direction:column}
 .ui-v123 .wardrobe-layout,.ui-v123 .dance-layout{grid-template-columns:minmax(0,1fr)!important}.ui-v123 .wardrobe-stage{height:180px!important}.ui-v123 #danceCanvas{height:200px!important}.ui-v123 .wardrobe-grid,.ui-v123 .dance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-v123 .wardrobe-tabs button{flex:1 1 88px!important}.ui-v123 .wardrobe-header,.ui-v123 .dance-header{flex-wrap:wrap}.ui-v123 .wardrobe-item-art{height:135px!important}
 .ui-v123 .tutorial-grid,.ui-v123 .learn-cards{grid-template-columns:1fr!important}.ui-v123 .tutorial-actions{display:grid;grid-template-columns:1fr!important;gap:12px!important}.ui-v123 .tutorial-card,.ui-v123 .learn-panel{padding:16px!important}.ui-v123 .learn-footer{bottom:-16px!important}.ui-v123 .learn-art{flex-shrink:0}
 .ui-v123 #objectiveTitle{font-size:calc(13px * var(--ui-scale))!important}.ui-v123 #objectiveDetail,.ui-v123 #matchHealth{font-size:calc(11px * var(--ui-scale))!important}.ui-v123 #learningCoach{right:12px!important;max-width:calc(100vw - 24px)!important}.ui-v123 .party-panel,.ui-v123 .result-panel{padding:14px!important}.ui-v123 .party-row{grid-template-columns:26px minmax(0,1fr) 54px 48px!important;gap:6px!important;padding:10px 6px!important;font-size:calc(12px * var(--ui-scale))!important}.ui-v123 .party-row .place{font-size:15px!important}
 .ui-v123 .campaign-accessory-options{grid-template-columns:1fr!important}.ui-v123 .campaign-accessory-card{padding:16px!important}
}

.ui-v123 .trn-end-card{background:var(--ui-paper)!important;color:var(--ui-ink)!important;border:2px solid var(--ui-ink)!important;border-radius:6px!important;max-height:calc(100dvh - 24px);overflow:auto;padding:20px!important}
.ui-v123 .trn-end-card h2{font:900 calc(25px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important;color:var(--ui-ink)!important}
.ui-v123 .trn-end-card p{font:800 calc(15px * var(--ui-scale))/1.5 Nunito,Arial,sans-serif!important;color:var(--ui-muted)!important}
.ui-v123 .trn-end-card button{font:900 calc(16px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;padding:12px!important;border-radius:4px!important}

.ui-v123 #campaignMainTitle{color:var(--ui-ink)!important}
/* The celebration remains full screen; its action rail stays outside the 3D stage. */
.ui-v123 :is(#partyOverlay,#resultOverlay).podium-screen{padding:0!important;background:#102a36!important;overflow:hidden!important}
.ui-v123 .podium-screen .podium-fullscreen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;color:#fff8e7!important}
.ui-v123 .podium-screen :is(#partyPodiumCanvas,#podiumCanvas){height:100%!important}
.ui-v123 .podium-screen :is(#partyOverlayTitle,#resultTitle){color:#ffe29a!important;font-size:calc(28px * var(--ui-scale))!important}
.ui-v123 .podium-screen :is(#partyOverlayDesc,#resultDesc){color:#fff8e7!important}
.ui-v123 .podium-screen :is(#partyEyebrow,#resultEyebrow){color:#ffe29a!important;font-size:12px!important;letter-spacing:.4px!important}
.ui-v123 .podium-screen .podium-footer{grid-template-columns:minmax(160px,1fr) repeat(3,minmax(140px,200px));grid-template-areas:'winner play chest share' 'prize prize prize prize';gap:10px;padding:14px 20px;}
.ui-v123 .podium-screen #partyChestBtn{grid-area:chest}
.ui-v123 .podium-screen :is(#partyActionBtn,#partyChestBtn,#partyShareBtn,#againBtn){min-height:48px!important;font:900 calc(15px * var(--ui-scale))/1.3 Nunito,Arial,sans-serif!important;padding:10px!important;border-radius:4px!important}
.ui-v123 .podium-screen :is(#partyActionBtn,#againBtn) span:first-child{font:inherit!important}
.ui-v123 .podium-screen :is(#partyPrizeNote,.podium-card span,.podium-card small){font-size:calc(12px * var(--ui-scale))!important;line-height:1.35!important}
.ui-v123 .podium-screen .podium-card b{font:900 calc(16px * var(--ui-scale))/1.25 Nunito,Arial,sans-serif!important}
@media(orientation:landscape) and (max-height:650px){
 .ui-v123 .podium-screen .podium-heading{top:65px;right:12px;width:210px}
 .ui-v123 .podium-screen :is(#partyOverlayTitle,#resultTitle){font-size:calc(21px * var(--ui-scale))!important}
 .ui-v123 .podium-screen .podium-footer{right:12px;bottom:10px;width:210px;max-height:calc(100dvh - 110px);overflow-y:auto;grid-template-columns:1fr;grid-template-areas:'prize' 'play' 'chest' 'share';gap:8px;padding:4px;background:#102a36ed}
 .ui-v123 .podium-screen #partyNext{display:none!important}
 .ui-v123 .podium-screen #partyPrizeNote{margin:0!important;font-size:12px!important}
 .ui-v123 .podium-screen .podium-card b{font-size:14px!important}
 .ui-v123 .podium-screen .podium-card :is(span,small){font-size:11px!important}
}
@media(orientation:portrait) and (max-width:800px){
 .ui-v123 .podium-screen .podium-footer{grid-template-columns:1fr 1fr;grid-template-areas:'prize prize' 'play chest' 'share share';max-height:44dvh;overflow-y:auto;padding:10px;gap:9px}
 .ui-v123 .podium-screen .podium-card b{font-size:14px!important}
 .ui-v123 .podium-screen .podium-card :is(span,small){font-size:11px!important}
 .ui-v123 .podium-screen #partyNext{display:none!important}
}
.ui-v123 #toast{padding:8px 12px!important}

.ui-v123 .party-panel:not(.podium-fullscreen) .party-big-icon{display:none!important}
.ui-v123 :is(.wallet,.icon-btn,.panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ui-v123 #loading b{font:900 18px/1.4 Nunito,Arial,sans-serif!important}
.ui-v123 #loading p{font:700 14px/1.4 Nunito,Arial,sans-serif!important}