/* Cluck or Fall — menú 3D inspirado en referencia del usuario, V111. */
#ref138Stage{background:transparent!important}
#ref138Stage::before{display:none!important}
#ref138Canvas{height:100%;width:100%;max-height:none;aspect-ratio:auto;background:none!important;box-shadow:none!important;container-type:inline-size;position:relative;overflow:hidden}
#ref138Canvas::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#12364042 0%,transparent 22%,transparent 58%,#092c486b 100%);pointer-events:none}
body:has(#lobby:not([hidden]) #ref138Stage) #world{visibility:visible!important}
#lobby:has(#ref138Stage):not([hidden]){background:transparent!important}
body:has(#lobby:not([hidden]) #ref138Stage){background:#9cafb0!important}
#ref138Canvas .ref138-action{
 width:min(26.2vw,310px)!important;height:clamp(74px,12.5vh,101px)!important;
 top:auto!important;left:auto!important;right:auto!important;pointer-events:auto!important;
 display:flex!important;align-items:center!important;gap:clamp(8px,1.4vw,21px)!important;
 padding:10px clamp(10px,1.3vw,19px)!important;
 color:white!important;background-image:none!important;
 border:clamp(4px,.6vw,7px) solid #152035!important;border-radius:18px!important;
 box-shadow:0 5px 0 #111d2c, inset 0 2px 0 #ffffff6c, inset 0 -4px 0 #10213244,0 10px 22px #06152255!important;
 transform:translateY(0);transition:transform .15s,filter .15s;
 z-index:5;cursor:pointer;text-align:left!important
}
#ref138Canvas .ref138-action::before{display:none!important}
#ref138Canvas .ref138-action:hover{filter:brightness(1.12);transform:translateY(-3px)}
#ref138Canvas .ref138-action:active{transform:translateY(3px);box-shadow:0 2px 0 #152035!important}
#ref138Canvas .ref138-action .cmi{flex:none;display:grid;place-items:center;width:23%;height:100%;font-size:clamp(30px,3.6vw,44px);filter:drop-shadow(3px 4px 0 #13243ba8);font-family:Nunito,Arial,sans-serif}
#ref138Canvas .ref138-action .cmt{font:900 clamp(22px,2.3vw,35px)/1 Nunito,system-ui,sans-serif;color:#fff;text-shadow:2px 3px 0 #233353a8;word-break:normal;white-space:nowrap}
#ref138Canvas .ref138-action[data-key="play"]{left:4%!important;top:40%!important;background:linear-gradient(#3ee527,#20bc0f)!important}
#ref138Canvas .ref138-action[data-key="shop"]{left:4%!important;top:55%!important;background:linear-gradient(#ffcd30,#ffa913)!important}
#ref138Canvas .ref138-action[data-key="prizes"]{left:4%!important;top:70%!important;background:linear-gradient(#b83df0,#9424d7)!important}
#ref138Canvas .ref138-action[data-key="profile"]{right:4%!important;top:40%!important;background:linear-gradient(#29bafa,#078ee5)!important}
#ref138Canvas .ref138-action[data-key="settings"]{right:4%!important;top:55%!important;background:linear-gradient(#8798ba,#677799)!important}
#ref138Canvas .ref138-action[data-key="help"]{right:4%!important;top:70%!important;background:linear-gradient(#19cca5,#079b97)!important}
#ref138Canvas .c-menu-logo{position:absolute;z-index:3;pointer-events:none;top:4.5%;left:50%;transform:translateX(-50%) rotate(-3deg);text-align:center;filter:drop-shadow(1px 5px 0 #11243d)}
#ref138Canvas .c-menu-logo span{display:block;font:400 clamp(32px,5.2vw,75px)/.94 Bungee,Impact,sans-serif;-webkit-text-stroke:clamp(1px,.45vw,5px) #11243a;paint-order:stroke fill;text-shadow:0 5px 0 #101d36,0 8px 5px #060f2d80}
#ref138Canvas .c-menu-logo .c-orange{color:#ffc12d}.c-menu-logo .c-blue{color:#28b9fa}
#ref138Canvas .c-menu-logo .c-or{font-size:clamp(20px,2.5vw,36px);color:#fff;margin:0 0 2px}
#ref138Canvas #v138EggIcon{display:none!important}
#ref138Canvas .v138-wallet{z-index:9;font:900 clamp(14px,1.7vw,26px)/1 Nunito,Arial,sans-serif!important;top:2%!important;background:#243952f2;min-width:92px;padding:13px 16px!important;border-radius:11px;border:3px solid #101b2c;box-shadow:0 4px 0 #15263a;left:auto!important;width:auto!important;height:auto!important}
#ref138Canvas #v138EggCount{right:16.2%!important}
#ref138Canvas #v138TicketCount{right:6.6%!important}
#ref138Canvas #v138EggCount::before{content:'🥚';padding-right:7px}
#ref138Canvas #v138TicketCount::before{content:'🎟️';padding-right:7px}
#ref138Canvas .c-player-name{position:absolute;z-index:6;left:50%;bottom:8.9%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:min(310px,40vw);padding:9px 13px;color:#fff;background:#1e344e;border:4px solid #111f35;border-radius:9px;box-shadow:0 4px 0 #101c2c;font:900 16px Nunito,Arial,sans-serif}
#ref138Canvas .c-player-name input{background:transparent;color:white;border:0;min-width:0;width:100%;text-align:center;font:900 16px Nunito,Arial,sans-serif;outline-offset:5px}
#ref138Canvas .c-player-name input::placeholder{color:#cad9e2}
#ref138Canvas .c-player-name .pencil{font-size:19px}
#ref138Stage .yan-placement{left:auto!important;right:10px!important;transform:none!important;bottom:10px!important;z-index:80}
#ref138Dialog .ref138-panel,#c-glasses-dialog .glass-card{font-family:Nunito,Arial,sans-serif}
#ref138Dialog h2,#c-glasses-dialog h2{font-family:Bungee,Impact,sans-serif!important}
#c-glasses-dialog[hidden]{display:none!important}
#c-glasses-dialog{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:15px;background:#0b2036cf;backdrop-filter:blur(12px)}
#c-glasses-dialog .glass-wrap{width:min(830px,96vw);max-height:95dvh;overflow:auto;background:linear-gradient(145deg,#fff4cf,#f7d18a);color:#1e2e40;border:6px solid #16273e;border-radius:24px;box-shadow:0 10px 0 #0a1627,0 35px 90px #06172a99;text-align:center;padding:20px 23px 26px}
#c-glasses-dialog h2{font-size:clamp(22px,4vw,35px);margin:0 0 5px;line-height:1.2;color:#243b58}
#c-glasses-dialog .glass-kicker{font:900 14px Nunito,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#bb5c19}
#c-glasses-dialog .glass-intro{font:800 15px Nunito,Arial,sans-serif;margin:3px 0 15px}
#c-glasses-dialog .glass-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#c-glasses-dialog .glass-card{display:flex;flex-direction:column;align-items:center;gap:9px;border:4px solid #21314c;border-radius:18px;padding:14px 7px 16px;background:linear-gradient(#fbffff,#ccecf6);color:#1b3048;cursor:pointer;box-shadow:0 6px 0 #14253d,0 12px 17px #182c3a3b;transition:transform .13s}
#c-glasses-dialog .glass-card:hover,#c-glasses-dialog .glass-card:focus-visible{transform:translateY(-5px);outline:3px solid #fff;outline-offset:2px;background:#fff}
#c-glasses-dialog .glass-card strong{font:900 clamp(14px,2.3vw,22px) Nunito,Arial,sans-serif}
#c-glasses-dialog .glass-card small{font:800 12px Nunito,Arial,sans-serif}
#c-glasses-dialog .glass-bird{width:min(150px,100%);aspect-ratio:1;filter:drop-shadow(0 5px 1px #0b253b35)}
#c-glasses-dialog .glass-footer{font:800 12px/1.4 Nunito,Arial,sans-serif;margin:16px 4px 0}
@media(max-width:900px){#ref138Canvas .ref138-action .cmt{font-size:clamp(17px,2.3vw,26px)}#ref138Canvas .c-menu-logo{top:9%}#ref138Canvas .c-player-name{bottom:10%}}
@media(max-height:530px) and (orientation:landscape){#ref138Canvas .c-menu-logo{top:3%}#ref138Canvas .c-menu-logo span{font-size:28px!important}#ref138Canvas .ref138-action{height:20%!important}#ref138Canvas .ref138-action[data-key="play"],#ref138Canvas .ref138-action[data-key="profile"]{top:27%!important}#ref138Canvas .ref138-action[data-key="shop"],#ref138Canvas .ref138-action[data-key="settings"]{top:51%!important}#ref138Canvas .ref138-action[data-key="prizes"],#ref138Canvas .ref138-action[data-key="help"]{top:75%!important}#ref138Canvas .c-player-name{bottom:20%}}
@media(orientation:portrait){
 #ref138Canvas{height:100dvh!important;background:none!important}
 #ref138Canvas::before{background:linear-gradient(180deg,#17344966,#001b3380 38%,#142f46ee 55%,#102638 100%)}
 
 #ref138Canvas .c-menu-logo{top:10%;left:50%}#ref138Canvas .c-menu-logo span{font-size:clamp(34px,8.5vw,46px)!important}#ref138Canvas .c-menu-logo .c-or{font-size:22px!important}
 #ref138Canvas .ref138-action{width:45%!important;height:9%!important;gap:3px!important;padding:7px!important;border-width:4px!important}
 #ref138Canvas .ref138-action .cmi{font-size:clamp(22px,7vw,36px)!important;width:30%}
 #ref138Canvas .ref138-action .cmt{font-size:clamp(15px,4.8vw,24px)!important;white-space:normal!important;overflow-wrap:anywhere}
 #ref138Canvas .ref138-action[data-key="play"]{left:3%!important;top:42%!important}
 #ref138Canvas .ref138-action[data-key="profile"]{left:52%!important;right:auto!important;top:42%!important}
 #ref138Canvas .ref138-action[data-key="shop"]{left:3%!important;top:53%!important}
 #ref138Canvas .ref138-action[data-key="settings"]{left:52%!important;right:auto!important;top:53%!important}
 #ref138Canvas .ref138-action[data-key="prizes"]{left:3%!important;top:64%!important}
 #ref138Canvas .ref138-action[data-key="help"]{left:52%!important;right:auto!important;top:64%!important}
 #ref138Canvas .v138-wallet{top:2%!important;padding:8px!important;min-width:65px;font-size:13px!important}
 #ref138Canvas #v138EggCount{right:28%!important;left:auto!important;width:auto!important}
 #ref138Canvas #v138TicketCount{right:13%!important;left:auto!important;width:auto!important}
 
 #ref138Canvas .c-player-name{width:min(290px,80vw);bottom:20%;padding:6px}
 
 
 #ref138Stage .yan-placement{bottom:0!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:96vw}
 #c-glasses-dialog .glass-wrap{padding:15px 8px 18px}#c-glasses-dialog .glass-options{gap:5px}#c-glasses-dialog .glass-card{padding:8px 3px;border-width:3px}#c-glasses-dialog .glass-card small{font-size:10px}
}