.stage-badge{display:flex;justify-content:space-between;background:#f7c8db;color:#8b3568;border-radius:10px;padding:7px 10px;margin-bottom:14px}.day-indicator{position:absolute;right:16px;top:14px;z-index:6;background:#fffbdcdd;padding:7px 12px;border-radius:15px;font-weight:900}.room.night:before{content:'';position:absolute;inset:0;background:#14235488;z-index:1;pointer-events:none}.pet-wrap{position:absolute;width:min(37%,400px);height:470px;left:50%;bottom:88px;transform:translateX(-50%);z-index:3;animation:petBreath 3s ease-in-out infinite;transform-origin:bottom}.room .pet-wrap #pet,.room .pet-wrap #pet-blink{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;left:auto;bottom:auto;transform:none;filter:drop-shadow(0 15px 14px #3a152b66)}#pet-blink{opacity:0;animation:blinkFrame 5s infinite}.pet-wrap.sleepy .zzz{display:block}.zzz{display:none;position:absolute;right:-12px;top:70px;color:#d9c8ff;font-size:22px;font-weight:900;animation:floatZ 2s infinite}#dirt{display:none;position:absolute;inset:30% 15% 10%;z-index:7;color:#79543a;font-size:32px;text-shadow:80px 70px #68462f,-30px 120px #79543a;pointer-events:none}#dirt.visible{display:block}#decor-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.decor{position:absolute;z-index:2;font-size:80px;filter:drop-shadow(0 8px 4px #0004)}.decor-1{right:6%;bottom:16%}.decor-2{right:22%;top:19%}.decor-3{left:25%;bottom:13%}@keyframes petBreath{50%{transform:translateX(-50%) scale(1.015) translateY(-4px)}}@keyframes blinkFrame{0%,43%,47%,100%{opacity:0}44%,46%{opacity:1}}@keyframes floatZ{50%{transform:translateY(-15px);opacity:.5}}
.game-frame{border-width:10px;border-color:#f2b04c}.frame-cat{position:absolute;width:115px;height:120px;object-fit:contain;z-index:5;top:2px}.frame-cat.left{left:140px}.frame-cat.right{right:150px}.bath-card{border-color:#50a9cb}.bath-card .game-head{background:linear-gradient(#6bc9df,#347fa7)}#bath-zone{height:520px;position:relative;background:linear-gradient(#caeef5,#6fc1dc);overflow:hidden;touch-action:none}#bath-zone>img{position:absolute;height:88%;left:50%;bottom:18px;transform:translateX(-50%);filter:drop-shadow(0 10px 10px #24627766)}#shower{position:absolute;left:20%;top:12%;font-size:60px;z-index:6;transform:translate(-50%,-50%);user-select:none;pointer-events:none}.water{font-size:22px;writing-mode:vertical-lr;margin-left:38px;animation:water .5s infinite}#bubbles{position:absolute;left:38%;bottom:18%;font-size:34px;z-index:7;opacity:0;transition:.3s}#bubbles.active{opacity:1;animation:bubble 1.2s infinite}.bath-progress{position:absolute;left:15%;right:15%;bottom:12px;height:15px;background:#fff8;border-radius:15px;z-index:8;overflow:hidden}.bath-progress i{display:block;height:100%;width:0;background:#56c873;transition:.1s}@keyframes water{50%{transform:translateY(8px)}}@keyframes bubble{50%{transform:translateY(-15px) scale(1.1)}}
@media(max-width:800px){.pet-wrap{width:65%;bottom:95px}.frame-cat{display:none}}
.room .pet-wrap #pet,.room .pet-wrap #pet-dirty{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;left:auto;bottom:auto;transform:none;filter:drop-shadow(0 15px 14px #3a152b66)}#pet-dirty{opacity:0;transition:.35s}#pet-dirty.visible{opacity:1}#decor-layer{pointer-events:none}.decor{pointer-events:auto;border:2px dashed transparent;background:transparent;transform:translate(-50%,-50%);padding:6px;line-height:1;touch-action:none;cursor:grab}.decor:hover,.decor.dragging{border-color:#ffd75a;background:#fff3;border-radius:14px;z-index:10}.decor.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.12)}.decor-help{display:block;margin-top:14px;color:#876d84}.room #speech{left:50%;top:62px;transform:translateX(-50%);z-index:9;max-width:260px;text-align:center}.blink-lids{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;animation:cssBlink 5s infinite}.blink-lids i{position:absolute;top:33.5%;width:17%;height:3.2%;background:#c97835;border-bottom:3px solid #4d291e;border-radius:50%}.blink-lids i:first-child{left:26%}.blink-lids i:last-child{left:55%}@keyframes cssBlink{0%,43%,47%,100%{opacity:0}44%,46%{opacity:1}}
#bath-zone{background:url('/assets/game/bathroom.png') center/cover}#bath-zone:after{content:'';position:absolute;inset:0;background:#dff8ff22;pointer-events:none}#bath-zone>img{z-index:2;height:80%;bottom:4px}#bath-ready{position:absolute;inset:0;z-index:12;display:grid;place-content:center;text-align:center;background:#244c6cb8;color:#fff}#bath-ready>span{font-size:70px}#bath-ready h2,#bath-ready p{margin:5px}.bath-progress{z-index:13}#shower{opacity:.25}#bath-ready.hidden~#shower,#shower.active{opacity:1}
#bath-dirt{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}#bath-clean{z-index:2!important}.water{opacity:0;transition:.12s}#shower.pouring .water{opacity:1}#shower.active{opacity:1}.decor.just-placed{animation:placedPulse .8s 4;border-color:#ffe46a;background:#fff5}@keyframes placedPulse{50%{transform:translate(-50%,-50%) scale(1.2);filter:drop-shadow(0 0 14px #ffe46a)}}
#decor-layer{z-index:8!important;pointer-events:none!important}.decor{z-index:9!important;pointer-events:auto!important;min-width:84px;min-height:84px;display:grid;place-items:center}.room #speech{z-index:12}.day-indicator{z-index:13}.room h2,.pet-actions{z-index:11}
.kitchen-screen{position:relative;min-height:690px;background:url('/assets/game/kitchen.png') center/cover;overflow:hidden;border:5px solid #754195;box-shadow:0 18px 60px #0008}.kitchen-screen:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#42214eb5);pointer-events:none}.kitchen-back{position:absolute;left:18px;top:18px;z-index:8;border:0;background:#fff2df;color:#663982;border-radius:14px;padding:10px 15px;font-weight:900}.kitchen-title{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:7;background:#fff2dfea;padding:9px 22px;border-radius:18px;text-align:center;box-shadow:0 8px 20px #512b5533}.kitchen-title h2,.kitchen-title small{margin:0}.kitchen-title small{color:#9252aa;font-weight:900;letter-spacing:1px}.kitchen-pet{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);width:300px;height:420px;z-index:3}.kitchen-pet img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 11px #6c405955)}.kitchen-pet img.eating{animation:eating .28s 4}.kitchen-pet #kitchen-heart{position:absolute;right:5px;top:110px;font-size:45px;opacity:0;transform:scale(.2)}#kitchen-heart.visible{animation:heartPop 1s}.food-tray{position:absolute;z-index:10;left:18px;right:18px;bottom:16px;min-height:105px;background:#fff3e8ee;border:3px solid #9a61b2;border-radius:20px;padding:12px 16px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 28px #321c3b88}.food-tray>div:first-child{min-width:155px}.food-tray small{display:block;color:#7c687b}.food-tray>button{border:0;background:#8d4caf;color:#fff;border-radius:11px;padding:10px;font-weight:900}.food-tray #kitchen-foods{display:flex;gap:10px;flex:1;overflow-x:auto}.food-item{min-width:110px;border:2px solid #e0c9b3;background:#fffaf2;border-radius:13px;padding:7px;color:#48354d}.food-item span{display:block;font-size:34px}.food-item b,.food-item small{display:block}.food-item:hover{border-color:#8d4caf;transform:translateY(-3px)}.no-food{padding:18px;color:#8a6b78}@keyframes eating{50%{transform:translateY(8px) scale(.98)}}@keyframes heartPop{45%{opacity:1;transform:scale(1.25) translateY(-15px)}100%{opacity:0;transform:scale(.8) translateY(-45px)}}
@media(max-width:800px){.kitchen-screen{min-height:600px}.kitchen-pet{width:240px;height:350px;bottom:125px}.food-tray{overflow-x:auto}.food-tray>div:first-child{display:none}}
.room .pet-wrap #pet-sleep,.room .pet-wrap #pet-wake{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 16px 12px #25142b88);transition:.45s}.pet-wrap.sleep-frame{width:min(65%,680px);height:410px;bottom:70px;animation:sleepBreath 2.6s ease-in-out infinite}.pet-wrap.sleep-frame #pet,.pet-wrap.sleep-frame #pet-dirty{opacity:0!important}.pet-wrap.sleep-frame #pet-sleep{opacity:1}.pet-wrap.wake-frame{width:min(58%,610px);height:440px;bottom:68px}.pet-wrap.wake-frame #pet,.pet-wrap.wake-frame #pet-dirty{opacity:0!important}.pet-wrap.wake-frame #pet-wake{opacity:1}.snore{display:none;position:absolute;right:6%;top:15%;z-index:15;color:#e8ddff;font-size:30px;font-weight:900;text-shadow:0 3px 5px #2b1744;animation:snoreFloat 1.8s infinite}.pet-wrap.snoring .snore{display:block}.sleep-overlay{display:none;position:absolute;inset:0;z-index:14;pointer-events:none;background:linear-gradient(#171b5088,#29123a99);color:#fff;align-items:flex-start;justify-content:center;gap:10px;padding-top:25px;font-size:19px}.sleep-overlay span{font-size:28px}.room.sleeping-sequence .sleep-overlay{display:flex}.room.sleeping-sequence .pet-actions{opacity:.2;pointer-events:none}.room.sleeping-sequence #speech{display:none}.room.dawn:before{background:linear-gradient(#ffc47a66,#fff0b022)!important;transition:1.2s}.room.night.manual-day:before{background:transparent}.room.manual-day .day-indicator{background:#fffbdcdd;color:#392b42}.room.manual-day .day-indicator:after{content:' Día';font-size:0}.pet-actions button:disabled{filter:grayscale(1);cursor:not-allowed}@keyframes sleepBreath{50%{transform:translateX(-50%) scale(1.025) translateY(5px)}}@keyframes snoreFloat{50%{transform:translate(10px,-20px) scale(1.12);opacity:.45}}@media(max-width:800px){.pet-wrap.sleep-frame,.pet-wrap.wake-frame{width:88%;height:360px;bottom:90px}.sleep-overlay{padding-top:75px}}

/* El Mundo de Abi */
.game-logo{font-weight:1000;color:#fff4a8;letter-spacing:.5px;text-shadow:0 2px 8px #341247;margin-right:auto}.bichicoin{display:flex!important;align-items:center;gap:5px;background:linear-gradient(135deg,#fff0a4,#ffc437)!important;color:#53235e!important;border:2px solid #fff1b6!important}.bichicoin small{font-weight:900}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:15px 22px 0}.shop-tabs button{border:1px solid #dbc5e6;background:#fff7ec;color:#684073;padding:9px 14px;border-radius:20px;font-weight:900}.shop-tabs button.active{background:#8e4ab0;color:white}.item-type{text-transform:uppercase;letter-spacing:1px;color:#9a59ae;font-weight:900}.product-art{width:100%;height:190px;object-fit:contain;border-radius:15px;background:radial-gradient(circle,#8141a5,#21102d)}.premium-card{border:2px solid #ffc848!important;background:linear-gradient(145deg,#fff8df,#f3ddff)!important}.premium-card h3{color:#6c2588}
.wardrobe-layout{display:grid;grid-template-columns:minmax(300px,42%) 1fr;gap:22px;padding:22px}.wardrobe-stage{min-height:610px;position:relative;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 50% 35%,#fbe9ff,#9e66c5 70%,#4c236b);border:6px solid #f2bf54;text-align:center}.wardrobe-stage>img{position:absolute;width:72%;height:78%;object-fit:contain;left:50%;bottom:65px;transform:translateX(-50%);filter:drop-shadow(0 15px 14px #331a5088)}.wardrobe-stage h2{position:absolute;bottom:35px;left:0;right:0;color:white;text-shadow:0 2px 6px #39114d}.wardrobe-stage>button{position:absolute;right:14px;bottom:14px;border:0;border-radius:12px;padding:9px;background:#fff;color:#743b8d;font-weight:900}.wardrobe-sparkles{position:absolute;inset:25px 0 auto;color:#ffe77c;font-size:32px}.pet-style{position:absolute;inset:0;z-index:12;pointer-events:none}.wear{position:absolute;display:grid;place-items:center;filter:drop-shadow(0 3px 3px #381a45aa)}.wear.outfit{font-size:100px;left:50%;top:54%;transform:translate(-50%,-50%) scaleX(1.18)}.wear.glasses{font-size:68px;left:50%;top:34%;transform:translate(-50%,-50%)}.wear.collar{font-size:48px;left:50%;top:47%;transform:translate(-50%,-50%)}.pet-companion{position:absolute;z-index:13;right:-8%;bottom:6%;font-size:88px;filter:drop-shadow(0 8px 5px #0005)}.wardrobe-stage .pet-companion{right:7%;bottom:13%}.wardrobe-stage .wear.outfit{top:58%}.wardrobe-stage .wear.glasses{top:35%}.wardrobe-stage .wear.collar{top:47%}.wardrobe-layout .content-grid article>button{border:0;background:#8d4caf;color:white;border-radius:10px;padding:9px 14px;font-weight:900}
@media(max-width:900px){.game-logo{display:none}.wardrobe-layout{grid-template-columns:1fr}.wardrobe-stage{min-height:520px}.wear.outfit{font-size:80px}.wear.glasses{font-size:54px}.wear.collar{font-size:40px}.pet-companion{font-size:65px}}

/* Vestuario ilustrado y diseño compacto */
html,body{height:100%;overflow:hidden}#game{height:100vh;display:grid;grid-template-rows:74px minmax(0,1fr) 74px}#game>header{height:74px;padding:7px 4%;box-sizing:border-box}.app-shell{min-height:0;height:auto;overflow:hidden;padding:12px 2%}.screen{height:100%;min-height:0!important;box-sizing:border-box}.panel-screen{overflow:hidden;display:flex;flex-direction:column}.panel-screen.hidden{display:none!important}.purple-title{flex:0 0 auto;padding:11px 20px}.purple-title h1{font-size:24px}.purple-title p{margin:1px 0}.content-grid,.games-grid,.mission-list{overflow:auto;min-height:0;padding:14px!important}.panel-screen>.content-grid,.panel-screen>.mission-list{flex:1}.content-layout{min-height:0;overflow:hidden}.content-layout>div{min-height:0;overflow:auto}.shop-tabs{flex:0 0 auto;padding:8px 18px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.content-grid article{padding:12px}.content-grid article p{font-size:13px;margin:5px 0}.item-icon{height:72px!important;font-size:48px!important}.product-art{height:120px}.wardrobe-layout{flex:1;min-height:0;padding:14px;grid-template-columns:minmax(310px,38%) 1fr}.wardrobe-layout>div:last-child{min-height:0;display:flex;flex-direction:column;overflow:hidden}.wardrobe-layout>div:last-child>h2,.wardrobe-layout>div:last-child>p{margin:4px 0}.wardrobe-stage{min-height:0;height:100%}.wardrobe-stage>img{height:88%;bottom:24px}.wardrobe-stage h2{bottom:7px}.wardrobe-stage>button{top:12px;bottom:auto}.wardrobe-layout .content-grid{flex:1}.wardrobe-layout .content-grid article{min-height:145px}.card-actions{display:flex;gap:6px}.sell{background:#efe5f2!important;color:#6d4678!important;border:1px solid #ceb4d7!important}.content-grid footer{gap:5px;flex-wrap:wrap}.content-grid footer button{flex:1;white-space:nowrap}.pet-style{position:absolute!important;inset:0!important;z-index:12;pointer-events:none}.fitted-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 4px #25133055)}.pet-companion{width:112px;height:132px;font-size:0;right:-10%;bottom:2%}.companion-svg{width:100%;height:100%}.wardrobe-stage .pet-style{left:14%!important;right:14%!important;bottom:24px!important;top:0!important}.wardrobe-stage .pet-companion{width:100px;height:120px;right:7%;bottom:7%}nav{height:74px}nav button{padding:7px 20px}.home-screen{min-height:0!important}.room{min-height:0!important;height:100%!important}.status-panel{overflow:auto}.kitchen-screen{min-height:0!important;height:100%}.food-tray{max-height:120px}
@media(max-width:800px){html,body{overflow:auto}#game{height:auto;min-height:100vh;display:block}.app-shell{height:auto}.screen{min-height:600px!important}.panel-screen{overflow:visible}.wardrobe-layout{grid-template-columns:1fr}.wardrobe-stage{height:500px}.content-grid{overflow:visible}.game-logo{display:none}}

/* Corrección estructural: evita que Grid reduzca la habitación a cero */
@media(min-width:801px){#game{width:100%}#game>header{width:min(1240px,100%);box-sizing:border-box}.app-shell{width:min(1240px,100%);box-sizing:border-box}.home-screen{width:100%;grid-template-columns:235px minmax(0,1fr)!important}.home-screen>.room{display:block;width:100%;min-width:0}.pet-wrap{display:block!important}}

/* v5: las pantallas de catálogo nunca quedan cortadas por la navegación. */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
#game{height:auto;min-height:100vh;display:block;padding-bottom:92px}
#game>header{position:sticky;top:0;z-index:15}
.app-shell{height:auto;min-height:calc(100vh - 166px);overflow:visible;padding-bottom:24px}
.screen,.panel-screen{height:auto;min-height:calc(100vh - 190px)!important;overflow:visible}
.panel-screen{display:block}
.content-grid,.games-grid,.mission-list,.content-layout,.content-layout>div{overflow:visible;max-height:none}
.wardrobe-layout{min-height:680px}
@media(max-width:800px){#game{padding-bottom:78px}.app-shell{padding:8px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.content-grid article{padding:9px}.product-art{height:105px}.wardrobe-layout{min-height:0}.wardrobe-stage{height:440px}.purple-title h1{font-size:20px}}

/* Interfaz v4: escritorio y móvil */
:root{--abi-bg:#160f24;--abi-panel:#fff7e9;--abi-purple:#7c3ca2;--abi-gold:#ffc94f}body{background:radial-gradient(circle at 50% -20%,#59306f 0,#1a1128 58%);color:#39273f}#game>header{background:#211330;border-radius:0 0 22px 22px;box-shadow:0 10px 30px #09050f66}.game-logo{font-size:18px}.app-shell{padding-top:10px}.home-screen{background:#21152f;padding:10px;gap:10px}.status-panel{padding:14px;border-radius:16px}.status-panel h3{margin-bottom:10px}.stat{margin:9px 0}.level-card{margin-top:13px}.decor-help{font-size:11px}.room{border:1px solid #ffffff22}.pet-wrap{width:min(38%,390px);height:450px;bottom:76px}.room h2{bottom:65px}.pet-actions{bottom:8px;gap:8px}.pet-actions button{width:86px;padding:7px}.panel-screen{border:0;background:var(--abi-panel);box-shadow:0 16px 45px #0007}.purple-title{min-height:66px;background:linear-gradient(120deg,#71348f,#9b55ba);border-bottom:3px solid #e2b74f}.purple-title>span{font-size:30px}.purple-title>b{font-size:13px}.shop-tabs{background:#f7ead8;border-bottom:1px solid #e3cfb4}.content-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start}.content-grid article{display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 15px #5b346012}.content-grid article h3{font-size:15px;line-height:1.15}.content-grid article p{min-height:30px}.content-grid article footer{margin-top:auto}.product-art{height:125px;background:linear-gradient(145deg,#f4deff,#fff6e7);object-fit:contain}.outfit-preview{object-fit:contain;padding:3px;background:radial-gradient(circle,#f7eaff,#d9b9ea)}.premium-card{border:1px solid #ddc8ae!important;background:#fffaf0!important}.wardrobe-stage{background:radial-gradient(circle at 50% 38%,#f1d6ff,#8d54b2 70%,#3d2058)}.wardrobe-stage>img{width:82%;object-fit:contain}.wardrobe-layout .content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wardrobe-layout .product-art{height:120px}nav{background:#1d1229f5;backdrop-filter:blur(12px);border-top:1px solid #a96cc7;height:68px}nav button{font-size:22px;min-width:105px;padding:4px 14px}nav button.active{background:#8a4bab33;border-color:var(--abi-gold)}
@media(max-width:1100px) and (min-width:801px){.content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wardrobe-layout .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-screen{grid-template-columns:210px minmax(0,1fr)!important}.pet-wrap{width:45%}}
@media(max-width:800px){body{background:#1a1128}#game>header{height:64px;width:100%;padding:6px 10px;position:sticky;top:0;z-index:18}.player{padding:5px 9px}.avatar{width:38px;height:38px}.currency{margin-left:auto}.bichicoin small{display:none}.bichicoin{padding:7px!important}.logout{display:none}.app-shell{padding:8px 8px 78px;width:100%}.home-screen{display:flex;flex-direction:column;padding:7px}.room{order:1;height:64vh!important;min-height:480px!important}.status-panel{order:2;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;height:auto;overflow:visible}.stage-badge,.status-panel h3,.level-card,.decor-help{grid-column:1/-1}.stat{margin:3px}.pet-wrap{width:72%;height:390px;bottom:74px}.pet-actions{overflow-x:auto;justify-content:flex-start;padding:0 8px}.pet-actions button{flex:0 0 74px}.panel-screen{min-height:calc(100vh - 150px)!important;height:auto}.purple-title{min-height:58px;padding:8px 12px}.purple-title p{display:none}.purple-title>b{padding:7px}.shop-tabs{overflow-x:auto;flex-wrap:nowrap;padding:7px}.shop-tabs button{white-space:nowrap}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px!important}.content-grid article{padding:9px}.product-art{height:115px}.wardrobe-layout{padding:8px;display:flex;flex-direction:column}.wardrobe-stage{height:48vh;min-height:390px}.wardrobe-layout .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{left:0;transform:none;width:100%;height:68px;overflow-x:auto;justify-content:flex-start}nav button{flex:0 0 78px;min-width:78px;padding:4px;font-size:21px}.kitchen-screen{height:calc(100vh - 150px)!important;min-height:560px!important}.food-tray{left:7px;right:7px;bottom:7px}.game-frame{width:100%}}

/* v6: alimentación por arrastre, iconos estables y catálogos completos. */
.item-icon{background:linear-gradient(145deg,#f4e8d5,#ead4b7)!important;display:grid!important;place-items:center!important;padding:8px}
.food-sprite{background-image:url('/assets/game/shop/food-atlas-v2.png')!important;background-size:400% 400%!important;background-position:calc(var(--food-x) * 33.333333%) calc(var(--food-y) * 33.333333%)!important;background-repeat:no-repeat!important;border-radius:14px;box-shadow:inset 0 0 0 1px #c99dd955,0 5px 12px #5c31551c}
.food-thumb{width:74px;height:62px;margin:0 auto 5px}.food-item .item-icon{width:74px;height:62px!important;margin:auto;font-size:0!important}
.item-icon span{font-size:12px;font-weight:1000;letter-spacing:.8px;color:#74438a;text-align:center;overflow-wrap:anywhere}
.icon-hunger{background:linear-gradient(145deg,#ffe4bd,#ffc875)!important}.icon-hygiene{background:linear-gradient(145deg,#dff7ff,#8ed8ec)!important}.icon-health{background:linear-gradient(145deg,#ffe0e6,#ffa8b5)!important}.icon-energy{background:linear-gradient(145deg,#fff5ae,#ffd34e)!important}
.kitchen-title{min-width:360px}.kitchen-title b{display:block;margin-top:5px;color:#7b3e92}.kitchen-pet{z-index:5}.kitchen-pet:after{content:'';position:absolute;inset:0;pointer-events:none}
#mouth-target{position:absolute;z-index:12;width:105px;height:82px;left:50%;top:35%;transform:translate(-50%,-50%);border:3px dashed transparent;border-radius:50%;display:grid;place-items:center;transition:.18s;pointer-events:none}
#mouth-target span{opacity:0;background:#fff8df;color:#7c3ca2;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:1000;transform:translateY(-52px)}
#mouth-target.ready{border-color:#ffe26d;background:#fff4a722;box-shadow:0 0 0 8px #fff3b022,0 0 28px #ffd35b}#mouth-target.ready span{opacity:1}#mouth-target.over{transform:translate(-50%,-50%) scale(1.2);background:#73da7f66;border-color:#fff}
.food-item{touch-action:none;user-select:none;cursor:grab;position:relative}.food-item:active{cursor:grabbing}.food-item span{font-size:11px!important;font-weight:1000;color:#7c3ca2;background:#f4e5ff;border-radius:8px;padding:4px}.food-item em{display:block;margin-top:4px;color:#a34eb5;font-size:9px;font-style:normal;font-weight:1000}
.food-drag{position:fixed;z-index:1000;width:125px;transform:translate(-50%,-50%) scale(.8);pointer-events:none;border:3px solid #ffd251;background:#fff8e8;border-radius:15px;padding:9px;text-align:center;box-shadow:0 16px 35px #25122b88}.food-drag>*{display:block}.food-drag.accepted{opacity:0;transform:translate(-50%,-50%) scale(.15)}.food-drag.rejected{opacity:0;transform:translate(-50%,-50%) translateY(35px)}
.product-art{display:block}.content-grid{padding-bottom:110px!important}.content-grid article{overflow:hidden}.content-grid article h3,.content-grid article p{overflow-wrap:anywhere}.panel-screen{padding-bottom:24px}
@media(min-width:801px){.app-shell{padding-bottom:110px}.panel-screen{min-height:720px!important}.content-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding-bottom:130px!important}.kitchen-screen{min-height:720px!important}.food-tray{position:absolute;max-height:none}}
@media(max-width:800px){.kitchen-title{top:60px;min-width:0;width:92%;padding:7px 12px}.kitchen-title h2{font-size:16px}.kitchen-pet{bottom:140px}.food-tray{min-height:125px}.content-grid{padding-bottom:100px!important}.product-art{height:130px}.item-icon{height:82px!important}}

/* v9: hogar amplio e indicadores integrados en el mundo de Abi. */
.dollarbichi{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dcf8ff,#79d6ef)!important;color:#173f68!important;border:2px solid #dffbff;border-radius:18px;padding:9px 14px!important;box-shadow:inset 0 1px #fff}.dollarbichi small{font-weight:1000}.dollarbichi b{font-size:18px}
.home-screen{grid-template-columns:205px minmax(0,1fr)!important;min-height:740px!important;align-items:stretch;background:linear-gradient(145deg,#2e1940,#1d122b);border:1px solid #a66ac555}
.status-panel{height:720px;overflow:auto;background:linear-gradient(180deg,#fff7e9,#f9e5c9);border:2px solid #e9bd79;box-shadow:inset 0 0 0 5px #fff7,0 10px 30px #140b2088;padding:12px!important}
.care-title{display:flex;align-items:center;gap:8px;margin:10px 0;padding:8px;background:#fffaf1;border-radius:14px;border:1px solid #ead1ad}.care-title>span{width:38px;height:38px;display:grid;place-items:center;background:#f5c86a;border-radius:50%;font-size:20px}.care-title small{font-size:9px;color:#9a5a83;font-weight:1000;letter-spacing:1px}.care-title h3{margin:0!important;font-size:17px}
#stats{display:grid;gap:7px}.stat{margin:0!important;background:#fffaf2;border:1px solid #ead8bd;border-radius:12px;padding:7px 8px;box-shadow:0 3px 8px #5d35440d}.stat span,.stat b{font-size:11px}.stat>div{height:7px!important;margin-top:4px}
.daily-wishes{margin-top:10px;background:linear-gradient(145deg,#efe3ff,#fff5df);border:1px solid #d5b3e3;border-radius:14px;padding:9px}.daily-wishes>b{font-size:12px;color:#6e3984}.daily-wishes #home-requests{display:grid;gap:5px;margin-top:6px}.wish{display:block;font-size:10px;font-weight:800;background:#fff;border-radius:8px;padding:5px 6px;color:#5f4267}.wish.done{background:#dcf4d2;color:#39702d;text-decoration:line-through}.level-card{margin-top:10px!important}
.room{height:720px!important;min-height:720px!important;border-radius:22px!important;background-position:center!important}.pet-wrap{width:min(59%,590px)!important;height:610px!important;bottom:58px!important}.room #speech{top:44px!important}.room h2{bottom:62px!important;font-size:25px}.pet-actions{bottom:8px!important}.pet-actions button{width:94px!important;padding:9px!important}
.super-special{border:3px solid #d7a52e!important;background:linear-gradient(145deg,#fff7dc,#eee0ff)!important;box-shadow:0 0 0 3px #fff inset,0 10px 24px #8a5c251f!important}.super-special .item-type{color:#a06b00}.super-special h3{color:#612b73}.owned-special{font-size:11px;color:#704392;background:#eee2ff;padding:8px;border-radius:9px}
@media(max-width:1000px) and (min-width:801px){.home-screen{grid-template-columns:190px minmax(0,1fr)!important}.pet-wrap{width:65%!important}.dollarbichi small{display:none}}
@media(max-width:800px){.currency{gap:4px}.dollarbichi{padding:7px!important}.dollarbichi small{display:none}.home-screen{display:flex!important;min-height:0!important}.home-screen.hidden{display:none!important}.room{height:68vh!important;min-height:560px!important}.pet-wrap{width:88%!important;height:490px!important;bottom:68px!important}.status-panel{height:auto;overflow:visible}.daily-wishes{grid-column:1/-1}.care-title{grid-column:1/-1}.room #speech{top:52px!important;max-width:220px}.room h2{bottom:70px!important}}

/* v10: identidad visual de monedas y voz estilo mascota parlante. */
.bichi-symbol{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff6a8 0 12%,#ffc92f 35%,#e58a09 75%);border:3px solid #ffe981;box-shadow:inset 0 -3px #b96708,0 3px 7px #401d1744;font-style:normal}.bichi-symbol span{font-size:14px;filter:sepia(1) saturate(4) brightness(.55)}.bichi-mini{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:linear-gradient(145deg,#ffe86d,#e89a13);border:2px solid #ffef9a;font-size:9px;font-style:normal;vertical-align:-4px;box-shadow:inset 0 -2px #b66b0c}
.dollar-symbol{position:relative;display:inline-grid;place-items:center;width:35px;height:23px;flex:0 0 35px;border-radius:5px;background:linear-gradient(145deg,#8af2ef,#32aeca);border:2px solid #d8ffff;box-shadow:inset 0 0 0 2px #218ba655,0 3px 6px #163f5844;color:#14546c;font:bold 12px Nunito,sans-serif;font-style:normal;transform:rotate(-3deg)}.dollar-symbol:before,.dollar-symbol:after{content:'◆';font-size:6px;color:#fff;position:absolute}.dollar-symbol:before{transform:translateX(-11px)}.dollar-symbol:after{transform:translateX(11px)}
.game-logo{display:flex;align-items:center;gap:8px}.game-logo .bichi-symbol{width:27px;height:27px;flex-basis:27px}.currency>span{min-height:48px}.pet-actions #talk-button{background:linear-gradient(#f5b84e,#d77a22);box-shadow:0 5px 0 #985014}.pet-actions #talk-button.recording{background:linear-gradient(#ff6d78,#c83250);box-shadow:0 0 0 5px #ff9cab66,0 5px 0 #8f2138;animation:recordPulse .75s infinite}.pet-wrap.talking{animation:talkingAbi .24s infinite alternate}.pet-wrap.talking #pet{filter:drop-shadow(0 15px 14px #3a152b66) brightness(1.07)}
@keyframes recordPulse{50%{transform:translateY(-5px) scale(1.04)}}@keyframes talkingAbi{from{transform:translateX(-50%) translateY(0) rotate(-1deg)}to{transform:translateX(-50%) translateY(-7px) rotate(1deg)}}
@media(max-width:800px){.bichi-symbol{width:25px;height:25px;flex-basis:25px}.dollar-symbol{width:31px;height:21px;flex-basis:31px}.currency>span{min-height:42px}.pet-actions button{flex-basis:70px!important;width:70px!important}}

/* v11: decoraciones visuales, editor de escenario y lobby persistente. */
.decor-sprite,.placed-decor{background-image:url('/assets/game/shop/decor-atlas-v1.png')!important;background-size:400% 300%!important;background-position:calc(var(--decor-x) * 33.333333%) calc(var(--decor-y) * 50%)!important;background-repeat:no-repeat!important}.placed-decor{width:130px;height:130px;border:0!important;border-radius:16px!important;filter:drop-shadow(0 10px 8px #24122b66);background-color:transparent!important}.room:not(.editor-mode) .decor{pointer-events:none!important}.room.editor-mode:before{content:'';position:absolute;inset:0;z-index:7;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.room.editor-mode .decor{outline:3px dashed #ffe36d;outline-offset:3px}.editor-button{position:absolute;z-index:14;left:14px;top:14px;border:2px solid #fff2a5;background:#6e3c91;color:#fff;border-radius:14px;padding:9px 13px;font-weight:1000;box-shadow:0 5px 15px #28133866}
.online-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px;padding:20px}.online-layout>section,.online-layout>aside{background:#fffaf1;border:1px solid #e3ccb0;border-radius:18px;padding:16px}.online-layout h2{margin:0 0 12px;color:#63377b}.online-player,.invite-card,.room-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eadac4;border-radius:13px;padding:11px;margin:8px 0;box-shadow:0 4px 12px #623d5612}.online-player>div{flex:1}.online-player small,.invite-card small,.room-card small{display:block;color:#806f7f}.online-player button,.invite-card button{border:0;background:linear-gradient(#85c94e,#4d9e2e);color:#fff;border-radius:9px;padding:8px 13px;font-weight:1000}.online-player button:disabled{background:#bbb}.presence{width:13px;height:13px;border-radius:50%;background:#aaa;box-shadow:0 0 0 4px #eee}.presence.on{background:#57c64e;box-shadow:0 0 0 4px #d9f5d5}.invite-card{display:grid;grid-template-columns:1fr auto}.invite-card small{grid-column:1}.invite-card button{grid-column:2;grid-row:1/3}.room-card{display:grid}.room-card span{color:#6e3c91;font-size:12px;font-weight:900}.online-empty{color:#8c7889;text-align:center;padding:25px}.purple-title>span:first-child{color:#67da62}
@media(max-width:800px){.placed-decor{width:90px;height:90px}.editor-button{top:55px;font-size:11px}.online-layout{grid-template-columns:1fr;padding:8px}.online-layout>section,.online-layout>aside{padding:10px}}

/* Selector de modo conservado sobre el diseño anterior. */
.mode-pills{display:flex;gap:6px;margin:6px 0 10px}.mode-pills span{font-size:11px;font-weight:900;background:#f1e3f6;color:#6f3787;border-radius:20px;padding:4px 8px}.mode-selector>span{font-size:70px}.mode-selector>div{display:flex;gap:14px;margin-top:18px}.mode-button{width:220px;min-height:105px;border:2px solid #fff7;border-radius:18px;color:#fff;padding:16px;box-shadow:0 7px 18px #170d2777}.mode-button b,.mode-button small{display:block}.mode-button b{font-size:19px}.mode-button small{margin-top:8px}.mode-button.solo{background:linear-gradient(145deg,#65bd52,#338337)}.mode-button.multi{background:linear-gradient(145deg,#a15ccd,#653391)}.match-choice{display:flex;flex-direction:column;gap:3px;background:linear-gradient(135deg,#6f3b92,#9f5abd);color:#fff;padding:14px;border-radius:15px;margin-bottom:10px}.match-choice span{font-size:18px;font-weight:1000}
@media(max-width:800px){.mode-selector>div{flex-direction:column;gap:8px}.mode-button{width:min(260px,80vw);min-height:74px;padding:10px}}

/* v14: objetos integrados y moneda limpia, sin cambiar la distribución. */
.placed-decor{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background-color:transparent!important;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 9px 7px #21132a55)}.room.editor-mode .decor{outline:0!important}.room.editor-mode .decor.dragging{filter:contrast(1.08) drop-shadow(0 0 10px #ffe56d)}
.bichicoin{gap:7px!important;padding:7px 10px!important}.bichicoin .bichi-symbol{background:radial-gradient(circle at 34% 28%,#fff7a4 0 9%,#ffd23e 27%,#eb9410 68%,#b65c09 100%)!important;border:2px solid #ffe985!important;box-shadow:inset 0 2px #fff5a8,inset 0 -3px #984906,0 2px 6px #30182955!important;overflow:hidden}.bichicoin .bichi-symbol span{display:none}.bichicoin .bichi-symbol:after{content:'★';display:grid;place-items:center;color:#7f3a09;font-size:16px;text-shadow:0 1px #ffe675}.bichicoin button{display:none}.bichicoin b{font-size:19px}.bichicoin small{font-size:11px}
.room.scene-bright:before{background:transparent!important;opacity:0!important}.room.scene-bright:after{background:linear-gradient(transparent 82%,#2a153877)!important}.room.scene-bright{filter:brightness(1.08) saturate(1.04)}.room.scene-bright .pet-actions,.room.scene-bright #speech,.room.scene-bright .day-indicator{filter:brightness(.93)}
#gatoplaya-canvas{width:100%;height:100%;display:block;background:#75cef3;touch-action:none}#gatoplaya-status{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:6;background:#28163bd9;color:#fff;padding:8px 16px;border-radius:18px;font-weight:900;white-space:nowrap}#gatoplaya-controls{position:absolute;left:0;right:0;bottom:12px;z-index:7;display:flex;justify-content:center;gap:12px}#gatoplaya-controls button{border:2px solid #fff8;background:#6d3f91dd;color:#fff;border-radius:15px;padding:12px 22px;font-weight:1000;box-shadow:0 5px 12px #27153066;touch-action:none}.game-frame:has(#gatoplaya-canvas:not(.hidden)) .frame-cat{display:none}@media(min-width:901px){#gatoplaya-controls{opacity:.32}#gatoplaya-controls:hover{opacity:1}}@media(max-width:800px){#gatoplaya-status{font-size:12px;top:7px}#gatoplaya-controls{bottom:7px;gap:6px}#gatoplaya-controls button{padding:10px 15px}#gatoplaya-canvas{object-fit:contain}}

/* v23: colección de clásicos táctiles */
.arcade-thumb{background-image:url('/assets/game/arcade/coleccion-clasicos-v1.png')!important;background-size:500% 200%!important;background-position:var(--arcade-x) var(--arcade-y)!important;background-repeat:no-repeat!important;color:transparent;box-shadow:inset 0 0 0 2px #fff8,0 7px 16px #49265d22}.games-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}.game-card{display:flex;flex-direction:column}.game-card .game-art{flex:0 0 125px;background-size:cover}.game-card p{flex:1}.game-card footer{font-size:12px;gap:7px}.game-card footer span{font-weight:900;color:#72498a}.game-card footer button{white-space:nowrap}
#arcade-canvas{width:100%;height:100%;display:block;touch-action:none;background:#261443}.game-frame:has(#arcade-canvas:not(.hidden)) .frame-cat{display:none}#arcade-status{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:8;background:#160d32d9;border:2px solid #fff5;color:#fff;padding:7px 15px;border-radius:20px;font-size:12px;font-weight:1000;text-align:center;max-width:72%;pointer-events:none}#arcade-controls{position:absolute;z-index:9;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:8px;pointer-events:none}#arcade-controls button{pointer-events:auto;min-width:58px;min-height:50px;border:2px solid #fff9;border-radius:16px;background:linear-gradient(#9c65c5dd,#5d3187ee);color:#fff;font-weight:1000;font-size:18px;box-shadow:0 5px 0 #32184e,0 7px 15px #0005;touch-action:none;user-select:none}.game-frame:has(#arcade-canvas:not(.hidden)) #playfield{background:#25143e}
@media(max-width:800px){.modal:has(.game-frame){padding:0;align-items:center}.game-frame{width:100vw!important;max-height:100dvh;border-width:0!important;border-radius:0!important}.game-frame .game-head{padding:8px 48px 8px 12px;min-height:58px}.game-frame .game-head h2{font-size:18px}.game-frame .game-head>div:last-child{font-size:12px;white-space:nowrap}#playfield{height:min(62.5vw,calc(100dvh - 60px))!important;min-height:300px}.game-frame .close{right:6px;top:6px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.game-card{padding:8px!important}.game-card .game-art{height:92px!important;flex-basis:92px}.game-card h3{font-size:15px}.game-card p{font-size:11px!important;min-height:45px}.game-card footer{display:grid!important}.game-card footer button{width:100%}#arcade-controls{bottom:5px;gap:5px}#arcade-controls button{min-width:51px;min-height:45px;padding:5px 10px}#arcade-status{top:5px;font-size:10px;padding:5px 10px}.mode-selector>span{font-size:48px}.mode-selector p{max-width:85vw}}
@media(max-width:420px){.games-grid{grid-template-columns:1fr!important}.game-card .game-art{height:140px!important;flex-basis:140px}#playfield{height:62.5vw!important;min-height:260px}}

/* v25: portada de acceso inmersiva */
.auth-v2{height:100dvh;min-height:680px;padding:0!important;overflow:auto;background:#1a0d28!important;color:#fff;position:relative}.auth-v2:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 78% 15%,#ab5fd233,transparent 38%),radial-gradient(circle at 15% 85%,#ffbc5722,transparent 30%);pointer-events:none}.auth-top{height:82px;max-width:1440px;margin:auto;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.auth-logo{display:flex;align-items:center;gap:12px}.auth-logo>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ffd86a,#f28c2e);box-shadow:inset 0 2px #fff7b8,0 8px 22px #0005;font-style:normal;font-size:24px}.auth-logo span{display:flex;flex-direction:column}.auth-logo small{font-size:9px;letter-spacing:2.5px;color:#d9bce7;font-weight:900}.auth-logo b{font-size:20px;color:#fff7c9;letter-spacing:.5px}.auth-online{border:1px solid #ffffff24;background:#ffffff0d;backdrop-filter:blur(10px);padding:9px 14px;border-radius:24px;color:#e8d7ee;font-size:12px;font-weight:800}.auth-online i{display:inline-block;width:8px;height:8px;background:#77df69;border-radius:50%;box-shadow:0 0 12px #77df69;margin-right:7px}.auth-shell{width:min(1440px,calc(100% - 42px));height:calc(100dvh - 110px);min-height:570px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.65fr);border:1px solid #ffffff20;border-radius:30px;overflow:hidden;background:#28143b;box-shadow:0 30px 100px #09030dbb;position:relative;z-index:2}.auth-world{position:relative;background:url('/assets/game/auth/mundo-abi-portada-v1.png') 42% center/cover no-repeat;min-width:0}.auth-world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#160a213d 0,transparent 48%,#241235c7 100%),linear-gradient(0deg,#170a26dc 0,transparent 52%)}.auth-story{position:absolute;left:clamp(28px,5vw,76px);bottom:clamp(32px,7vh,72px);width:min(590px,75%);filter:drop-shadow(0 5px 15px #1b0a25)}.auth-kicker,.form-kicker{font-size:10px;font-weight:1000;letter-spacing:2.4px;color:#ffd56c}.auth-story h1{font-size:clamp(38px,4.6vw,68px);line-height:.98;margin:12px 0 18px;color:#fff;font-weight:1000;letter-spacing:-2px}.auth-story p{font-size:15px;line-height:1.65;color:#f4e8f6;max-width:510px}.auth-features{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.auth-features span{padding:9px 13px;border:1px solid #ffffff35;border-radius:22px;background:#2a1537a8;backdrop-filter:blur(12px);font-size:12px;font-weight:900}.auth-v2 .auth-card{width:auto;max-width:none;height:100%;margin:0;padding:clamp(32px,5vh,58px) clamp(28px,4vw,58px);border-radius:0;background:linear-gradient(155deg,#fffaf0,#faeddb);box-shadow:-20px 0 60px #160b2266;text-align:left;color:#35243b;overflow:auto}.auth-mobile-logo{display:none}.auth-v2 .auth-card h2{font-size:34px;line-height:1;margin:12px 0 10px;color:#37203f}.auth-subtitle{color:#806f7d;font-size:13px;line-height:1.55;margin:0 0 22px}.auth-v2 .tabs{background:#eadccb;border-radius:14px;padding:4px;margin:0 0 23px}.auth-v2 .tabs button{padding:11px 8px;border-radius:11px;color:#6e5b69;font-size:13px;font-weight:900;transition:.2s}.auth-v2 .tabs button.active{background:#fff;color:#743895;box-shadow:0 5px 14px #6c4d6c20}.auth-v2 label{margin:13px 0 0;color:#503c51;font-size:11px;letter-spacing:.2px}.auth-input{height:50px;margin-top:6px;border:1px solid #decdbb;background:#fff;border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 13px;transition:.2s;box-shadow:0 4px 12px #56395a08}.auth-input:focus-within{border-color:#9a55b7;box-shadow:0 0 0 4px #a866c31c}.auth-input>span{width:23px;text-align:center;color:#9a55b7;font-size:15px}.auth-v2 .auth-input input{height:100%;margin:0;padding:0;border:0;background:transparent;outline:0;font-size:13px;color:#39283f}.auth-v2 .auth-input input::placeholder{color:#b4a5af}.auth-submit{width:100%;height:51px;margin:24px 0 0!important;border-radius:14px!important;background:linear-gradient(135deg,#9149b1,#633080)!important;box-shadow:0 5px 0 #4b2065,0 13px 25px #6f34823b!important;display:flex!important;align-items:center;justify-content:center;gap:12px;font-size:14px}.auth-submit span{font-size:20px;line-height:1}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-form-grid label{min-width:0}.auth-safe{text-align:center;color:#9b8996;font-size:10px;margin-top:24px}.auth-v2 .error{text-align:center;min-height:20px;font-size:12px}.auth-v2 #register .auth-submit{margin-top:18px!important}
@media(max-width:900px){.auth-v2{min-height:100dvh}.auth-top{height:68px;padding:10px 18px}.auth-logo>i{width:42px;height:42px}.auth-logo b{font-size:16px}.auth-online{display:none}.auth-shell{width:calc(100% - 24px);height:auto;min-height:calc(100dvh - 82px);margin-bottom:12px;grid-template-columns:1fr;border-radius:24px}.auth-world{min-height:300px;background-position:39% 54%}.auth-world-shade{background:linear-gradient(0deg,#251137 0,transparent 70%)}.auth-story{left:24px;bottom:22px;width:80%}.auth-story h1{font-size:38px;margin:8px 0}.auth-story p{display:none}.auth-features{margin-top:12px}.auth-v2 .auth-card{height:auto;padding:30px 26px 34px;box-shadow:0 -25px 55px #1d0d2b77}.auth-v2 .auth-card h2{font-size:28px}}
@media(max-width:520px){.auth-top{justify-content:center}.auth-logo small{display:none}.auth-shell{width:100%;margin:0;border:0;border-radius:0;min-height:calc(100dvh - 62px)}.auth-world{min-height:245px;background-position:36% 56%}.auth-story{left:20px;bottom:18px;width:88%}.auth-kicker{font-size:8px}.auth-story h1{font-size:31px}.auth-features span{font-size:10px;padding:6px 9px}.auth-v2 .auth-card{padding:26px 20px 32px}.auth-form-grid{grid-template-columns:1fr}.auth-v2 .auth-card h2{font-size:27px}.auth-subtitle{margin-bottom:17px}.auth-v2 .tabs{margin-bottom:17px}.auth-input{height:48px}.auth-safe{margin-top:18px}}

/* Celulares y tablets girados: el tablero completo siempre cabe en pantalla. */
@media(max-height:600px) and (orientation:landscape){.modal:has(.game-frame){padding:0;align-items:center;justify-items:center}.game-frame{width:min(800px,calc((100dvh - 56px)*1.6),96vw)!important;max-height:100dvh!important;border-width:2px!important;border-radius:15px!important}.game-frame .game-head{height:54px;min-height:54px;padding:6px 46px 6px 12px;align-items:center}.game-frame .game-head h2{font-size:17px}.game-frame .game-head small{font-size:9px}.game-frame .game-head>div:last-child{font-size:11px;white-space:nowrap}.game-frame .close{width:34px;height:34px;right:6px;top:8px}#playfield{height:auto!important;min-height:0!important;aspect-ratio:8/5}#gatoplaya-canvas,#arcade-canvas{width:100%!important;height:100%!important}#arcade-status,#gatoplaya-status{top:4px;font-size:9px;padding:4px 9px}#arcade-controls,#gatoplaya-controls{bottom:5px;gap:5px}#arcade-controls button,#gatoplaya-controls button{min-width:46px;min-height:38px;padding:4px 10px;font-size:14px;border-radius:12px}.mode-selector>span{font-size:40px}.mode-selector h2{font-size:20px}.mode-selector p{font-size:11px;margin:2px auto!important}.mode-selector>div{margin-top:8px}.mode-button{min-height:58px;padding:7px}.mode-button b{font-size:15px}.mode-button small{font-size:9px;margin-top:2px}}
