main.home-screen{max-width:1104px;background:#201029}main.home-screen>header{display:none}.home-screen>.content{padding:0}
#start{position:relative;isolation:isolate;background:#201029}
.home-art{position:relative;aspect-ratio:1;background:#201029;overflow:hidden}.home-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home-menu{position:absolute;z-index:2;left:27.3%;width:45.4%;bottom:12.7%;padding:clamp(10px,1.8vw,24px);border:1px solid #fff9;border-radius:18px;background:#fce8f4;color:#351439;box-shadow:0 8px 24px #37102e30}.home-menu h2{margin:0 0 8px;font-size:clamp(16px,1.8vw,22px)}.home-menu .actions{margin:0;display:flex;flex-wrap:nowrap;gap:8px}.home-menu button{flex:1;min-width:0;padding:10px 6px;font-size:clamp(12px,1.35vw,16px);line-height:1.4}.home-menu .secondary{background:#fff6}
@media(max-width:700px){
 main.home-screen{width:100%;margin:0;border-radius:0;box-shadow:none}
 #start{display:flex;flex-direction:column;min-height:max(100vh,130vw);min-height:max(100svh,130vw);min-height:max(100dvh,130vw);background:#201029 url('/cu69-home-portrait-branded.svg') center top / cover no-repeat;padding:16px 0 0}
 #start .home-art{display:none}
 #start .home-menu{flex:0 0 auto;position:relative;left:auto;bottom:auto;width:74%;max-width:300px;margin:auto auto max(10vh,24px);margin-bottom:max(10dvh,env(safe-area-inset-bottom),24px);padding:10px;border-radius:10px}
 .home-menu h2{font-size:14px;line-height:1.4;margin:0 0 6px}.home-menu .actions{flex-direction:column;gap:4px}.home-menu .actions button{flex:0 0 auto;font-size:13px;line-height:1.4;min-height:36px;width:100%;padding:6px}
}