/* BABURAX V48 • truly layered, independently animated front-end scene.
   Overrides V46.1 critical layout only within livingHome; game CSS remains unchanged. */
:root { --bx-gold:#ffd66a;--bx-lime:#c9ff27;--bx-purple:#7320ad }
body.home-ready {background:#190729}
.livingHome{height:100dvh;min-height:610px;overflow:hidden;background:#1b092e; perspective:1000px;--bx-shift-x:0px;--bx-shift-y:0px;}
.roomBg{background:radial-gradient(ellipse at 49% 32%,#8b3f9b 0%,#522263 27%,#26133d 62%,#140b24 100%);transform:translate3d(calc(var(--bx-shift-x)*-.14),calc(var(--bx-shift-y)*-.12),0) scale(1.035);will-change:transform}
.wallGrain{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 30px,#190e2a49 31px 33px,transparent 34px 160px),repeating-linear-gradient(0deg,transparent 0 75px,#ffe0a007 77px 80px),radial-gradient(ellipse at 50% 70%,#dc7a4a4d,transparent 65%);pointer-events:none}
.roomBokeh{position:absolute;inset:0;opacity:.63;mix-blend-mode:screen;background:radial-gradient(circle at 8% 19%,#ffd24c 0 2px,transparent 12px),radial-gradient(circle at 27% 16%,#ffd24c 0 2px,transparent 12px),radial-gradient(circle at 82% 18%,#ffc852 0 3px,transparent 16px),radial-gradient(circle at 89% 33%,#ffa94c 0 2px,transparent 16px),radial-gradient(circle at 43% 47%,#f3aaff 0 3px,transparent 22px),radial-gradient(circle at 69% 52%,#fbbc52 0 2px,transparent 15px),radial-gradient(circle at 11% 58%,#ed9bfe 0 2px,transparent 12px);animation:bxTwinkle 5s ease-in-out infinite alternate}
.windowGlow,.windowFrame{width:min(50vw,650px);top:4.5%;height:70%;border-radius:48% 48% 5% 5%}
.windowGlow{background:radial-gradient(circle at 62% 25%,#ffc7c1 0 2%,transparent 9%),linear-gradient(180deg,#141e65 0%,#4e3b9b 28%,#ba73c4 64%,#eca26d 100%);box-shadow:0 0 75px #c377fc85,inset 0 0 80px #32166c9c;animation:bxWindow 12s ease-in-out infinite alternate}
.windowFrame{border:16px solid #351332;box-shadow:0 0 0 7px #9b5681,0 0 0 13px #36182e,inset 0 0 0 5px #e3a67966,0 0 38px #0009; transform:translateX(-50%) translate3d(calc(var(--bx-shift-x)*-.08),calc(var(--bx-shift-y)*-.06),0)}
.windowFrame i:nth-child(1){background:linear-gradient(90deg,#27122e,#a26383,#25112e);width:17px;left:calc(50% - 8px)}
.windowFrame i:nth-child(2){height:16px;background:linear-gradient(#ad668e,#25112e);top:49%}
.windowFrame i:nth-child(3){bottom:-4px;background:#281937;opacity:.88;clip-path:polygon(0 100%,12% 52%,20% 100%,28% 34%,40% 100%,54% 49%,66% 100%,79% 28%,90% 100%,100% 70%,100% 100%)}
.windowFrame i:nth-child(4){background:#fff4a8;opacity:.75;box-shadow:0 0 12px #ffe7a0,0 0 55px #f6bded}
.archGlow{position:absolute;left:16%;right:16%;top:8%;height:70%;background:radial-gradient(ellipse,#efb1ea4d,transparent 70%);filter:blur(35px);animation:bxTwinkle 8s ease-in-out infinite}
.shelf{top:5%;bottom:17%;width:min(23vw,370px);border:11px ridge #9a613e;border-radius:15px;background:linear-gradient(90deg,#2a171f,#6a342c 12%,#7e412b 48%,#4b2428 87%,#21121b);box-shadow:13px 10px 42px #13051cdb,inset 0 0 0 4px #efa85a50,inset 0 0 55px #0008;transform:translate3d(calc(var(--bx-shift-x)*-.32),calc(var(--bx-shift-y)*-.12),0)}
.shelfLeft{left:-.7%}.shelfRight{right:-.7%;transform:translate3d(calc(var(--bx-shift-x)*.32),calc(var(--bx-shift-y)*-.12),0)}
.shelf:before,.shelf:after{height:17px;background:linear-gradient(#e7a963,#8a4224 70%,#4f2322);box-shadow:0 8px 7px #0008,inset 0 2px #ffd29877}
.shelf:before{top:32%}.shelf:after{top:69%}
.books{top:20%;gap:5px;transform:rotate(4deg);filter:drop-shadow(4px 6px 2px #1d071c)}
.books span{font-family:Georgia,serif;font-size:clamp(11px,1.17vw,19px);border:1px solid #ecc18b88;border-radius:5px;padding:clamp(6px,1.1vh,11px) 6px;box-shadow:inset 0 3px 2px #f8d9ba6b,0 4px 0 #0008;background-image:linear-gradient(90deg,#ffffff1a 0 11%,#ffffff00 12% 83%,#0005 84%)}
.books span:nth-child(1){background-color:#53348b}.books span:nth-child(2){background-color:#774091}.books span:nth-child(3){background-color:#bc6835}.books span:nth-child(4){background-color:#673367}
.chalk{top:30%;bottom:31%;border:10px ridge #ad713d;background:radial-gradient(ellipse at 50% 45%,#245251,#132b36);font-family:Georgia,serif;transform:rotate(-4deg);box-shadow:inset 0 0 38px #000b,7px 9px 10px #16071bba;line-height:1.24}
.miniBooks{bottom:5%;transform:rotate(-3deg)}.miniBooks span{padding:10px;border:1px solid #eab37999;box-shadow:inset 0 2px 2px #ffeaaf55,0 5px 3px #0008}
.plant{filter:drop-shadow(0 4px 6px #071c0c);animation:bxLeaves 6s ease-in-out infinite alternate;transform-origin:50% 100%}.plant.p1{top:1%;width:90%;left:-14%;height:17%;background:radial-gradient(ellipse at 12% 85%,#558b24 0 13%,transparent 14%),radial-gradient(ellipse at 25% 34%,#8ac84b 0 16%,transparent 17%),radial-gradient(ellipse at 43% 78%,#7bcd39 0 15%,transparent 16%),radial-gradient(ellipse at 57% 25%,#286a32 0 16%,transparent 17%),radial-gradient(ellipse at 76% 71%,#b1e151 0 15%,transparent 16%),radial-gradient(ellipse at 89% 39%,#3b8934 0 14%,transparent 15%)}
.shelfPlant{top:-1%;left:30%;height:18%;width:75%;background:radial-gradient(ellipse at 20% 75%,#9ccc35 0 15%,transparent 16%),radial-gradient(ellipse at 40% 27%,#609e40 0 20%,transparent 21%),radial-gradient(ellipse at 66% 65%,#8ac54b 0 20%,transparent 21%),radial-gradient(ellipse at 85% 14%,#4d8c37 0 14%,transparent 15%)}
.shelfDecor{position:absolute;left:19%;bottom:20%;height:18%;width:70%;display:flex;gap:7px;align-items:end}.shelfDecor i{height:45%;flex:1;border-radius:16px 16px 4px 4px;background:linear-gradient(105deg,#9f48d6,#48145e);border:2px solid #c893e4;box-shadow:inset 0 0 10px #df80ea}.shelfDecor i:nth-child(2){height:75%;background:linear-gradient(105deg,#77cf70,#276849)}.shelfDecor i:nth-child(3){height:55%;background:linear-gradient(105deg,#d9a34e,#a0463a)}
.noteDoodle{top:48%;background:repeating-linear-gradient(0deg,#fff6e7 0 15px,#e8a8c5 16px 17px);border:3px solid #f7cead;transform:rotate(-10deg)}
.hangingVine{position:absolute;top:-2%;height:37%;width:8%;z-index:3;border-left:3px solid #436a24aa;transform-origin:top;animation:bxLeaves 7s ease-in-out infinite alternate;pointer-events:none}
.vineLeft{left:2%}.vineRight{right:1%;transform:scaleX(-1);animation-delay:-3.3s}
.hangingVine i{position:absolute;left:0;top:var(--v-top,15%);width:35px;height:18px;background:linear-gradient(135deg,#92d550,#2f7228);border-radius:95% 5% 95% 7%;transform:rotate(38deg);box-shadow:inset 3px 2px #c4ec6c66}.hangingVine i:nth-child(2){--v-top:30%;transform:translateX(-95%) rotate(170deg)}.hangingVine i:nth-child(3){--v-top:44%;transform:rotate(13deg)}.hangingVine i:nth-child(4){--v-top:61%;transform:translateX(-95%) rotate(180deg)}.hangingVine i:nth-child(5){--v-top:76%;transform:rotate(38deg)}.hangingVine i:nth-child(6){--v-top:91%;transform:translateX(-95%) rotate(180deg)}
.ceilingString{position:absolute;top:8%;width:100%;height:2px;border-top:2px solid #27162a70;z-index:2}.ceilingString i{position:absolute;top:0;left:calc(10% + var(--j,0)*12%);width:8px;height:10px;background:#ffe08b;border-radius:50%;box-shadow:0 0 9px 3px #ffa329,0 0 26px #ffac30;animation:bxTwinkle 1.9s ease-in-out infinite alternate}.ceilingString i:nth-child(2){--j:1;animation-delay:-.3s}.ceilingString i:nth-child(3){--j:2;animation-delay:-.9s}.ceilingString i:nth-child(4){--j:3;animation-delay:-1.5s}.ceilingString i:nth-child(5){--j:4;animation-delay:-.7s}.ceilingString i:nth-child(6){--j:5;animation-delay:-1.1s}.ceilingString i:nth-child(7){--j:6;animation-delay:-.4s}
.lamp{z-index:5;top:-2%;filter:drop-shadow(0 0 10px #ffb65c99)}.lampA{left:28%}.lampB{right:20%;animation-delay:-5s}.lamp span{background:linear-gradient(145deg,#d4a064 0%,#533041 43%,#211324);border:2px solid #d7a266;box-shadow:0 15px 20px #ffdd694a,inset 0 -12px #180d16,0 0 0 5px #200f25}.lamp span:after{box-shadow:0 0 30px 18px #ffbb518f,0 0 100px 35px #ffcc5375;background:#fff7c5;animation:bxBulb 5s ease-in-out infinite alternate}
.deskBack{height:27%;background:repeating-linear-gradient(92deg,transparent 0 90px,#41201888 93px 95px),linear-gradient(180deg,#a86c39 0%,#71402e 14%,#482329 70%,#1d101d);border-top:13px ridge #d79b51;box-shadow:0 -10px 32px #0009,0 11px 30px #000 inset}
.deskGrain{position:absolute;inset:0;background:repeating-linear-gradient(3deg,transparent 0 21px,#e6a76d0d 22px 24px,transparent 25px 47px)}
.leftFlask,.rightFlask{position:absolute;z-index:3;bottom:24%;left:8%;height:57px;width:37px;border-radius:9px 9px 50% 50%;background:linear-gradient(112deg,#ac84ec98,#3b3e909b);border:3px solid #d2b0ef95;box-shadow:0 0 19px #b347f9aa}.leftFlask:before,.rightFlask:before{content:"";position:absolute;left:9px;top:-21px;height:24px;width:12px;border:3px solid #ac90e0;border-bottom:0}.leftFlask i,.rightFlask i{position:absolute;bottom:3px;left:3px;right:3px;height:40%;border-radius:50%;background:#b04afd;box-shadow:0 0 16px #d079ff;animation:bxFlask 3.4s ease-in-out infinite alternate}.rightFlask{left:auto;right:8%;transform:scale(.76);filter:hue-rotate(120deg)}
.wallGear{position:absolute;color:#ce874a78;font-size:70px;text-shadow:0 0 3px #261428;animation:bxGear 45s linear infinite}.gearWall1{left:16%;top:65%}.gearWall2{right:16%;top:55%;font-size:48px;animation-direction:reverse}
.catSilhouette{position:absolute;right:4%;bottom:27%;width:46px;height:45px;border-radius:47% 47% 20% 20%;background:#24132e;box-shadow:0 0 7px #000;z-index:4;transform:rotate(-7deg)}.catSilhouette:before,.catSilhouette:after{content:"";position:absolute;top:-15px;width:23px;height:30px;background:#24132e;clip-path:polygon(0 100%,30% 0,100% 100%)}.catSilhouette:before{left:-1px}.catSilhouette:after{right:-1px;transform:scaleX(-1)}.catTail{position:absolute;right:-30px;top:13px;width:40px;height:14px;border:9px solid #24132e;border-left:0;border-bottom:0;border-radius:70% 60% 30% 20%;transform-origin:left;animation:bxCatTail 4s ease-in-out infinite alternate}.catEyes{position:absolute;left:8px;right:8px;top:16px;height:7px;background:radial-gradient(circle at 30% 50%,#daff41 0 3px,transparent 4px),radial-gradient(circle at 75% 50%,#daff41 0 3px,transparent 4px);animation:bxCatBlink 7s ease-in-out infinite}
.livingParticles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.livingParticles .particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#fffad4 0 20%,#f9d64e 25%,#ff8b47a8 48%,transparent 72%);box-shadow:0 0 12px 2px #ffc55d88;animation:bxParticle var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.8}.livingParticles .flyLeaf{position:absolute;left:-8%;top:var(--start-y);width:15px;height:10px;border-radius:85% 0 85% 0;background:linear-gradient(135deg,#c5e655,#407f2f);box-shadow:0 1px 3px #112315;animation:bxFlyLeaf var(--duration) linear infinite;animation-delay:var(--delay)}
.homeHud{left:max(2.2%,env(safe-area-inset-left));right:max(2.2%,env(safe-area-inset-right));top:max(1.3%,env(safe-area-inset-top));z-index:22;gap:12px}
.playerCapsule,.levelCapsule,.babuxCapsule{border:2px solid #bd56f4;border-radius:26px;background:linear-gradient(155deg,#6f27acF2,#390655F5 70%);box-shadow:inset 0 0 0 2px #ffffff16,0 12px 26px #160022b9,0 0 15px #b73cfc55;backdrop-filter:blur(10px)}
.playerCapsule{min-width:0;min-height:61px;max-width:350px;padding:7px 10px;flex:1 1 33%}.avatarDot{overflow:hidden;width:49px;height:49px;min-width:49px;border:3px solid #d4fb83;background:linear-gradient(#b380f2,#5b228c)}.avatarDot img{display:block;width:120%;max-width:none;transform:translate(-8%,6%) scale(1.16)}
.playerCapsule strong{font-size:clamp(14px,1.7vw,21px);text-shadow:0 2px 2px #0009}.playerCapsule small{font-size:11px;color:#f1e0f6}.playerCapsule span{font-size:10px}.logoutMini{border-color:#c791ef88;background:#321352c8;white-space:nowrap;padding:8px 11px;font-size:10px;cursor:pointer}
.levelCapsule{min-width:0;min-height:61px;padding:8px 12px;flex:0 1 250px}.levelStar{background:linear-gradient(125deg,#fff5ac,#ffc13d 80%);filter:drop-shadow(0 0 7px #fff8a3)}.levelCapsule small{font-size:13px;font-weight:900;white-space:nowrap}.levelCapsule small em{font-size:10px;font-style:normal;color:#eed4f7}.levelCapsule i{width:clamp(72px,10vw,135px);height:11px;margin-top:7px;border:1px solid #be65ed;box-shadow:inset 0 1px 3px #0008}.levelCapsule i b{width:0!important;background:linear-gradient(90deg,#e4ee58,#a6ff23)}
.babuxCapsule{font-family:inherit;min-height:59px;cursor:pointer;flex:0 0 auto;padding:6px 10px}.babuxCapsule>span{box-shadow:0 2px 0 #a9520b,0 0 12px #ffd553;font-size:23px;text-shadow:0 2px #fff4a5;border:4px ridge #fff0a5;background:radial-gradient(circle at 30% 20%,#fff2a1,#fab422 65%,#d26b0b)}.babuxCapsule strong{font-size:clamp(18px,2.3vw,27px)}.babuxCapsule em{background:linear-gradient(#d9ff68,#94f50c);border:1px solid #eaffb5;box-shadow:0 3px 0 #507c09}
.homeLogo{top:10.3%;width:min(76%,900px);pointer-events:none;animation:bxLogo 6s ease-in-out infinite;z-index:6}
.homeLogoMascot{height:clamp(90px,14vh,145px);margin-bottom:-45px}.homeLogoMascot img{filter:drop-shadow(0 0 2px #f2ff92) drop-shadow(0 4px 0 #c9ff34) drop-shadow(0 9px 10px #170521aa)}
.logoWord{font-family:system-ui,'Arial Black',sans-serif;font-size:clamp(79px,9.7vw,171px);font-weight:1000;letter-spacing:-.079em;color:#fff0d0;-webkit-text-stroke:clamp(3px,.45vw,7px) #261026;paint-order:stroke fill;transform:perspective(520px) rotateX(6deg);text-shadow:0 5px 0 #b77940,0 11px 0 #311022,0 15px 0 #c2ff24,0 20px 25px #19001bfa;white-space:nowrap;line-height:1.05}
.logoSub{margin-top:13px;font-size:clamp(11px,1.4vw,20px);background:linear-gradient(100deg,#470c7a,#290b44 65%,#6b1692);border:2px solid #b55ff0;box-shadow:inset 0 0 15px #bf58ef44,0 8px 18px #08000b99}
.floatTile{z-index:4;width:clamp(49px,6vw,82px);height:clamp(49px,6vw,82px);background:linear-gradient(125deg,#fffce8,#fff1b4 65%,#f6bd4f);border:4px solid #ffedb5;box-shadow:0 0 0 5px #ffd84c44,0 0 35px #ffd65ca8,0 8px 18px #08001296;color:#86257c;text-shadow:1px 2px #ffdb8c;animation:bxTile 6s ease-in-out infinite alternate;transform:rotate(-9deg)}
.tileA{left:13%;top:37%;--tile-rotation:-14deg;animation-delay:-1s}.tileB{right:14%;top:29%;--tile-rotation:17deg;animation-delay:-2s}.tileC{right:13%;top:53%;--tile-rotation:11deg;animation-delay:-3.7s;background:linear-gradient(#fff8b1,#ffd442)}.tileR{left:17%;top:55%;--tile-rotation:-11deg;animation-delay:-2.5s}
.floatRune{position:absolute;z-index:4;font-size:40px;color:#ffdb78;text-shadow:0 0 15px #ffc949;animation:bxRune 5s ease-in-out infinite}.rune1{left:25%;top:42%}.rune2{right:25%;top:49%;animation-delay:-2.3s}
.deskScene{top:38%;height:43%;width:min(870px,68vw);z-index:7;transform:translateX(-50%) translate3d(calc(var(--bx-shift-x)*.1),calc(var(--bx-shift-y)*.05),0)}
.heroCharacter{top:-4%;width:clamp(235px,22vw,345px);z-index:9;animation:mascotBreathe 3.4s ease-in-out infinite}.heroCharacter img{width:100%;height:auto;filter:drop-shadow(0 9px 2px #251020bc) drop-shadow(0 0 18px #b958dabb)}
.heroCharacter.is-looking-left{animation:bxLookLeft 2s ease-in-out both}.heroCharacter.is-looking-right{animation:bxLookRight 2s ease-in-out both}
.mascotBlink{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.mascotBlink i{position:absolute;top:47%;width:15%;height:0;border-radius:50% 50% 70% 70%;background:linear-gradient(#5811ab,#8d2edc);border:0 solid #2d0a49;transform:rotate(-12deg);transform-origin:center top;transition:height .09s ease-out,top .09s ease-out}.mascotBlink i:first-child{left:40%}.mascotBlink i:last-child{left:62%;transform:rotate(12deg)}.heroCharacter.is-blinking .mascotBlink i{height:10%;top:47%;border-width:2px}
.heroHeart{right:2%;top:24%;font-size:38px;color:#ff93db;filter:drop-shadow(0 0 10px #ff86db)}
.robotBuddy{left:0%;bottom:10%;width:154px;height:185px;z-index:12;animation:bxRobotBob 3s ease-in-out infinite;filter:drop-shadow(4px 9px 9px #0009)}
.robotHead{left:15px;top:25px;width:122px;height:92px;transform-origin:50% 90%;border:8px solid #ccbee8;border-radius:32px;background:linear-gradient(145deg,#fff4f3,#cdabea 70%,#7770a1);box-shadow:inset 0 3px 4px #fff,0 6px 0 #624789,0 0 0 3px #502462}.robotHead:before{inset:11px;border-radius:22px;background:radial-gradient(ellipse at 50% 90%,#343e2c,#111225 65%);box-shadow:inset 0 0 12px #000}
.robotHead i{top:42px;background:#b2ff34;box-shadow:0 0 10px #a2ff1f,0 0 22px #a2ff1f;transform-origin:center;transition:height .1s}.robotHead i:first-child{left:32px}.robotHead i:last-child{right:32px}.robotBuddy.is-blinking .robotHead i{height:2px}
.robotBuddy.is-tilting .robotHead{animation:bxRobotTilt 1.3s ease-in-out}
.robotSmile{position:absolute;z-index:3;left:43px;top:46px;height:14px;width:24px;border-bottom:3px solid #c9ff42;border-radius:0 0 100% 100%;box-shadow:0 3px 8px #a9ff3e}
.ant{height:31px;top:2px;background:linear-gradient(90deg,#faf6ff,#a0a1b8);border:1px solid #745e92}.ant:after{box-shadow:0 0 9px #b7ff48;border:2px solid #d6ff87;background:#8cfa14}.a1{left:49px}.a2{right:49px}
.robotChest{left:47px;top:113px;width:61px;height:55px;border:6px ridge #ded0ef;background:linear-gradient(130deg,#f7edfc,#aaa3dd);box-shadow:0 4px 0 #4f3484,0 0 9px #fff6;color:#753097}.robotHand{right:-6px;top:90px;transform-origin:0 90%;animation:bxWave 9s ease-in-out infinite}.robotArmOther{position:absolute;left:-8px;top:114px;width:36px;height:14px;border-radius:15px;background:linear-gradient(#ecf7e8,#a6d483);border:3px solid #528d44;transform:rotate(-27deg)}.robotFoot{position:absolute;top:165px;left:37px;width:35px;height:14px;border-radius:50%;background:#93d844;border:3px solid #4b7d36}.robotFoot.right{left:91px}
.homeCup{right:0;bottom:10%;width:95px;height:86px;border:6px solid #ffe1d9;border-top:9px solid #e6bdd4;background:linear-gradient(110deg,#edc7d6,#fff8e5 45%,#f4c8dd 75%,#c79cb9);box-shadow:inset -8px -10px 6px #be81945e,0 9px 3px #6d4a6a,0 0 10px #d587f966;transform-origin:50% 80%;animation:cupBob 4s ease-in-out infinite;z-index:12}.homeCup b{position:absolute;top:11px;font-size:28px;filter:grayscale(.15)}.homeCup small{position:absolute;bottom:13px;font-size:11px;color:#70216f;font-weight:1000}.homeCup:after{border-color:#f6d1dc;box-shadow:4px 4px 5px #31132888}.steam{border-left-color:#fff9db;height:45px;filter:drop-shadow(0 0 4px #fff3de)}
.homeCup.sipping{animation:bxSipCup 2.8s ease-in-out both!important}.heroCharacter.sipping{animation:sipMascot 2.8s ease-in-out both!important}
.wordMachine{bottom:4%;width:79%;height:clamp(106px,13vh,157px);z-index:13;border:10px ridge #c68c3e;border-radius:30px;background:linear-gradient(180deg,#8f4e34,#3a1a4b 17%,#722370 72%,#2f183a);box-shadow:0 7px 0 #36141c,0 15px 22px #000c,inset 0 0 0 5px #f6bb5a,inset 0 0 16px #ef9d40,0 0 23px #ffc5666d;transform:translateX(-50%)}
.wordMachine:before{content:"";position:absolute;inset:-15px -24px;border-left:16px double #b27a36;border-right:16px double #b27a36;border-radius:25px;z-index:-1;box-shadow:0 7px 12px #1f1021}
.wordMachine:after{content:"";position:absolute;bottom:-13px;left:24%;width:52%;height:7px;border-radius:15px;background:#b9ff20;box-shadow:0 0 6px 3px #a9ff26,0 0 19px #6bff40;animation:bxMachinePulse 3.2s ease-in-out infinite alternate}
.machineGlow{inset:7px;background:radial-gradient(ellipse,#fff8a650,transparent 68%);animation:machineGlow 2.9s ease-in-out infinite}
.wordTiles{inset:18px 24px 25px;gap:8px}.wordTiles span{border:2px solid #eccba8;border-radius:10px;background:linear-gradient(135deg,#fffcec 0%,#fff2b5 62%,#ffc76b 100%);color:#77246f;font-size:clamp(36px,4vw,59px);text-shadow:1px 1px #fff;box-shadow:inset 0 1px 2px #fff,0 5px 0 #b36b24,0 7px 6px #1e052d;animation:bxLetter 3.1s ease-in-out infinite}
.wordTiles span:nth-child(2){animation-delay:-.6s}.wordTiles span:nth-child(3){animation-delay:-1.2s}.wordTiles span:nth-child(4){animation-delay:-1.8s}.wordTiles span:nth-child(5){animation-delay:-2.4s}
.machineRivets{position:absolute;inset:0;pointer-events:none}.machineRivets i{position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:50%;border:2px solid #714217;background:radial-gradient(circle at 32% 27%,#ffebb4,#a16b31 65%);box-shadow:0 1px 2px #000}.machineRivets i:nth-child(2){left:auto;right:7px}.machineRivets i:nth-child(3){top:auto;bottom:7px}.machineRivets i:nth-child(4){left:auto;right:7px;top:auto;bottom:7px}
.machineProgress{position:absolute;bottom:5px;left:27%;width:46%;height:4px;border-radius:8px;background:#b2fa42;box-shadow:0 0 10px 3px #b9ff32;animation:bxMachinePulse 1.9s ease-in-out infinite alternate}.machineGauge{position:absolute;bottom:-22px;left:14%;right:14%;height:12px;border-radius:20px;background:linear-gradient(90deg,#724129,#ffcf59,#6a352c);box-shadow:0 4px 0 #28151b;display:flex;justify-content:space-between;padding:0 15px}.machineGauge i{width:13px;height:13px;border:3px solid #6f351a;border-radius:50%;background:#e9ae4c}.machineLever{position:absolute;right:-31px;top:16%;height:72px;width:8px;background:linear-gradient(90deg,#b87536,#f7d072,#72441e);border-radius:9px;transform:rotate(15deg)}.machineLever:after{content:"";position:absolute;top:-15px;left:-11px;width:30px;height:30px;border:4px solid #cf9447;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffd89d,#6b3882 73%)}
.deskProps{bottom:-4%;z-index:14}.deskProps .gear{animation:bxGear 16s linear infinite;color:#f7c65d}.deskProps .tinyBlock{box-shadow:0 5px #bd7429,0 0 7px #ffe393}
.rulePills{bottom:20.6%;z-index:14;gap:8px}.rulePills b{font-size:clamp(9px,1.1vw,13px);min-width:0;padding:8px 15px;background:linear-gradient(#571181f2,#270b3bf2);border:1px solid #e06cff6f;box-shadow:0 8px 13px #150522aa;white-space:nowrap}
.homeNote{bottom:17.2%;font-size:clamp(9px,1.1vw,12px);background:#210931d9;box-shadow:0 6px 16px #160024;max-width:700px;border-color:#a35fba69;color:#ecdeef}
.homePlay{bottom:7.9%;width:min(420px,34vw);height:clamp(82px,11vh,106px);border:5px ridge #defe5b;border-radius:35px;background:linear-gradient(172deg,#e7ff69 0%,#c1fe18 35%,#95e609 90%);font-size:clamp(34px,4vw,53px);letter-spacing:-.015em;box-shadow:0 10px 0 #517c0a,0 14px 8px #13061b9c,0 0 0 7px #4a2056,0 0 26px #c5ff4faa;animation:bxPlayPulse 2.9s ease-in-out infinite}.homePlay span{font-size:.75em;filter:drop-shadow(0 2px 0 #7fba1e)}.homePlay:hover{filter:brightness(1.08) saturate(1.08)}.homePlay:active{transform:translateX(-50%) translateY(8px);box-shadow:0 2px 0 #517c0a,0 0 0 7px #4a2056}
.homeNav{bottom:1.1%;z-index:15;left:2%;right:2%;gap:12px}.homeNav button{height:76px;border:2px solid #bc55ee;border-radius:24px;background:linear-gradient(150deg,#8529a9,#44076c 55%,#310848);box-shadow:inset 0 2px #ffffff31,inset 0 -6px #1302293c,0 8px 15px #08021496;transition:transform .2s,filter .2s;cursor:pointer}.homeNav button:hover{transform:translateY(-4px);filter:brightness(1.18)}.homeNav button>span{font-size:38px;filter:drop-shadow(0 3px 4px #190014)}.homeNav button b{font-size:17px}.homeNav button small{font-size:11px}
.homeOverlay{position:absolute;z-index:100;inset:0;background:#0d061bc9;backdrop-filter:blur(9px);display:grid;place-items:center;padding:22px}.homeOverlayCard{position:relative;width:min(420px,100%);background:linear-gradient(160deg,#6c298f,#240b40);color:#fff;border:3px solid #d67aff;border-radius:28px;padding:34px 26px 25px;text-align:center;box-shadow:0 20px 60px #000b,inset 0 0 20px #d47bfa49}.homeOverlayCard>span{font-size:55px}.homeOverlayCard h2{font-size:25px;margin:6px 0 12px;color:#d3ff55}.homeOverlayCard p{line-height:1.55;color:#f0e6f9}.homeOverlayClose{position:absolute;right:12px;top:8px;background:transparent;color:#fff;border:0;font-size:33px;cursor:pointer}.homeOverlayCard #homePanelOk{margin-top:14px;padding:14px 40px;background:#bcfb2b;color:#2e1741;border:0;border-radius:18px;font-weight:1000;font-size:18px;cursor:pointer}
@keyframes bxLogo{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes bxTile{0%{translate:0 -3px;rotate:var(--tile-rotation)}50%{translate:4px -15px;rotate:calc(var(--tile-rotation) + 8deg)}100%{translate:-2px 8px;rotate:calc(var(--tile-rotation) - 4deg)}}
@keyframes bxRune{0%,100%{transform:translateY(0) rotate(-5deg);opacity:.3}50%{transform:translateY(-25px) rotate(15deg);opacity:.9}}
@keyframes bxTwinkle{0%{opacity:.32;filter:brightness(.7)}100%{opacity:.84;filter:brightness(1.4)}}
@keyframes bxWindow{0%{filter:hue-rotate(0) saturate(.8)}100%{filter:hue-rotate(9deg) saturate(1.2)}}
@keyframes bxBulb{0%{opacity:.7}50%{opacity:1}100%{opacity:.82}}
@keyframes bxLeaves{0%{rotate:-2deg}100%{rotate:3deg}}
@keyframes bxFlask{0%{height:32%;filter:brightness(.8)}100%{height:45%;filter:brightness(1.4)}}
@keyframes bxGear{to{rotate:360deg}}
@keyframes bxCatTail{0%{rotate:30deg}100%{rotate:-25deg}}
@keyframes bxCatBlink{0%,90%,95%,100%{transform:scaleY(1)}92%{transform:scaleY(.1)}}
@keyframes bxParticle{0%{translate:0 0;opacity:.1;scale:.45}45%{opacity:.9}100%{translate:var(--drift-x) -60px;opacity:.3;scale:1.45}}
@keyframes bxFlyLeaf{0%{transform:translate(-10vw,-40px) rotate(0);opacity:0}10%{opacity:.65}90%{opacity:.65}100%{transform:translate(115vw,140px) rotate(600deg);opacity:0}}
@keyframes bxLookLeft{0%,100%{transform:translateX(-50%) rotate(0)}35%,68%{transform:translateX(-53%) rotate(-5deg)}}
@keyframes bxLookRight{0%,100%{transform:translateX(-50%) rotate(0)}35%,68%{transform:translateX(-47%) rotate(5deg)}}
@keyframes bxRobotBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes bxRobotTilt{0%,100%{transform:rotate(0)}40%,65%{transform:rotate(13deg)}}
@keyframes bxWave{0%,72%,100%{transform:rotate(0)}78%,87%{transform:rotate(-35deg)}82%,92%{transform:rotate(18deg)}}
@keyframes bxMachinePulse{from{opacity:.45;filter:brightness(.8)}to{opacity:1;filter:brightness(1.25)}}
@keyframes bxLetter{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1.5deg)}}
@keyframes bxPlayPulse{0%,100%{scale:1;filter:brightness(1)}50%{scale:1.025;filter:brightness(1.06)}}
@keyframes bxSipCup{0%,100%{transform:translate(0,0) rotate(0)}33%,65%{transform:translate(var(--sip-x,-180px),var(--sip-y,-130px)) rotate(-16deg)}}
/* Tablet/mobile portrait: recompose props in the vertical frame, not a scaled-down desktop. */
@media(max-width:760px){
  .livingHome{min-height:560px}
  .roomBg{transform:translate3d(calc(var(--bx-shift-x)*-.1),calc(var(--bx-shift-y)*-.06),0) scale(1.03)}
  .windowGlow,.windowFrame{width:76vw;height:65%;top:5%}.windowFrame{border-width:9px;box-shadow:0 0 0 4px #8b547d,0 0 0 9px #36152d,inset 0 0 0 3px #e3a67966}
  .windowFrame i:nth-child(1){width:9px}.windowFrame i:nth-child(2){height:9px}
  .shelf{top:10%;bottom:22%;width:30%;border-width:5px;opacity:.92}.shelfLeft{left:-17%}.shelfRight{right:-17%}.books span,.miniBooks span{font-size:8px;padding:6px 1px}.chalk{font-size:10px;padding:14px 1px;border-width:4px;top:30%}
  .hangingVine{width:13%;height:32%}.hangingVine i{width:24px;height:12px}.lamp{top:-6%;transform:scale(.7);transform-origin:top}.lampA{left:41%;z-index:2}.lampB{right:-7%;top:23%;z-index:2}
  .ceilingString{top:12%}.wallGear{font-size:36px}.catSilhouette{right:0;transform:scale(.6);bottom:24%}.leftFlask{left:3%;transform:scale(.5)}.rightFlask{right:3%;transform:scale(.5)}
  .homeHud{height:57px;gap:4px;top:max(1.5%,env(safe-area-inset-top));left:2%;right:2%}.playerCapsule{width:43%;height:54px;min-height:0;border-radius:16px;gap:5px;padding:5px;flex:0 1 43%}.avatarDot{width:32px;height:32px;min-width:32px;border-width:2px}.playerCapsule strong{font-size:clamp(10px,2.7vw,14px);max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerCapsule small{font-size:8px}.playerCapsule span{font-size:7px;display:none}.logoutMini{font-size:7px;padding:5px 4px;white-space:normal;line-height:1.05;max-width:46px}
  .levelCapsule{position:relative;left:auto;transform:none;min-height:0;width:23%;flex:0 0 23%;height:49px;border-radius:16px;padding:5px 4px;gap:4px}.levelStar{width:24px;height:24px;font-size:14px;flex-shrink:0}.levelCapsule small{font-size:8px}.levelCapsule small em{display:block;font-size:7px}.levelCapsule i{width:clamp(31px,9vw,65px);height:6px;margin-top:4px}
  .babuxCapsule{margin-left:auto;min-height:0;height:49px;padding:4px 5px;border-radius:16px;gap:5px}.babuxCapsule>span{width:26px;height:26px;font-size:13px;border-width:2px}.babuxCapsule strong{font-size:clamp(12px,3.4vw,18px)}.babuxCapsule em{width:23px;height:23px;font-size:19px;border-radius:7px}
  .homeLogo{top:13.7%;width:95%}.homeLogoMascot{height:clamp(65px,11vh,105px);margin-bottom:-27px}.logoWord{font-size:clamp(44px,14.7vw,99px);letter-spacing:-.075em;-webkit-text-stroke:3px #261026;text-shadow:0 3px 0 #b77940,0 7px 0 #311022,0 9px 0 #c2ff24,0 14px 17px #19001bfa}.logoSub{font-size:clamp(10px,2.65vw,16px);padding:6px 14px;margin-top:6px}
  .floatTile{width:clamp(42px,12vw,63px);height:clamp(42px,12vw,63px);font-size:clamp(24px,8vw,38px);border-width:3px}.tileA{left:3%;top:35%}.tileB{right:5%;top:32%}.tileC{right:3%;top:52%}.tileR{left:6%;top:54%}.floatRune{font-size:22px}
  .deskScene{top:38%;width:98%;height:39%;transform:translateX(-50%)}.heroCharacter{top:0;left:50%;width:clamp(185px,49vw,290px)}.heroHeart{font-size:24px}
  .robotBuddy{left:1%;bottom:8%;scale:.64;transform-origin:left bottom}.homeCup{right:5%;bottom:8%;scale:.64;transform-origin:right bottom;--sip-x:-16vw;--sip-y:-14vh}
  .wordMachine{bottom:3%;width:85%;height:clamp(80px,10.8vh,115px);border-width:6px;border-radius:19px}.wordMachine:before{inset:-9px -15px;border-width:9px}.wordTiles{inset:12px 12px 19px;gap:5px}.wordTiles span{font-size:clamp(22px,7vw,38px);border-radius:8px;box-shadow:0 4px 0 #b36b24,0 5px 4px #1e052d}.machineLever{right:-19px;height:45px}.machineLever:after{width:19px;height:19px;left:-8px}.machineGauge{bottom:-16px}
  .rulePills{bottom:22%;width:92%;gap:5px}.rulePills b{font-size:clamp(7px,1.95vw,10px);padding:5px 3px;flex:1}.homeNote{bottom:18.7%;width:92%;font-size:clamp(8px,2vw,10px);border-radius:10px;padding:5px}
  .homePlay{width:60%;height:clamp(64px,8.6vh,92px);bottom:9.5%;font-size:clamp(29px,8vw,44px);border-radius:24px;border-width:4px;box-shadow:0 7px 0 #517c0a,0 10px 8px #13061b9c,0 0 0 4px #4a2056,0 0 18px #c5ff4faa}.homePlay span{margin-right:5px}
  .homeNav{left:2.3%;right:2.3%;bottom:1.5%;gap:6px}.homeNav button{height:clamp(56px,7.5vh,82px);min-width:0;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 1px;gap:1px}.homeNav button>span{font-size:clamp(22px,5.4vw,32px);line-height:1}.homeNav button b{font-size:clamp(9px,2.5vw,13px);align-self:center}.homeNav button small{font-size:clamp(6px,1.7vw,9px);align-self:center}
}
@media(min-width:761px) and (max-height:750px){.homeLogo{top:7%}.homeLogoMascot{height:85px;margin-bottom:-30px}.logoWord{font-size:clamp(75px,8vw,135px)}.deskScene{top:37%;height:43%}.heroCharacter{width:min(220px,18vw)}.homePlay{height:72px;bottom:9%;font-size:36px}.homeNav button{height:58px}.homeNote{bottom:19%;}.rulePills{bottom:23%}}
@media(max-width:760px) and (max-height:740px){.homeLogo{top:10.5%}.homeLogoMascot{height:60px;margin-bottom:-28px}.deskScene{top:34%;height:43%}.heroCharacter{width:40vw}.wordMachine{height:76px}.rulePills{bottom:22.6%}.homeNote{bottom:19%}.homePlay{bottom:9.2%;height:60px}.homeNav button{height:52px}.catSilhouette{display:none}}
@media(max-width:350px){.playerCapsule{width:40%;flex-basis:40%}.levelCapsule{width:24%;flex-basis:24%}.levelStar{display:none}.babuxCapsule{gap:3px}.logoWord{font-size:15vw}.homeNav button small{display:none}}
@media(prefers-reduced-motion:reduce){.livingHome,.roomBg,.shelf,.windowFrame,.deskScene{transform:none!important}.homeLogo,.wordMachine,.homePlay{transform:translateX(-50%)!important}.livingHome *{animation:none!important;transition:none!important}}
/* V48.0.1 visual QA: keep both side characters visible and the Play CTA clear. */
@media(min-width:761px){
  .robotBuddy{bottom:23%}
  .homeCup{bottom:33%}
  .wordMachine{bottom:13%}
  .homePlay{bottom:10.5%;height:clamp(74px,9.2vh,95px)}
  .rulePills{display:none}
  .homeNote{bottom:22%;max-width:560px}
}
@media(max-width:760px){
  .robotBuddy{left:-1%;bottom:26%;scale:.68}
  .homeCup{right:5%;bottom:32%;scale:.65}
  .homeNote{bottom:18.7%}
  .rulePills{display:flex}
}
@media(max-width:760px) and (max-height:740px){
  .robotBuddy{bottom:27%;scale:.57}
  .homeCup{bottom:35%;scale:.58}
}
/* Keep mobile robots at the intended one-time scale, not multiplied by V46 rules. */
@media(max-width:760px){
  .robotBuddy{transform:none;scale:.70;left:-2%;bottom:26%}
  .homeCup{transform:none;scale:.78;right:5%;bottom:32%}
}
@media(max-width:760px) and (max-height:740px){
  .robotBuddy{scale:.63;bottom:27%}
  .homeCup{scale:.71;bottom:35%}
}
/* V48 parallax: explicitly computed pixel offsets (no CSS math multiplication). */
.roomBg{transform:translate3d(var(--bx-far-x,0px),var(--bx-far-y,0px),0) scale(1.035)}
.windowFrame{transform:translateX(-50%) translate3d(var(--bx-far-x,0px),var(--bx-far-y,0px),0)}
.shelfLeft{transform:translate3d(var(--bx-near-x,0px),var(--bx-near-y,0px),0)}
.shelfRight{transform:translate3d(calc(-1 * var(--bx-near-x,0px)),var(--bx-near-y,0px),0)}
.deskScene{transform:translateX(-50%) translate3d(var(--bx-front-x,0px),var(--bx-front-y,0px),0)}
@media(max-width:760px){.roomBg{transform:scale(1.03)}.deskScene{transform:translateX(-50%)}}