/* BABURAX V49: separately composited hand-cut illustrations from the approved
   visual reference. Only the home scene changes. Account, game and API untouched. */
body.home-ready{background:#220e35}
body.home-ready #start{min-height:100dvh}
.livingHome{height:100dvh;min-height:600px;max-height:none;overflow:hidden;isolation:isolate;background:#260e37;perspective:1000px}
.roomBg{position:absolute;inset:0;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 50% 35%,#684078,#2a123c 68%,#140c20);transform:translate3d(var(--bx-far-x,0px),var(--bx-far-y,0px),0) scale(1.035)}
.studioAmbient{position:absolute;inset:-5%;background:linear-gradient(90deg,#2d0c33a0 0%,transparent 23%,#1e071e48 50%,transparent 77%,#2d0c33a0 100%),url('art/ambient-workshop.jpg') center 44% / cover;filter:saturate(1.5) contrast(1.17)}
.worldWindow{position:absolute;width:41%;height:71%;left:29.5%;top:-3%;border:15px ridge #9f5e72;border-radius:46% 46% 4% 4%;box-shadow:0 0 0 6px #2c142c,inset 0 0 55px #f08dff99,0 0 75px #9a55e178;background:linear-gradient(175deg,#44296950,#9864ca83),url('art/window-corner.jpg') 51% 50% / cover}
.worldWindow:before{content:"";position:absolute;inset:2%;border:5px solid #2d1832;border-radius:45% 45% 3% 3%;box-shadow:inset 0 0 27px #fff2}
.windowBars{position:absolute;inset:0;background:linear-gradient(90deg,transparent 48.5%,#2d1832 49%,#2d1832 51%,transparent 51.5%),linear-gradient(0deg,transparent 49%,#2d1832 49.5%,#2d1832 51%,transparent 51.5%);opacity:.88}
.sceneShelf{position:absolute;top:8%;height:69%;width:22%;overflow:hidden;border:9px ridge #b07948;border-radius:7px;background:#562738;box-shadow:0 0 0 2px #502120,inset 0 0 35px #0008,0 13px 25px #160916}
.photoShelf img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.13) contrast(1.09)}
.leftShelf{left:-1%;transform:translate3d(var(--bx-near-x,0px),var(--bx-near-y,0px),0)}
.rightShelf{right:-1%;transform:translate3d(calc(-1 * var(--bx-near-x,0px)),var(--bx-near-y,0px),0)}
.worldStringLights{position:absolute;inset:0 0 45%;pointer-events:none;background:radial-gradient(circle at 21% 8%,#fff4a6 0 3px,#ffb63d99 4px 10px,transparent 30px),radial-gradient(circle at 88% 17%,#fff4a6 0 3px,#ffb63d99 4px 10px,transparent 30px),radial-gradient(circle at 70% 49%,#fff4a6 0 2px,#ffb63d88 4px 8px,transparent 26px),radial-gradient(circle at 14% 63%,#fff4a6 0 2px,#ffb63d88 4px 9px,transparent 25px);animation:bxTwinkle 4s ease-in-out infinite alternate}
.worldTable{position:absolute;left:-5%;right:-5%;bottom:0;height:31%;border-top:22px ridge #c17c39;background:linear-gradient(180deg,#6c2f31cc,#1d0d28df),url('art/desk-warm.jpg') center top / cover;box-shadow:0 -20px 44px #15051baa,inset 0 20px 35px #ffb15a36;transform:perspective(900px) rotateX(4deg);transform-origin:top center}
.worldTable:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 19%,#28132144 20% 20.4%,transparent 21% 39%);mix-blend-mode:multiply}
.worldBook{position:absolute;z-index:2;left:2%;width:16%;padding:1.1em .4em;font:900 clamp(11px,1.4vw,22px) Georgia,serif;text-align:center;text-shadow:0 2px #230825;color:#f5d4ac;box-shadow:0 8px 12px #17091699,inset 0 0 0 3px #ffffff22;border-radius:5px;transform:rotate(5deg)}
.worldBookA{top:25%;background:#5d269a}.worldBookB{top:32%;background:#b06d32}.worldBookC{top:39%;background:#6434a9}
.ambientGlow{position:absolute;left:15%;right:15%;top:17%;bottom:21%;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#db78cf55,transparent 70%);filter:blur(40px);animation:bxWindow 7s ease-in-out infinite alternate}
.hangingLamp{position:absolute;left:50%;top:-1.5%;width:clamp(128px,13vw,205px);transform:translateX(-50%);filter:drop-shadow(0 0 22px #ffd36a99);z-index:2;animation:photoLampSway 7s ease-in-out infinite}
.lampLight{position:absolute;left:50%;top:7%;width:33%;height:39%;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#ffde8f55 0%,#ffb24622 36%,transparent 71%);filter:blur(12px);mix-blend-mode:screen;animation:bxBulb 4s ease-in-out infinite alternate}
.scenePlant{position:absolute;z-index:3;top:0;left:-2%;width:17%;height:30%;pointer-events:none;transform-origin:top;animation:bxLeaves 5s ease-in-out infinite alternate}
.scenePlantRight{left:auto;right:-2%;animation-delay:-2s;scale:-1 1}
.scenePlant i{position:absolute;left:25%;width:38%;height:21%;border-radius:100% 8% 100% 8%;background:linear-gradient(130deg,#8abc39,#235c25);box-shadow:inset 2px 1px #daf66a80,1px 3px 5px #0e201e90;transform:rotate(28deg)}
.scenePlant i:nth-child(1){top:1%;left:2%;transform:rotate(70deg)}.scenePlant i:nth-child(2){top:15%;left:56%;transform:rotate(-43deg)}.scenePlant i:nth-child(3){top:35%;left:3%;transform:rotate(60deg)}.scenePlant i:nth-child(4){top:54%;left:50%;transform:rotate(-25deg)}.scenePlant i:nth-child(5){top:71%;left:15%;transform:rotate(72deg)}
/* Pure UI layer: the original gameplay handlers target these unchanged IDs. */
.homeHud{z-index:30;left:2.3%;right:2.3%;top:2.2%;height:auto;align-items:center;gap:12px}
.playerCapsule,.levelCapsule,.babuxCapsule{background:linear-gradient(135deg,#7721bbf0,#310557f4);border:2px solid #d45affbb;box-shadow:inset 0 1px 7px #b95dff88,0 7px 20px #0009;border-radius:40px}
.playerCapsule{min-width:235px;padding:7px 10px;gap:10px}
.avatarDot{width:53px;height:53px;min-width:53px;overflow:hidden;background:linear-gradient(140deg,#e38aff,#510da4);border-color:#d8f948}
.avatarDot img{width:114%;height:114%;object-fit:contain}
.playerCapsule small{font-size:10px}.playerCapsule strong{font-size:17px}.playerCapsule span{font-size:9px}
.levelCapsule{min-width:210px}.levelCapsule small{font-size:11px}.levelCapsule small em{font-style:normal;font-size:10px;color:#ead2f2}
.babuxCapsule{cursor:pointer}.babuxCapsule>span{font-family:Georgia,serif;background:linear-gradient(#fff1a1,#f9a900);box-shadow:inset 0 -4px 5px #a46511;border:3px solid #ffeb83;color:#99520a}
.babuxCapsule em{background:#c7ff20}
.homeLogo{z-index:13;position:absolute;top:12%;left:50%;width:min(56vw,730px);transform:translateX(-50%);animation:photoLogoFloat 5.3s ease-in-out infinite;filter:drop-shadow(0 10px 9px #16041f8a)}
.homeLogo .photoLogo{width:100%;display:block;object-fit:contain}
.homeLogoMascot,.logoWord{display:none}
.logoSub{display:inline-flex;gap:12px;align-items:center;justify-content:center;margin-top:-7px;padding:9px 25px;background:linear-gradient(#68208f,#2a0647);border:2px solid #e05bff;border-radius:30px;box-shadow:0 10px 22px #17031a;white-space:nowrap;font-size:clamp(13px,1.5vw,21px);font-weight:900;color:#e2ff4d}
.logoSub span{color:#efe0ee}.logoSub b{color:#d6ff40}
.deskScene{left:50%;top:38%;width:61%;height:42%;transform:translateX(-50%) translate3d(var(--bx-front-x,0px),var(--bx-front-y,0px),0);z-index:16;pointer-events:none}
.heroCharacter{position:absolute;width:min(37%,340px);top:0%;left:50%;height:auto;transform:translateX(-50%);transform-origin:50% 90%;animation:photoHeroBreathe 3.4s ease-in-out infinite;z-index:6}
.heroCharacter img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px #1a0024a8)}
.heroHeart{display:none}
.mascotBlink{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .08s}
.mascotBlink i{position:absolute;top:45%;width:21%;height:11%;background:#9527d6;border-bottom:4px solid #2d0846;border-radius:55%;transform:rotate(7deg)}
.mascotBlink i:nth-child(1){left:30%;transform:rotate(-9deg)}.mascotBlink i:nth-child(2){left:58%}
.heroCharacter.is-blinking .mascotBlink{opacity:1}
.heroCharacter.is-looking-left{animation:photoHeroLeft 2.1s ease-in-out}.heroCharacter.is-looking-right{animation:photoHeroRight 2.1s ease-in-out}
.robotBuddy{position:absolute;width:24%;height:auto;bottom:13%;left:4%;z-index:8;transform-origin:40% 85%;animation:photoRobotBob 4.2s ease-in-out infinite;cursor:pointer}
.robotBuddy img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 6px #220b2399)}
.robotBuddy .robotEyesOverlay{display:none}
.robotBuddy.is-tilting{animation:photoRobotTilt 1.4s ease-in-out}
.homeCup{position:absolute;right:2%;bottom:2%;z-index:11;width:17%;height:auto;border:none;background:none;box-shadow:none;border-radius:0;transform-origin:65% 85%;animation:photoCupBob 5s ease-in-out infinite}
.homeCup img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 6px #290923aa)}
.homeCup:after{display:none}.homeCup.sipping{animation:photoSip 2.8s ease-in-out both}
.homeCup .steam{bottom:90%;left:40%;width:9px;height:48px;border-left:3px solid #ffffffbd;opacity:.85;filter:drop-shadow(0 0 5px #ffeab2)}
.homeCup .st2{left:55%}.homeCup .st3{left:70%}
.wordMachine{left:50%;bottom:-1%;width:92%;height:auto;border:0;border-radius:0;background:none;box-shadow:none;transform:translateX(-50%);z-index:10;animation:photoMachineFloat 4s ease-in-out infinite}
.wordMachine:before,.wordMachine:after{display:none}
.wordMachine>img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 8px #000a)}
.machineLightLine{position:absolute;left:31%;right:30%;bottom:17%;height:3%;background:#b4ff22;filter:blur(7px);box-shadow:0 0 25px 12px #a7ff3388;animation:photoMachineLight 2.7s ease-in-out infinite alternate;pointer-events:none}
.machineTileGlow{position:absolute;inset:26% 22% 33%;display:grid;grid-template-columns:repeat(5,1fr);gap:1%;pointer-events:none}
.machineTileGlow i{border:2px solid #ffffb722;border-radius:9px;box-shadow:0 0 14px #ffffcb22;animation:photoTileGlow 3.2s ease-in-out infinite alternate}
.machineTileGlow i:nth-child(2){animation-delay:-.5s}.machineTileGlow i:nth-child(3){animation-delay:-1.1s}.machineTileGlow i:nth-child(4){animation-delay:-1.8s}.machineTileGlow i:nth-child(5){animation-delay:-2.5s}
.floatTile{z-index:17;width:clamp(50px,6vw,90px);height:clamp(50px,6vw,90px);border:3px solid #fff3ae;border-radius:14px;background:linear-gradient(#fff2c9,#ffc129);font-size:clamp(33px,4.2vw,59px);transform:rotate(-9deg);box-shadow:0 0 22px #ffd33c,0 9px 20px #220b2a88;animation:photoTileFloat 5s ease-in-out infinite}
.photoTile{border:0;background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 0 13px #ffba2add)}
.photoTile img{display:block;width:100%;height:100%;object-fit:contain}
.tileA{left:9%;top:36%;width:clamp(67px,9vw,122px);height:auto;aspect-ratio:1}
.tileB{right:13%;top:40%;animation-delay:-2s;rotate:10deg}.tileC{right:10%;top:61%;width:clamp(69px,9vw,122px);height:auto;aspect-ratio:1;animation-delay:-3s}.tileR{left:13%;top:66%;rotate:-12deg;animation-delay:-1.5s}
.rulePills{display:none!important}
.homeNote{z-index:18;bottom:19%;background:#2d0d47b0;border:1px solid #b673e766;padding:6px 13px;color:#f4dbf0;max-width:640px;width:70%;font-size:clamp(10px,1.04vw,13px)}
.homePlay{z-index:20;left:50%;bottom:8.5%;height:clamp(70px,10vh,107px);width:min(39vw,470px);transform:translateX(-50%);border-radius:34px;border:7px ridge #c7ff5f;background:linear-gradient(180deg,#e3ff62,#9fea08 58%,#7cc907);color:#330d48;font-size:clamp(35px,4.2vw,59px);text-shadow:0 2px 0 #fff4;box-shadow:0 9px 0 #457408,0 0 0 8px #3f0a56,0 0 35px #c7ff32aa,inset 0 3px 11px #ffffa5;animation:bxPlayPulse 3s ease-in-out infinite}
.homePlay:hover{filter:brightness(1.1);cursor:pointer}
.homePlay:active{transform:translateX(-50%) translateY(6px)}
.homeNav{z-index:28;left:2%;right:2%;bottom:1.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.homeNav button{height:clamp(65px,8vh,91px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:13px;text-align:left;border:3px solid #a526eb;border-radius:23px;background:linear-gradient(160deg,#7016a9,#280446);box-shadow:inset 0 1px 15px #a663f788,0 7px 15px #18051da8}
.homeNav button>span{font-size:clamp(29px,3.8vw,45px);line-height:1}.homeNav button b{font-size:clamp(13px,1.4vw,19px);color:#fff;align-self:auto}.homeNav button small{display:none}.homeNav .navMascot{width:55px;height:55px;object-fit:contain}
.homeNav button:hover{background:linear-gradient(160deg,#9a23db,#410776)}
.homeOverlay{z-index:99}
@keyframes photoLogoFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@keyframes photoHeroBreathe{0%,100%{transform:translateX(-50%) translateY(0) scale(1) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-7px) scale(1.018) rotate(1deg)}}
@keyframes photoHeroLeft{0%,100%{transform:translateX(-50%) rotate(0)}40%,60%{transform:translateX(-54%) rotate(-5deg)}}
@keyframes photoHeroRight{0%,100%{transform:translateX(-50%) rotate(0)}40%,60%{transform:translateX(-46%) rotate(5deg)}}
@keyframes photoRobotBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes photoRobotTilt{0%,100%{transform:rotate(0)}45%{transform:rotate(13deg) translateY(-9px)}}
@keyframes photoMachineFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}
@keyframes photoMachineLight{from{opacity:.2;filter:blur(7px)}to{opacity:.85;filter:blur(4px)}}
@keyframes photoTileGlow{0%{opacity:.2;transform:translateY(0)}100%{opacity:1;transform:translateY(-2px)}}
@keyframes photoTileFloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-14px) rotate(9deg)}}
@keyframes photoCupBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes photoSip{0%,100%{transform:translate(0,0) rotate(0)}30%,68%{transform:translate(var(--cup-move-x,-120px),var(--cup-move-y,-125px)) rotate(-17deg)}}
@keyframes photoLampSway{0%,100%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg)}}
@media(max-width:760px){
 .livingHome{min-height:560px}
 .roomBg{transform:scale(1.025)}
 .studioAmbient{inset:-10%;background-position:center center;filter:saturate(1.5) brightness(.8)}
 .worldWindow{width:79%;height:67%;left:10.5%;top:0;border-width:8px}
 .sceneShelf{top:11%;height:63%;width:24%;border-width:4px}.leftShelf{left:-5%}.rightShelf{right:-5%}
 .photoShelf img{object-position:center}
 .worldBook{display:none}
 .worldTable{height:33%;border-top-width:13px}
 .hangingLamp{top:-.6%;width:25%;min-width:0;left:62%}
 .lampLight{left:62%;top:5%;height:28%;width:39%}
 .scenePlant{width:25%;height:24%}
 .homeHud{left:2.2%;right:2.2%;top:max(1%,env(safe-area-inset-top));height:45px;gap:4px}
 .playerCapsule{height:44px;min-height:0;min-width:0;width:42%;flex:0 0 42%;padding:4px 5px;gap:3px;border-radius:20px}
 .avatarDot{width:31px;height:31px;min-width:31px;border-width:2px}
 .playerCapsule strong{font-size:clamp(9px,2.45vw,12px)}.playerCapsule small{font-size:7px}.playerCapsule span{display:none}.logoutMini{font-size:6px;max-width:34px;padding:3px 2px}
 .levelCapsule{position:relative;left:auto;transform:none;min-width:0;width:22%;flex:0 0 22%;height:42px;padding:4px 3px;gap:2px;border-radius:20px}
 .levelStar{width:19px;height:19px;font-size:12px;flex-shrink:0}.levelCapsule small{font-size:7px}.levelCapsule small em{display:none}.levelCapsule i{width:clamp(30px,7vw,55px);height:5px}
 .babuxCapsule{height:42px;min-height:0;margin-left:auto;padding:4px;gap:3px;border-radius:19px}
 .babuxCapsule>span{width:24px;height:24px;border-width:2px;font-size:13px}.babuxCapsule strong{font-size:14px}.babuxCapsule em{width:21px;height:21px;font-size:16px;border-radius:6px}
 .homeLogo{top:11.3%;width:87%}
 .logoSub{margin-top:-4px;padding:5px 16px;font-size:clamp(9px,2.4vw,13px);border-width:1px;gap:6px}
 .deskScene{width:100%;left:50%;top:38%;height:39%;transform:translateX(-50%)}
 .heroCharacter{top:0%;width:56%;left:50%}
 .robotBuddy{left:0%;bottom:7%;width:36%;scale:1;transform:none}
 .homeCup{width:21%;right:0%;bottom:0%;scale:1;transform:none;--cup-move-x:-18vw;--cup-move-y:-11vh}
 .wordMachine{width:106%;bottom:-1%;height:auto;left:50%}
 .floatTile{width:45px;height:45px;border-width:2px;font-size:28px;border-radius:10px}
 .tileA{left:2%;top:35.7%;width:16%;height:auto;aspect-ratio:1}.tileB{right:2%;top:38%;width:11%;height:auto;aspect-ratio:1}
 .tileC{right:0%;top:54%;width:15%;height:auto;aspect-ratio:1}.tileR{left:3%;top:57%;width:10%;height:auto;aspect-ratio:1}
 .homeNote{width:84%;max-width:none;bottom:19.2%;padding:4px 8px;font-size:clamp(7px,1.9vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .homePlay{width:60%;height:clamp(60px,8.8vh,89px);bottom:9.9%;font-size:clamp(30px,8vw,44px);border:5px ridge #dfff75;border-radius:23px;box-shadow:0 7px 0 #507b0d,0 0 0 5px #391251,0 0 22px #cbff4d9c}
 .homeNav{left:1.8%;right:1.8%;bottom:1%;gap:5px}
 .homeNav button{height:clamp(55px,7.1vh,77px);min-width:0;border-width:2px;border-radius:16px;display:flex;flex-direction:column;gap:2px;padding:3px 0;align-items:center;justify-content:center}
 .homeNav button>span{font-size:clamp(23px,6vw,34px)}.homeNav button b{font-size:clamp(10px,2.6vw,14px);align-self:auto}.homeNav .navMascot{width:33px;height:33px}
 .robotBuddy,.homeCup,.wordMachine,.heroCharacter{will-change:transform}
}
@media(max-width:760px) and (max-height:740px){
 .homeLogo{top:9%;width:77%}.deskScene{top:34%;height:42%}.heroCharacter{width:51%}
 .homePlay{bottom:9.3%;height:58px}.homeNote{bottom:19.7%}.homeNav button{height:49px}
}
@media(min-width:761px) and (max-height:760px){
 .homeLogo{top:7%;width:37%}.deskScene{top:31%;height:48%;width:49%}.heroCharacter{width:30%}
 .homePlay{bottom:10.1%;height:62px}.homeNav button{height:52px}.homeNote{bottom:20.2%}
}
@media(prefers-reduced-motion:reduce){.homeLogo,.heroCharacter,.robotBuddy,.homeCup,.wordMachine,.floatTile,.hangingLamp,.lampLight,.worldStringLights,.machineTileGlow i,.machineLightLine{animation:none!important}}
/* Desktop composition tuned separately to keep artwork, Play and navigation apart. */
.worldBook{display:none}
@media(min-width:761px){
  .homeLogo{top:7%;width:min(34vw,46vh,490px)}
  .deskScene{top:35%;height:41%;width:min(75vw,850px)}
  .heroCharacter{width:min(31%,255px);top:0}
  .wordMachine{width:65%;bottom:0}
  .robotBuddy{left:-16%;bottom:12%;width:24%}
  .homeCup{right:-13%;bottom:5%;width:17%;--cup-move-x:-130px;--cup-move-y:-115px}
  .homePlay{bottom:12%;height:clamp(67px,9vh,98px);width:min(35vw,440px)}
  .homeNav{bottom:1.5%}
  .homeNote{bottom:21.2%;opacity:.78;font-size:11px;max-width:570px}
}
@media(min-width:761px) and (max-height:760px){
  .homeLogo{top:6%;width:min(31vw,42vh,440px)}
  .deskScene{top:32%;height:43%;width:min(75vw,780px)}
  .heroCharacter{width:min(28%,210px)}
  .wordMachine{width:61%}
  .homePlay{bottom:12.5%;height:clamp(59px,9vh,73px)}
  .homeNav button{height:51px}
}

@media(min-width:761px){
  .homeLogo{top:5.4%}
  .heroCharacter{top:9%}
}
@media(min-width:761px){
  .homeLogo{top:9.5%;width:min(31vw,42vh,455px)}
  .heroCharacter{top:13%}
}
.heroCharacter.mood-happy{filter:brightness(1.06) saturate(1.05)}
.heroCharacter.mood-celebrate{filter:brightness(1.13) saturate(1.19) drop-shadow(0 0 8px #eefe64a8)}
@media(min-width:761px){.homeLogo{top:8%}.heroCharacter{top:7%}}
@media(max-width:760px){.heroCharacter{top:4%}}
.robotBuddy .robotEyesOverlay{display:block;position:absolute;left:32%;top:30%;width:41%;height:12%;background:#160e24;border-radius:46%;opacity:0;transform:rotate(-5deg);pointer-events:none}
.robotBuddy .robotEyesOverlay:after{content:"";position:absolute;top:56%;left:17%;width:68%;height:3px;background:#bbff31;border-radius:100%;box-shadow:0 0 6px #aaff27}
.robotBuddy.is-blinking .robotEyesOverlay{opacity:.96}
@media(max-width:760px){.homeCup{--cup-move-x:-31vw;--cup-move-y:-17vh}}
@media(min-width:761px){.homeCup{--cup-move-x:-20vw;--cup-move-y:-13vh}}