/* V24 presentation only. The DOM decides which existing screens get scenery. */
body::before { content:"";position:fixed;inset:-30px;pointer-events:none;background:linear-gradient(#07110de0,#100b08e6),url('/assets/home/friends-v24.webp') center 48%/cover;filter:blur(18px);z-index:-1; }
body { isolation:isolate; }
body:has(.bar-scene, .character-intro-screen, .rush-viewport, .rps-panel, .arm-panel)::before { display:none; }
body:has(.home-v24) .topbar,body:has(.home-v24) .noise { display:none; }
body:has(.home-v24) .app-shell { width:100%;max-width:none;margin:0;padding:0; }
.home-v24 { position:relative;isolation:isolate;min-height:700px;height:100svh;max-height:1200px;width:min(100%,800px);margin:auto;overflow:hidden;color:#f9e8bd;background:#071b14;font-family:Georgia,'Times New Roman',serif; }
.home-photo { position:absolute;z-index:-2;width:100%;height:100%;object-fit:contain;object-position:center;inset:0; }
.home-v24::after { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#04150e40,transparent 32%,transparent 69%,#080c0760); }
.home-toolbar { position:absolute;top:max(18px,env(safe-area-inset-top));left:5%;right:5%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }
.home-language { padding:7px 0;font-size:15px;color:#edcb7d; }
.home-account { display:flex;align-items:center;gap:9px;border:1px solid #d8b968;border-radius:15px;padding:8px 12px;background:#061b13b3;font-size:clamp(15px,2.5vw,21px); }
.home-account svg { width:25px;height:30px;fill:none;stroke:#efd394;stroke-width:1.6; }
.home-account small { display:block;text-align:right;margin-top:3px;font:11px/1.4 system-ui,sans-serif;color:#cdbf9c; }
.home-account small span { border-radius:12px;background:#ffffff1c;padding:1px 7px;margin-left:5px; }
.home-heading { position:absolute;top:12%;left:3%;right:3%;text-align:center; }
.home-cheers { height:32px;width:80px;fill:none;stroke:#efcc80;stroke-width:2;margin-bottom:8px; }
.home-heading h1 { font:700 clamp(38px,9.7vw,80px)/.93 Georgia,'Times New Roman',serif;letter-spacing:-.035em;text-transform:uppercase;margin:0;color:#f9e8bd;text-shadow:0 2px 16px #0008; }
.home-heading p { font:400 clamp(14px,3.7vw,24px)/1.3 Georgia,serif;margin:18px 0 0; }
.home-actions { position:absolute;left:10%;right:10%;bottom:max(7%,env(safe-area-inset-bottom));display:grid;gap:12px; }
.home-actions button { width:100%;min-height:58px;border:1px solid #efd59a;border-radius:999px;padding:14px 18px;font:700 clamp(20px,5.4vw,34px)/1.2 Georgia,serif;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 20px #0003; }
.home-create { color:#101508;background:linear-gradient(115deg,#d8ac52,#f8dc91 55%,#c9983e); }
.home-create span { margin-left:12px; }
.home-join { color:#f9e8bd;background:linear-gradient(110deg,#0a251fee,#143c2ee8,#071b15ee); }
.home-actions button:hover { filter:brightness(1.08); }
.home-actions button:focus-visible { outline:3px solid white;outline-offset:5px; }
@media(min-width:900px) { .home-v24 { box-shadow:0 0 100px #0008; } }
@media(max-width:360px) { .home-account { padding:7px 8px;font-size:14px; }.home-heading h1{font-size:37px}.home-actions{left:7%;right:7%} }
@media(max-height:700px) { .home-v24{min-height:650px} }