/* The approved home is one clear composition; gameplay screens are unchanged. */
#app:has(#menu.simple-lobby:not([hidden])){max-width:860px;min-height:100svh;padding:0 14px max(8px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 28%,#183a2f 0,#0a2018 49%,#07130f 85%)}
#app:has(#menu.simple-lobby:not([hidden]))>header{display:none}
#menu.compact-lobby.simple-lobby{max-width:720px;width:100%;padding:0;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#menu.simple-lobby .simple-legacy{display:none!important}
#menu.simple-lobby .simple-shell{min-height:calc(100svh - max(8px,env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:7px;position:relative;isolation:isolate}
.simple-top{display:grid;grid-template-columns:56px minmax(0,1fr) 76px;align-items:start;gap:4px;padding:13px 0 0;min-height:106px;z-index:2}
#menu.simple-lobby .simple-wordmark{font-family:"Tower Barlow",Impact,"Arial Narrow",sans-serif;line-height:.75;text-align:center;margin:0;padding:2px 0 0;letter-spacing:.025em;transform:rotate(-1deg);font-size:clamp(34px,9vw,53px);color:#f4d78b;filter:drop-shadow(0 3px 0 #6f4b16) drop-shadow(0 5px 2px #000b)}
.simple-wordmark>span{display:block;background:linear-gradient(#fff3c1,#e4be62 68%,#a97a27);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.5px #fff1bb}
.simple-wordmark>small{display:block;line-height:.8;font-size:16px;font-weight:900;color:#ffecab;margin:3px 0 4px;text-shadow:0 2px #72531c}
.simple-wordmark>em{display:block;font:750 8px/1.4 system-ui,sans-serif;color:#f6efdc;letter-spacing:2.1px;margin-top:9px;white-space:nowrap}
#menu.simple-lobby .simple-settings{background:none;box-shadow:none;border:0;padding:8px 1px;min-width:44px;min-height:48px;color:#f4cc70;align-self:center}
.simple-settings svg{width:38px;height:38px;fill:#e5b550;stroke:#fff1b1;stroke-width:1.4;filter:drop-shadow(0 3px 0 #6d4916)}
.simple-settings svg circle{fill:#0d271d;stroke:#8a641f;stroke-width:2}
#menu.simple-lobby .simple-balance{align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:3px;background:#071911bb;color:#fff3d1;border:1px solid #98763263;border-radius:22px;padding:4px 6px 4px 1px;min-height:44px;min-width:0;box-shadow:inset 0 1px 0 #e9bc5a13}
.simple-top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
#menu.simple-lobby .simple-top-actions .simple-balance{align-self:flex-end;max-width:100%}
#menu.simple-lobby .simple-top-actions .simple-balance img{width:28px;height:28px;flex:0 0 28px}
.simple-quick-language{display:flex;align-items:center;gap:2px;white-space:nowrap;margin:0;padding:0 5px 0 7px;min-height:32px;border:1px solid #a9bc8e38;border-radius:15px;background:#07191180;color:#c9d5bd;font-size:10px;font-weight:650;line-height:1}
.simple-quick-language select{font:750 11px/1 system-ui,sans-serif;letter-spacing:.1px;color:#edf4df;background:transparent;border:0;border-radius:10px;min-height:30px;max-width:62px;padding:3px 1px;cursor:pointer}
.simple-quick-language select:focus-visible{outline:2px solid #d0f45b;outline-offset:1px}
.simple-quick-language option{background:#10271d;color:#edf4df}
.simple-balance img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}
.simple-balance b{font-size:clamp(14px,4vw,20px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1;overflow:hidden;text-overflow:ellipsis}
#menu.simple-lobby .simple-scene{position:relative;width:100%;height:clamp(195px,32svh,340px);min-height:170px;max-height:360px;flex:1 1 245px;margin:-7px 0 -4px;z-index:0;overflow:hidden;border-radius:12px;background:#112c22;box-shadow:inset 0 -20px 24px #07180d30}
.simple-hero-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center 50%;pointer-events:none;user-select:none;-webkit-user-drag:none}
.simple-scene::after{content:"";position:absolute;inset:auto 0 0;height:17%;background:linear-gradient(transparent,#0a2018);pointer-events:none;z-index:4}
#menu.simple-lobby .simple-speech{position:absolute;right:2%;top:4%;margin:0;max-width:45%;background:linear-gradient(125deg,#fff6dc,#ead8a6);color:#211e13;font-size:clamp(13px,3.7vw,19px);line-height:1.14;font-weight:850;letter-spacing:-.025em;padding:10px 12px;border-radius:35% 35% 33% 12%/26% 32% 23% 15%;box-shadow:0 4px 0 #776b3d99,0 7px 16px #0003;z-index:3}
.simple-speech::after{content:"";position:absolute;left:8%;bottom:-9px;width:20px;height:16px;background:#ead8a6;clip-path:polygon(0 0,100% 0,0 100%)}
#menu.simple-lobby .simple-tower{position:absolute;left:61%;right:7%;bottom:2%;height:64%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:2;filter:drop-shadow(0 6px 3px #0007)}
#menu.simple-lobby .simple-tower-block{display:grid;place-items:center;position:relative;width:100%;height:16%;min-height:15px;max-height:39px;flex:0 0 16%;padding:1px 3px 4px;border-radius:5px 5px 4px 4px;background:linear-gradient(150deg,#f7da88 0,#dfb65a 35%,#bc8b2e 80%);border:1px solid #e8c764;box-shadow:inset 0 2px 0 #fff1b5b0,inset -3px -4px 0 #75501970,0 2px 0 #533a17;color:#302910;font-family:"Tower Barlow",Impact,"Arial Narrow",sans-serif;text-align:center;font-weight:850;line-height:1;font-size:clamp(9px,2.7vw,14px);text-transform:uppercase;overflow:hidden;transform-origin:bottom center;letter-spacing:.01em}
.simple-tower-block:nth-child(1){width:84%;transform:rotate(3deg);z-index:4;background:linear-gradient(135deg,#d9ec87,#98ac4b 65%,#758638);border-color:#c2d681}
.simple-tower-block:nth-child(2){width:92%;transform:translateX(4%) rotate(-2deg);z-index:3;background:linear-gradient(135deg,#cbd4b4,#8c9c7f 70%,#64755e);border-color:#b3c299}
.simple-tower-block:nth-child(3){width:96%;transform:translateX(-2%) rotate(2deg);z-index:2}
.simple-tower-block:nth-child(4){transform:rotate(-1deg);z-index:1}
.simple-tower-block>span{position:relative;z-index:1;max-width:100%;overflow-wrap:anywhere}
#menu.simple-lobby .simple-tower-bearer{position:relative;display:block;width:100%;height:36%;flex:0 0 36%;min-height:25px;object-fit:contain;margin-top:2px;pointer-events:none}
.simple-art-fallback .simple-hero-art{object-fit:contain;object-position:left center;width:64%;filter:drop-shadow(0 12px 10px #0006)}
#menu.simple-lobby .simple-records{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;max-width:365px;width:90%;margin:0 auto;min-height:69px;gap:0;text-align:center}
#menu.simple-lobby .simple-best{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0;background:none;border:0;border-right:1px solid #b2c1a82b;border-radius:0;margin:0;padding:0 14px 2px;box-shadow:none;min-height:62px;min-width:0;position:relative}
#menu.simple-lobby .simple-best small,.simple-last small{color:#f8edd1;font-size:11px;font-weight:850;letter-spacing:.05em;line-height:1.2;display:block}
#menu.simple-lobby .simple-best b,.simple-last strong{font-size:clamp(35px,10vw,52px);line-height:1;font-weight:900;letter-spacing:-1px;color:#f6d278;font-family:"Tower Barlow",Impact,"Arial Narrow",sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #704c1c}
.simple-last strong{color:#fff3d7;display:block;margin-top:2px;text-shadow:0 3px 0 #223b2c}
#menu.simple-lobby .simple-goal{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:560px;align-self:center;min-height:43px;padding:8px 12px;background:#092117d9;border:2px solid #bfec4d;color:#e9f5d1;border-radius:26px;font-size:clamp(11px,3.35vw,15px);font-weight:750;line-height:1.2;overflow:hidden;margin:2px 0 0;box-shadow:0 0 12px #bcf04013}
.simple-target{font-size:24px;color:#c8f34e;line-height:.8;flex:0 0 auto}
.simple-goal-label{min-width:0;overflow-wrap:anywhere}
.simple-chevron{margin-left:auto;font-size:27px;line-height:.6;color:#c8f34e;flex:0 0 auto}
.simple-goal-meter{position:absolute;bottom:0;left:0;height:3px;background:#c7ef4c}
#menu.simple-lobby #free.simple-play{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;column-gap:4px;align-items:center;justify-content:center;width:100%;flex:0 0 auto;min-height:66px;margin:3px 0 0;padding:13px 22px;background:linear-gradient(#d4ff50,#bfe936);border:2px solid #e6ff91;color:#152009;border-radius:18px;box-shadow:0 5px 0 #6a8b24,inset 0 0 0 3px #c1ee4b;letter-spacing:-.015em;font-size:clamp(24px,7vw,36px);font-weight:950;text-align:center;line-height:1.15}
#menu.simple-lobby #free.simple-play>span{position:static;inset:auto;grid-row:1;grid-column:2;min-width:0;text-align:center;font-size:inherit}
#menu.simple-lobby #free.simple-play>.simple-arrow{grid-column:3;justify-self:center}
#menu.simple-lobby #free.simple-play .simple-arrow{font-size:47px;line-height:.8;color:#152009}
#menu.simple-lobby #free.simple-play:active{transform:translateY(3px);box-shadow:0 2px 0 #6a8b24}
#menu.simple-lobby .simple-challenges{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:7px}
#menu.simple-lobby .simple-challenges>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:47px;width:100%;margin:0;padding:9px 5px;font-size:clamp(11px,3.1vw,15px);line-height:1.15;letter-spacing:0;border:1.5px solid #d5b558;border-radius:13px;color:#efd07e;background:linear-gradient(135deg,#6f551c44,#2b301719);font-weight:850;min-width:0;box-shadow:none}
#menu.simple-lobby .simple-challenges>#friend{color:#a5e8f3;border-color:#66c6d5;background:linear-gradient(135deg,#1d6d7245,#142c2f30);border-radius:13px}
#menu.simple-lobby .simple-challenges>button::after{display:none!important}
#menu.simple-lobby .simple-challenges>button::before{content:"";width:23px;height:23px;display:block;flex:0 0 23px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
#menu.simple-lobby .simple-quest{background:transparent;color:#c6d9ad;border:0;box-shadow:none;font-size:10px;line-height:1.25;min-height:26px;text-align:center;padding:4px 8px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0;flex:0 0 auto}
#menu.simple-lobby .simple-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #b8cba325;background:linear-gradient(transparent,#06140eaa);margin:0 -6px;padding:5px 2px 0;min-height:85px;flex:0 0 auto}
#menu.simple-lobby .simple-nav>.simple-nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:auto;min-height:80px;position:relative;padding:1px 2px 4px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f5eed9;text-align:center;min-width:0;overflow:visible;border-right:1px solid #bbd4b32b}
#menu.simple-lobby .simple-nav>.simple-nav-button:last-child{border-right:0}
#menu.simple-lobby .simple-nav>.simple-nav-button>*{display:none!important}
#menu.simple-lobby .simple-nav>.simple-nav-button::before{content:"";display:block;width:56px;height:52px;max-width:90%;background-image:url('lobby/nav-v1.webp');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 3px 2px #0008);flex:0 0 auto}
#menu.simple-lobby .simple-nav>.simple-nav-tune::before{background-position:100% 0}
#menu.simple-lobby .simple-nav>.simple-nav-gifts::before{background-position:0 100%}
#menu.simple-lobby .simple-nav>.simple-nav-ego::before{background-position:100% 100%}
#menu.simple-lobby .simple-nav>.simple-nav-button::after{content:attr(data-simple-label);display:block;font-size:clamp(9px,2.9vw,13px);font-weight:900;line-height:1.15;letter-spacing:.015em;height:auto;color:#f5efdc;white-space:normal;overflow-wrap:anywhere}
#menu.simple-lobby .simple-nav>#lobby-gifts>small{display:block!important;position:absolute;left:50%;top:34px;transform:translateX(-50%);padding:2px 4px;background:#0c1c14ee;border:1px solid #ca9ded;border-radius:9px;font-size:8px;line-height:1;white-space:nowrap;max-width:95%;height:auto;min-height:0;color:#f3dffb}
.simple-settings-dialog{width:min(510px,calc(100% - 24px));max-width:510px;max-height:calc(100dvh - 24px);padding:18px;border:1px solid #d5bd68;background:#10271d;border-radius:20px;color:#f1f3e9}
.simple-settings-dialog::backdrop{background:#04110cce}
.simple-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 14px}
.simple-sheet-head h2{font-size:25px;margin:0}
.simple-sheet-close{min-width:44px;min-height:44px;font-size:30px;background:transparent;color:#f4ddb1;border:1px solid #b9bb9a55;border-radius:12px}
.simple-language-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;margin:8px 0 15px}
.simple-language-label select{min-height:44px;max-width:65%;background:#092015;border:1px solid #87a270;border-radius:10px;color:#f5f2dc;padding:6px;font-size:15px}
.simple-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.simple-setting-action,.simple-sheet-done{min-height:48px;background:#203b28;border:1px solid #9cae7255;border-radius:12px;color:#f2f1dc;font-size:14px;padding:10px;line-height:1.2}
.simple-sheet-done{width:100%;margin-top:15px;background:#c8ef50;color:#14200d;font-weight:900}
.simple-settings-quest .tower-next-goal{margin:15px 0;padding:13px;border:1px solid #a6c35c66;border-radius:12px;background:#263c22;display:grid;gap:6px;font-size:13px}
.simple-settings-quest .tower-next-goal>small{color:#e7c16c;font-size:11px}
.simple-settings-quest .tower-next-goal>strong{font-size:18px}
.simple-settings-quest .tower-next-goal>span{font-size:13px;color:#d0dec1}
.simple-settings-quest .tower-next-goal button{margin:3px 0;font-size:13px;min-height:44px}
.simple-details{margin-top:12px;border-top:1px solid #b1c38d33}
.simple-details>summary{padding:14px 0;cursor:pointer;min-height:44px;font-size:14px;color:#ecd28c}
.simple-details-body{display:grid;gap:8px}
.simple-details-body>button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;background:#ffffff06;color:#e5ecd5;border:1px solid #82976355;border-radius:12px;padding:10px}
.simple-details-body>button b{font-size:20px;color:#e7c16c}
.simple-details-body>button small{font-size:12px}
.simple-saved-tower:empty{display:none}
.simple-saved-tower .tower-checkpoint{margin:5px 0;padding:12px;border:1px solid #a8bc7a66;border-radius:12px;font-size:13px}
.simple-saved-tower .tower-checkpoint button{min-height:44px}
@media(min-width:600px){#menu.simple-lobby .simple-shell{gap:8px;min-height:min(100svh,990px);max-width:620px;margin:auto}.simple-top{min-height:128px;grid-template-columns:78px 1fr 110px}.simple-wordmark>em{font-size:10px}.simple-settings svg{width:46px;height:46px}.simple-balance img{width:41px;height:41px}.simple-balance b{font-size:23px}#menu.simple-lobby .simple-scene{height:clamp(220px,34svh,370px);flex-basis:300px}.simple-wordmark>small{font-size:21px}#menu.simple-lobby .simple-wordmark{font-size:66px}#menu.simple-lobby .simple-speech{font-size:23px;padding:13px 17px}.simple-records{max-width:450px;min-height:79px}#menu.simple-lobby .simple-best b,.simple-last strong{font-size:60px}#menu.simple-lobby .simple-best small,.simple-last small{font-size:13px}#menu.simple-lobby .simple-goal{font-size:16px;min-height:46px}#menu.simple-lobby #free.simple-play{min-height:78px;font-size:38px}#menu.simple-lobby .simple-challenges>button{font-size:16px;min-height:52px}#menu.simple-lobby .simple-quest{font-size:12px;min-height:28px}#menu.simple-lobby .simple-nav>.simple-nav-button{min-height:87px}#menu.simple-lobby .simple-nav>.simple-nav-button::before{width:66px;height:59px}#menu.simple-lobby .simple-nav>.simple-nav-button::after{font-size:13px}}
@media(min-width:1024px) and (max-height:850px){#app:has(#menu.simple-lobby:not([hidden])){max-width:770px}#menu.simple-lobby .simple-shell{max-width:590px;gap:5px;min-height:calc(100svh - 8px)}.simple-top{min-height:98px;padding-top:8px}#menu.simple-lobby .simple-wordmark{font-size:46px}.simple-wordmark>small{font-size:15px;margin:2px 0}.simple-wordmark>em{font-size:8px;margin-top:7px}#menu.simple-lobby .simple-scene{height:210px;min-height:155px;max-height:245px;flex-basis:180px}#menu.simple-lobby .simple-speech{font-size:20px;padding:10px 15px}#menu.simple-lobby .simple-records{min-height:61px}#menu.simple-lobby .simple-best b,.simple-last strong{font-size:43px}#menu.simple-lobby .simple-best{min-height:58px}#menu.simple-lobby .simple-goal{min-height:42px;font-size:15px}#menu.simple-lobby #free.simple-play{min-height:64px;font-size:31px}#menu.simple-lobby .simple-challenges>button{min-height:45px;font-size:14px}#menu.simple-lobby .simple-quest{min-height:24px;font-size:11px}#menu.simple-lobby .simple-nav{min-height:74px;padding-top:2px}#menu.simple-lobby .simple-nav>.simple-nav-button{min-height:71px}#menu.simple-lobby .simple-nav>.simple-nav-button::before{width:57px;height:48px}}
@media(max-height:720px) and (max-width:599px){#menu.simple-lobby .simple-shell{gap:4px}.simple-top{min-height:86px;padding-top:7px}#menu.simple-lobby .simple-wordmark{font-size:34px}.simple-wordmark>small{font-size:12px;margin:2px 0}.simple-wordmark>em{font-size:7px;margin-top:6px}#menu.simple-lobby .simple-scene{height:23svh;min-height:140px;max-height:190px;flex-basis:155px}#menu.simple-lobby .simple-speech{font-size:13px;padding:8px 10px}#menu.simple-lobby .simple-records{min-height:54px}#menu.simple-lobby .simple-best{min-height:51px}#menu.simple-lobby .simple-best b,.simple-last strong{font-size:36px}#menu.simple-lobby .simple-best small,.simple-last small{font-size:10px}#menu.simple-lobby .simple-goal{min-height:40px;font-size:11px}#menu.simple-lobby #free.simple-play{min-height:57px;font-size:25px;padding:11px 18px}#menu.simple-lobby .simple-challenges{margin-top:5px}#menu.simple-lobby .simple-challenges>button{min-height:44px;font-size:11px}#menu.simple-lobby .simple-quest{min-height:24px;font-size:9px}#menu.simple-lobby .simple-nav{min-height:73px;padding-top:2px}#menu.simple-lobby .simple-nav>.simple-nav-button{min-height:71px}#menu.simple-lobby .simple-nav>.simple-nav-button::before{width:49px;height:43px}#menu.simple-lobby .simple-nav>.simple-nav-button::after{font-size:9px}}
@media(prefers-reduced-motion:reduce){#menu.simple-lobby *{scroll-behavior:auto}}

@media(min-width:1024px) and (max-height:850px){#menu.simple-lobby .simple-hero-art{width:80%;object-fit:contain;object-position:center}}
@media(min-height:721px) and (max-height:800px) and (max-width:599px){#menu.simple-lobby .simple-shell{gap:5px}.simple-top{min-height:96px;padding-top:9px}#menu.simple-lobby .simple-wordmark{font-size:40px}.simple-wordmark>small{font-size:13px;margin:2px 0}.simple-wordmark>em{font-size:7px;margin-top:7px}#menu.simple-lobby .simple-scene{height:26svh;min-height:170px;max-height:230px;flex-basis:180px}#menu.simple-lobby .simple-records{min-height:62px}#menu.simple-lobby .simple-best{min-height:57px}#menu.simple-lobby .simple-best b,.simple-last strong{font-size:42px}#menu.simple-lobby .simple-goal{min-height:42px}#menu.simple-lobby #free.simple-play{min-height:62px;font-size:28px;padding:12px 19px}#menu.simple-lobby .simple-challenges>button{min-height:45px}#menu.simple-lobby .simple-quest{min-height:24px}#menu.simple-lobby .simple-nav{min-height:77px}#menu.simple-lobby .simple-nav>.simple-nav-button{min-height:74px}#menu.simple-lobby .simple-nav>.simple-nav-button::before{width:52px;height:47px}}

/* Keep engine-owned button text for handlers, but render one localized label. */
#menu.simple-lobby .simple-nav>.simple-nav-button{font-size:0}
/* Each destination keeps its approved artwork. Gifts uses the full Heckler
   offering the package, with extra room for the character and its timer. */
#menu.simple-lobby .simple-nav{--simple-nav-art-size:clamp(52px,17vw,64px);--simple-gift-art-size:84px;min-height:calc(var(--simple-gift-art-size) + 56px);padding-top:6px}
#menu.simple-lobby .simple-nav>.simple-nav-button{min-height:calc(var(--simple-gift-art-size) + 50px);gap:4px;justify-content:flex-end;padding:16px 2px 4px}
#menu.simple-lobby .simple-nav>.simple-nav-button::before{width:var(--simple-nav-art-size);height:var(--simple-nav-art-size);max-width:90%;filter:drop-shadow(0 3px 2px #0009)}
#menu.simple-lobby .simple-nav>.simple-nav-button::after{display:flex;align-items:center;justify-content:center;min-height:26px;padding-inline:2px;line-height:1.12;font-size:clamp(9px,2.8vw,12px)}
/* Use the complete approved block-and-brush sprite without clipping. */
#menu.simple-lobby .simple-nav>.simple-nav-tune::before{background-size:200% 200%;background-position:100% 0}
/* Hide only the generic gift sprite; retain the engine-owned image and action. */
#menu.simple-lobby .simple-nav>#lobby-gifts::before{content:none;display:none!important}
#menu.simple-lobby .simple-nav>#lobby-gifts>.gift-package{display:block!important;width:var(--simple-gift-art-size);height:var(--simple-gift-art-size);min-width:var(--simple-gift-art-size);max-width:none;max-height:none;aspect-ratio:1;flex:0 0 var(--simple-gift-art-size);object-fit:contain;object-position:center;margin:0;align-self:center;pointer-events:none;filter:drop-shadow(0 3px 2px #0009)}
#menu.simple-lobby .simple-nav>#lobby-gifts>small{top:1px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 4px);font-size:8px;line-height:1.1;padding:2px 4px;z-index:1}
@media(min-width:600px){#menu.simple-lobby .simple-nav{--simple-nav-art-size:76px;--simple-gift-art-size:100px}#menu.simple-lobby .simple-nav>.simple-nav-button::after{font-size:12px}}
@media(min-width:1024px) and (max-height:850px){#menu.simple-lobby .simple-nav{--simple-nav-art-size:64px}}
@media(max-height:720px) and (max-width:599px){#menu.simple-lobby .simple-nav{--simple-nav-art-size:56px;--simple-gift-art-size:76px;padding-top:4px}#menu.simple-lobby .simple-nav>.simple-nav-button::after{font-size:9px;min-height:26px}}

/* These engine-owned IDs also carry legacy compact/desktop styles. Reset the
   old card/row layout and SVG masks explicitly at the same specificity. */
#menu.simple-lobby .simple-nav>#creator-open,
#menu.simple-lobby .simple-nav>#lobby-gifts{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;grid-template:none;grid-column:auto;gap:4px;width:100%;height:auto;min-height:calc(var(--simple-gift-art-size) + 50px);min-width:0;padding:16px 2px 4px;margin:0;background:none;border:0;border-right:1px solid #bbd4b32b;border-radius:0;box-shadow:none;font-size:0;overflow:visible}
#menu.simple-lobby .simple-nav>#creator-open::before{content:"";display:block!important;width:var(--simple-nav-art-size);height:var(--simple-nav-art-size);min-width:var(--simple-nav-art-size);max-width:none;aspect-ratio:1;flex:0 0 var(--simple-nav-art-size);align-self:center;background-color:transparent;background-image:url('lobby/nav-v1.webp');background-repeat:no-repeat;background-size:200% 200%;mask:none!important;-webkit-mask:none!important;transform:none;filter:drop-shadow(0 3px 2px #0009)}
#menu.simple-lobby .simple-nav>#creator-open::before{background-position:100% 0}
#menu.simple-lobby .simple-nav>#creator-open::after,
#menu.simple-lobby .simple-nav>#lobby-gifts::after{content:attr(data-simple-label);display:flex;align-items:center;justify-content:center;position:static;transform:none;background:none;border:0;min-height:26px;height:auto;width:100%;padding:0 2px;font-size:clamp(9px,2.8vw,12px);font-weight:900;line-height:1.12;letter-spacing:.015em;white-space:normal;overflow-wrap:anywhere;color:#f5efdc}

/* The original global-board control shares the existing records row. */
#menu.simple-lobby .simple-records:has(.simple-highscores:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:8px;max-width:490px;width:96%}
#menu.simple-lobby #leaderboard-open.simple-highscores{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;align-self:center;width:auto;min-width:68px;max-width:96px;min-height:44px;height:auto;margin:0;padding:5px 7px;border:1px solid #d3b56b66;border-radius:12px;background:#c8a75d0a;box-shadow:none;color:#f2d48b;font-size:0;line-height:1.15;text-align:center}
#menu.simple-lobby #leaderboard-open.simple-highscores::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M8 3h8v5a4 4 0 0 1-8 0V3ZM8 5H4v2a4 4 0 0 0 4 4m8-6h4v2a4 4 0 0 1-4 4m-4 1v5m-4 4v-2h8v2H8Z'/%3E%3C/svg%3E") center/contain no-repeat}
#menu.simple-lobby #leaderboard-open.simple-highscores::after{content:attr(data-simple-label);display:block;font-size:10px;font-weight:800;line-height:1.15;max-width:100%;overflow-wrap:anywhere}

/* Native privacy controls and adaptive banners reduce the WebView itself.
   Fit the home to that measured viewport; do not add a second banner inset. */
#app:has(#menu.simple-lobby:not([hidden])){min-height:100vh;min-height:100svh}
#menu.simple-lobby .simple-shell{height:calc(100vh - max(8px,env(safe-area-inset-bottom)));height:calc(100svh - max(8px,env(safe-area-inset-bottom)));min-height:0;--simple-scene-min-height:150px;--simple-scene-max-height:370px}
#menu.simple-lobby .simple-shell> :not(.simple-scene){flex-shrink:0}
#menu.simple-lobby #leaderboard-open.simple-highscores{min-width:max-content;max-width:none;padding-inline:6px}
#menu.simple-lobby #leaderboard-open.simple-highscores::after{white-space:nowrap;overflow-wrap:normal;font-size:10px;letter-spacing:0}

/* Keep all four destination labels above the native footer on tablet homes. */
@media(min-width:600px) and (max-height:900px){
 #menu.simple-lobby .simple-shell{gap:5px;--simple-scene-min-height:140px;--simple-scene-max-height:250px}
 #menu.simple-lobby .simple-top{min-height:108px;padding-top:7px}
 #menu.simple-lobby .simple-wordmark{font-size:48px}
 #menu.simple-lobby .simple-wordmark>small{font-size:15px;margin:2px 0}
 #menu.simple-lobby .simple-wordmark>em{font-size:8px;margin-top:7px}
 #menu.simple-lobby .simple-records{min-height:64px}
 #menu.simple-lobby .simple-best{min-height:60px}
 #menu.simple-lobby .simple-best b,#menu.simple-lobby .simple-last strong{font-size:46px}
 #menu.simple-lobby .simple-best small,#menu.simple-lobby .simple-last small{font-size:11px}
 #menu.simple-lobby .simple-goal{min-height:42px;font-size:14px;padding-block:6px}
 #menu.simple-lobby #free.simple-play{min-height:64px;font-size:31px;padding-block:10px}
 #menu.simple-lobby .simple-challenges{margin-top:2px}
 #menu.simple-lobby .simple-challenges>button{min-height:46px;font-size:13px;padding-block:7px}
 #menu.simple-lobby .simple-quest{min-height:24px;font-size:11px;padding-block:3px}
 #menu.simple-lobby .simple-nav{--simple-nav-art-size:58px;--simple-gift-art-size:64px;min-height:105px;padding-top:3px}
 #menu.simple-lobby .simple-nav>.simple-nav-button,
 #menu.simple-lobby .simple-nav>#creator-open,
 #menu.simple-lobby .simple-nav>#lobby-gifts{min-height:102px;padding:12px 2px 3px;gap:3px}
 #menu.simple-lobby .simple-nav>.simple-nav-button::after,
 #menu.simple-lobby .simple-nav>#creator-open::after,
 #menu.simple-lobby .simple-nav>#lobby-gifts::after{min-height:22px;font-size:11px}
}

/* Phone controls keep their tap targets; the illustration gives up space first. */
@media(max-width:599px) and (max-height:800px){
 #menu.simple-lobby .simple-shell{gap:4px;--simple-scene-min-height:115px;--simple-scene-max-height:245px}
 #menu.simple-lobby .simple-top{min-height:84px;padding-top:6px}
 #menu.simple-lobby .simple-wordmark{font-size:32px}
 #menu.simple-lobby .simple-wordmark>small{font-size:11px;margin:2px 0}
 #menu.simple-lobby .simple-wordmark>em{font-size:6.5px;margin-top:6px}
 #menu.simple-lobby .simple-records{min-height:50px}
 #menu.simple-lobby .simple-best{min-height:48px}
 #menu.simple-lobby .simple-best b,#menu.simple-lobby .simple-last strong{font-size:35px}
 #menu.simple-lobby .simple-best small,#menu.simple-lobby .simple-last small{font-size:10px}
 #menu.simple-lobby .simple-goal{min-height:40px;font-size:11px;padding-block:6px}
 #menu.simple-lobby #free.simple-play{min-height:54px;font-size:25px;padding:9px 16px}
 #menu.simple-lobby .simple-challenges{margin-top:0}
 #menu.simple-lobby .simple-challenges>button{min-height:44px;font-size:11px;padding-block:6px}
 #menu.simple-lobby .simple-quest{min-height:22px;font-size:9px;padding-block:3px}
 #menu.simple-lobby .simple-nav{--simple-nav-art-size:43px;--simple-gift-art-size:46px;min-height:88px;padding-top:2px}
 #menu.simple-lobby .simple-nav>.simple-nav-button,
 #menu.simple-lobby .simple-nav>#creator-open,
 #menu.simple-lobby .simple-nav>#lobby-gifts{min-height:86px;padding:12px 2px 2px;gap:3px}
 #menu.simple-lobby .simple-nav>.simple-nav-button::after,
 #menu.simple-lobby .simple-nav>#creator-open::after,
 #menu.simple-lobby .simple-nav>#lobby-gifts::after{min-height:22px;font-size:9px}
 #menu.simple-lobby #leaderboard-open.simple-highscores{padding-inline:4px}
 #menu.simple-lobby #leaderboard-open.simple-highscores::after{font-size:9px}
}

/* Short landscape tablets use both columns instead of a tall portrait stack.
   Below the minimum content height, normal document scrolling remains available. */
@media(min-width:780px) and (max-height:650px){
 #menu.simple-lobby .simple-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(24px,1fr) auto;gap:6px 20px;max-width:720px;--simple-scene-min-height:120px;--simple-scene-max-height:none}
 #menu.simple-lobby .simple-top{grid-column:1;grid-row:1;min-height:96px;grid-template-columns:48px minmax(0,1fr) 76px;padding-top:5px}
 #menu.simple-lobby .simple-wordmark{font-size:39px}
 #menu.simple-lobby .simple-wordmark>small{font-size:12px}
 #menu.simple-lobby .simple-wordmark>em{font-size:7px;margin-top:6px;letter-spacing:1.2px}
 #menu.simple-lobby .simple-settings svg{width:36px;height:36px}
 #menu.simple-lobby .simple-balance img{width:30px;height:30px}
 #menu.simple-lobby .simple-balance b{font-size:18px}
 #menu.simple-lobby .simple-shell>.simple-scene.simple-scene-ego{grid-column:1;grid-row:2/6;align-self:stretch;height:auto;aspect-ratio:auto}
 #menu.simple-lobby .simple-records{grid-column:2;grid-row:1;align-self:center;width:100%;min-height:60px}
 #menu.simple-lobby .simple-goal{grid-column:2;grid-row:2;font-size:12px}
 #menu.simple-lobby #free.simple-play{grid-column:2;grid-row:3;min-height:58px;font-size:26px;padding-inline:10px;grid-template-columns:24px minmax(0,1fr) 24px}
 #menu.simple-lobby .simple-challenges{grid-column:2;grid-row:4;gap:6px;margin:0}
 #menu.simple-lobby .simple-challenges>button{font-size:10px;gap:4px;padding-inline:3px;min-height:44px}
 #menu.simple-lobby .simple-challenges>button::before{width:18px;height:18px;flex-basis:18px}
 #menu.simple-lobby .simple-quest{grid-column:2;grid-row:5;align-self:start;font-size:9px}
 #menu.simple-lobby .simple-nav{grid-column:1/-1;grid-row:6;--simple-nav-art-size:43px;--simple-gift-art-size:46px;min-height:88px;padding-top:2px}
 #menu.simple-lobby .simple-nav>.simple-nav-button,
 #menu.simple-lobby .simple-nav>#creator-open,
 #menu.simple-lobby .simple-nav>#lobby-gifts{min-height:86px;padding:12px 2px 2px;gap:3px}
 #menu.simple-lobby .simple-nav>.simple-nav-button::after,
 #menu.simple-lobby .simple-nav>#creator-open::after,
 #menu.simple-lobby .simple-nav>#lobby-gifts::after{min-height:22px;font-size:10px}
}

/* A ready gift must remain readable beside all four compact destinations. */
#menu.simple-lobby .simple-nav>#lobby-gifts.gift-available>small{font-size:clamp(8px,2.2vw,11px);white-space:normal;width:max-content;max-width:calc(100% - 4px);text-align:center;line-height:1.2;background:#d0f45b;color:#13200e;border:1px solid #d0f45b;border-radius:6px;padding:3px 4px;font-weight:800}