/* Cluck or Fall V110 — V127 illustrated menu + V138 HUD treatment.
   Scoped skin only; the V110 gameplay engine and Cloudflare networking stay unchanged. */
:root{--cluck-cream:#fff4dd;--cluck-ink:#39252e;--cluck-edge:#291b28;--cluck-night:#1b3148;--cluck-gold:#ffd37b}
#ref138Stage[hidden],#ref138Dialog[hidden]{display:none!important}
#ref138Stage{position:absolute;inset:0;z-index:85;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;isolation:isolate}
#ref138Stage::before{content:"";position:absolute;inset:-32px;background:url('/assets/ui/reference/home_es.webp') center/cover;filter:blur(21px) brightness(.53);pointer-events:none}
html[lang="en"] #ref138Stage::before{background-image:url('/assets/ui/reference/home_en.webp')}
#ref138Canvas{position:relative;aspect-ratio:1207/670;width:min(100vw,calc(100dvh * 1207 / 670));max-height:100dvh;background:url('/assets/ui/reference/home_es.png') center/100% 100% no-repeat;box-shadow:0 12px 60px #06142f60;pointer-events:auto;container-type:size}
html[lang="en"] #ref138Canvas{background-image:url('/assets/ui/reference/home_en.png')}
#lobby:not([hidden]){isolation:isolate}
/* Hide the OLD lobby only while the illustrated new one is mounted. */
#lobby:has(#ref138Stage) > :not(#ref138Stage){display:none!important}
body:has(#lobby:not([hidden]) #ref138Stage) #topbar{display:none!important}
body:has(#lobby:not([hidden]) #ref138Stage) #world{visibility:hidden!important}
body:has(#lobby:not([hidden]) #ref138Stage){background:#133447!important}
#lobby:has(#ref138Stage):not([hidden]){position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;background:#153c57!important}
#ref138Canvas :is(button,.v138-wallet){box-sizing:border-box;font-family:Arial,sans-serif}
#ref138Canvas .ref138-action{position:absolute;z-index:3;appearance:none;padding:0!important;margin:0!important;border:0!important;min-width:0!important;min-height:0!important;box-shadow:none!important;outline:0;background:transparent!important;color:transparent!important;cursor:pointer;touch-action:manipulation;transform:none!important;border-radius:8px!important}
#ref138Canvas .ref138-action::before{content:"";position:absolute;inset:-1px;background-image:var(--hover-art);background-size:100% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .12s}
#ref138Canvas .ref138-action:is(:hover,:focus-visible)::before{opacity:1}
#ref138Canvas .ref138-action:focus-visible{outline:3px solid #fff0a9!important;outline-offset:2px!important}
#ref138Canvas .ref138-action:active::before{opacity:1;filter:brightness(.9)}
.v138-wallet{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(11px,2.65cqw,32px);line-height:1;color:#f9f6ef;text-shadow:0 2px 2px #161e30;pointer-events:none}
#v138EggIcon{position:absolute;z-index:6;pointer-events:none;background:#223a4f;border-radius:50%;text-align:center;line-height:1.8;font-size:clamp(10px,2.8cqw,31px);box-shadow:0 1px 2px #0d1622;color:#fff}
#ref138Stage .yan-placement{position:fixed!important;z-index:90;bottom:max(7px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(420px,92vw);pointer-events:auto;background:#153446ef;border-radius:12px;padding:3px 8px 5px;box-shadow:0 3px 10px #071a2599}
#ref138Stage .yan-placement[hidden]{display:none!important}
#ref138Stage .yan-label{font-size:10px;color:#e8eadc}
#ref138Stage .yan-creative{min-width:300px;min-height:50px}
/* Modals are short and do not cover game HUD; focus-visible and keyboard close supported. */
#ref138Dialog{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;background:#081725a8;backdrop-filter:blur(5px)}
#ref138Dialog .ref138-panel{width:min(480px,calc(100vw - 26px));max-height:min(640px,calc(100dvh - 22px));overflow:auto;border:4px solid #281b29;border-radius:19px;padding:20px;background:linear-gradient(155deg,#fff7e5,#f6d999);color:#392632;box-shadow:0 8px 0 #18111f,0 16px 65px #06162c9e}
#ref138Dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
#ref138Dialog h2{font:900 clamp(23px,5vw,31px)/1.1 'Arial Black',Impact,system-ui,sans-serif;letter-spacing:.1px;margin:0;color:#34232d;text-shadow:0 2px 0 #dba44f}
#ref138Dialog p{font:750 13px/1.42 Arial,sans-serif;margin:7px 0 13px;color:#5c4740}
#ref138Dialog :is(button,input){font-family:Arial,sans-serif;font-weight:900;box-sizing:border-box}
#ref138Dialog button{min-height:44px;padding:9px 13px;border:3px solid #39252e;border-radius:12px;background:linear-gradient(#ffe699,#f8b34f);color:#362631;box-shadow:0 3px 0 #2d1b25;cursor:pointer;text-shadow:0 1px 0 #fff0d1}
#ref138Dialog button:focus-visible,#ref138Dialog input:focus-visible{outline:3px solid #176bdd;outline-offset:2px}
#ref138Dialog button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
#ref138Dialog .ref138-close{width:42px;flex:none;background:#faf4d9;font-size:23px;padding:0}
#ref138Dialog .ref138-options{display:grid;gap:10px}
#ref138Dialog .ref138-option{text-align:left;display:flex;align-items:center;gap:12px;font-size:16px}
#ref138Dialog .ref138-option b{display:block}
#ref138Dialog .ref138-option small{display:block;font-size:11px;margin-top:3px;opacity:.75}
#ref138Dialog .ref138-option .ic{font-size:26px;flex:none}
#ref138Dialog input{width:100%;min-height:43px;padding:8px 12px;border:2px solid #39252e;border-radius:8px;background:#fff;color:#2d2630;font-size:16px}
#ref138Dialog .ref138-note{display:block;font-size:11px;line-height:1.4;color:#69544c;margin:11px 0 3px}
#ref138Dialog .ref138-banner{padding:9px 11px;border:1px solid #c9aa70;border-radius:10px;background:#ffefc6;font-size:12px;font-weight:800;color:#41333b}
/* V138 compact typography, dark HUD plaque, light submenus. */
#menuPanel,.party-panel,.result-simple,.exit-confirmation-card,.tutorial-card{border:3px solid #392631!important;border-radius:17px!important;background:linear-gradient(155deg,#fff7e4,#f3dbaf)!important;color:#38272d!important;box-shadow:0 5px 0 #2a1d28,0 16px 48px #09162899!important}
#menuPanel :is(h2,h3),.result-simple h2,.party-panel h2{font-family:'Arial Black',Impact,Arial,sans-serif!important;color:#342531!important;text-shadow:0 2px 0 #e1b77c!important;-webkit-text-stroke:0!important}
#menuContent button:not(:disabled),.result-simple button:not(:disabled),.party-panel button:not(:disabled){font-family:'Arial Black',Arial,sans-serif!important;letter-spacing:0!important;border-radius:12px!important;box-shadow:0 3px 0 #2c1c29!important;text-shadow:none!important}
#hud:not([hidden]) .hud-top{position:fixed!important;z-index:32;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(670px,calc(100vw - 188px));min-height:58px;display:flex!important;align-items:center;gap:9px;justify-content:space-between;padding:6px 11px!important;background:#1c344bee url('/assets/ui/reference/hud_plate.png') center/100% 100% no-repeat!important;border:3px solid #2e2333!important;border-radius:15px!important;box-shadow:0 4px 0 #10182799!important;color:#fff5e4!important;pointer-events:none}
#hud:not([hidden]) .hud-top .timer{display:none!important}
#hud:not([hidden]) .hud-top .player-card,#hud:not([hidden]) .hud-top .top-right{pointer-events:auto}
#hud:not([hidden]) .hud-top :is(b,.small-label,.score-card b){font-family:'Arial Black',Arial,sans-serif!important;color:#fff4db!important;text-shadow:none!important}
#hud:not([hidden]) .hud-top .score-card{background:#fff1c8!important;border:2px solid #3b2833!important;border-radius:9px!important;min-width:65px}
#hud:not([hidden]) .hud-top .score-card b{color:#392833!important;font-size:23px!important}
#hud:not([hidden]) .hud-top .score-card small{color:#513e3d!important}
#v138Objective:not([hidden]){position:fixed;z-index:33;top:max(13px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(285px,calc(100vw - 425px));min-width:160px;display:grid;gap:3px;align-items:center;justify-items:center;pointer-events:none;text-align:center;font-family:'Arial Black',Arial,sans-serif}
#v138Objective strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff5d5;text-shadow:0 2px 2px #122033;font-size:13px}
#v138Objective .v138-time{font-size:27px;line-height:1;color:#ffdb80;text-shadow:0 1px 1px #111f2b;font-variant-numeric:tabular-nums}
#v138Objective small{font:800 10px/1.15 Arial,sans-serif;color:#ecdec0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#hud:not([hidden]) .alive-tag{top:80px!important;right:18px!important;border:2px solid #392632!important;background:#fff0b8!important;color:#352331!important;border-radius:11px!important}
#hud:not([hidden]) .event-track{border-radius:12px!important;background:#17394bca!important;color:#fff3ce!important}
#hud:not([hidden]) #matchExitBtn,#hud:not([hidden]) #matchDanceBtn{border-radius:12px!important;border:3px solid #302334!important;background:linear-gradient(#ffe9a5,#f7b94d)!important;color:#382531!important;box-shadow:0 3px 0 #261a25!important}
@media (max-width:780px){#hud:not([hidden]) .hud-top{width:calc(100vw - 108px);left:calc(50% + 24px);padding:4px 6px!important;min-height:50px;border-width:2px!important}#v138Objective:not([hidden]){top:max(9px,env(safe-area-inset-top));width:min(170px,calc(100vw - 265px));min-width:108px;left:50%}#v138Objective strong{font-size:10px}#v138Objective .v138-time{font-size:21px}#v138Objective small{font-size:9px}#hud:not([hidden]) .hud-top .player-card{transform:scale(.83);transform-origin:left center}#hud:not([hidden]) .hud-top .score-card{min-width:49px}#hud:not([hidden]) .hud-top .score-card b{font-size:19px!important}}
@media (orientation:portrait){
 #ref138Stage{align-items:stretch}
 #ref138Canvas{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;background-size:auto 65%;background-position:center top;background-color:#143754}
 #ref138Canvas::before{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(transparent,#0d2b43 21%,#0f2840 100%);pointer-events:none}
 #ref138Canvas .ref138-action{left:auto!important;top:auto!important;width:44%!important;height:8.25%!important;border-radius:12px!important;background-image:var(--hover-art)!important;background-size:100% 100%!important;color:transparent!important;box-shadow:0 3px 10px #051f3fa0!important}
 #ref138Canvas .ref138-action::before{display:none!important}
 #ref138Canvas .ref138-action[data-key="play"]{left:5%!important;top:46%!important}
 #ref138Canvas .ref138-action[data-key="profile"]{left:51%!important;top:46%!important}
 #ref138Canvas .ref138-action[data-key="shop"]{left:5%!important;top:56%!important}
 #ref138Canvas .ref138-action[data-key="settings"]{left:51%!important;top:56%!important}
 #ref138Canvas .ref138-action[data-key="prizes"]{left:5%!important;top:66%!important}
 #ref138Canvas .ref138-action[data-key="exit"]{left:51%!important;top:66%!important}
 #ref138Canvas .v138-wallet{top:2%!important;font-size:clamp(13px,3.8vw,19px)!important}
 #ref138Canvas #v138EggCount{left:61%!important;width:15%!important}#ref138Canvas #v138TicketCount{left:86%!important;width:10%!important}
 #ref138Canvas #v138EggIcon{left:54%!important;width:6%!important;top:2%!important;font-size:16px!important;line-height:1.4}
 #ref138Stage .yan-placement{bottom:max(4px,env(safe-area-inset-bottom));max-width:94vw}
 #ref138Stage .yan-creative{min-width:250px}
 #hud:not([hidden]) .hud-top{top:max(10px,env(safe-area-inset-top));width:calc(100vw - 20px);left:50%;min-height:67px;transform:translateX(-50%);}
 #hud:not([hidden]) .hud-top .player-card{position:absolute;left:8px;top:9px}
 #hud:not([hidden]) .hud-top .top-right{position:absolute;right:8px;top:8px}
 #v138Objective:not([hidden]){left:50%;width:min(46vw,180px);min-width:110px;top:max(13px,env(safe-area-inset-top))}
 #hud:not([hidden]) .alive-tag{top:84px!important;right:12px!important}
}
@media (max-height:500px) and (orientation:landscape){#hud:not([hidden]) .hud-top{top:5px;min-height:48px}#v138Objective:not([hidden]){top:5px}#v138Objective .v138-time{font-size:22px}#hud:not([hidden]) .alive-tag{top:63px!important}}