.play-home{min-height:calc(100svh - 120px);display:grid;align-content:center;padding:40px clamp(24px,4.5vw,90px) 95px;background:radial-gradient(ellipse at 50% 20%,#60491d16,transparent 65%)}
.home-choices{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,4vw,70px)}
.home-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:300px;aspect-ratio:3/4;padding:28px 18px;background:linear-gradient(155deg,#211c12,#12110c);border:1px solid #5d4b29;border-radius:28px;color:#f5efdf;box-shadow:0 15px 40px #0003;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.home-choice svg{width:82px;height:82px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-choice span{font:800 clamp(20px,1.8vw,29px) Outfit,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.home-choice:hover,.home-choice:focus-visible{border-color:#c6a156;background:linear-gradient(155deg,#4b391b,#211a0f);transform:translateY(-5px);box-shadow:0 15px 48px #956c2429}
.home-choice:focus-visible{outline:2px solid #dec488;outline-offset:5px}
.home-choice:after{content:'';position:absolute;bottom:-17px;width:34%;height:4px;border-radius:8px;background:#b58a3c;opacity:0;transition:opacity .18s}
.home-choice:hover:after,.home-choice:focus-visible:after{opacity:1}
.home-clock{display:none}
.play-body[data-view="home"] #mode-nav,.play-body[data-view="home"] #user-name,.play-body[data-view="home"] #logout{display:none}
.play-body[data-view="home"] .play-header{height:120px;position:relative;justify-content:center;border-bottom:0;background:transparent}
.play-body[data-view="home"] .play-header>.brand-mark{font-size:44px}
.play-body[data-view="home"] .user-actions{position:absolute;right:clamp(24px,4.5vw,90px);gap:18px}
.play-body[data-view="home"] .home-clock{display:block;font:400 38px Outfit,sans-serif;font-variant-numeric:tabular-nums;color:#e1d4b7}
.play-body[data-view="home"] .settings-open{font-size:23px;padding:10px 13px}
.home-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.home-choices{max-width:680px;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.home-choice{min-height:220px;aspect-ratio:6/5;border-radius:22px;gap:18px}.home-choice svg{width:62px;height:62px}.play-home{padding-bottom:50px}.play-body[data-view="home"] .play-header{justify-content:flex-start;padding-inline:24px}.play-body[data-view="home"] .play-header>.brand-mark{font-size:34px}.play-body[data-view="home"] .home-clock{font-size:28px}}
@media(max-width:520px){.play-body[data-view="home"] .home-clock{display:none}.play-body[data-view="home"] .user-actions{gap:10px}.play-body[data-view="home"] .play-header{height:90px}.play-home{min-height:calc(100svh - 90px);padding:28px 20px 50px}.home-choices{gap:20px}.home-choice{min-height:190px;aspect-ratio:4/5;padding:22px 10px;gap:18px}.home-choice svg{width:54px;height:54px}.home-choice span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.home-choice,.home-choice:after{transition:none}.home-choice:hover,.home-choice:focus-visible{transform:none}}
@media(display-mode:standalone){.play-body[data-view="home"] .play-header{height:calc(120px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.play-home{min-height:calc(100svh - 120px - env(safe-area-inset-top));padding-bottom:calc(70px + env(safe-area-inset-bottom))}}
@media(display-mode:standalone) and (max-width:520px){.play-body[data-view="home"] .play-header{height:calc(90px + env(safe-area-inset-top))}.play-home{min-height:calc(100svh - 90px - env(safe-area-inset-top))}}