#mode-select-screen{background:linear-gradient(135deg,var(--bg-home-top, #fff5eb) 0%,var(--bg-home-bottom, #ffd4a8) 100%);padding:16px 0 calc(28px + var(--safe-bottom, 0px))}#mode-select-screen h1{text-align:center;color:var(--text-dark, #4a3728);margin:10px 0 2px;font-size:28px}#mode-select-screen .slogan{text-align:center;color:var(--text-dark, #4a3728);opacity:.75;margin:0 0 12px}.ph-home{width:min(560px,94vw);margin:0 auto;display:flex;flex-direction:column;gap:14px}.ph-live-cta{width:100%;margin:0}.ph-back{width:min(320px,92vw);margin:6px auto 0}.ph-section{display:flex;flex-direction:column;gap:8px}.ph-sec-title{font-size:16px;font-weight:800;color:var(--text-dark, #4a3728);margin:0;word-break:keep-all}.ph-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.ph-card{scroll-snap-align:start;flex:0 0 auto;width:108px;min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:16px;border:var(--glass-button-border, 1px solid rgba(255, 255, 255, .6));background:#fffbf4b8;color:var(--text-dark, #4a3728);font:inherit;cursor:pointer;box-shadow:0 3px 8px #4a37281f;transition:transform .15s,box-shadow .15s}.ph-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4a37282e}.ph-card:active{transform:translateY(0)}.ph-card:focus-visible,.ph-hero:focus-visible{outline:3px solid rgba(255,140,66,.85);outline-offset:2px}.ph-card-emoji{font-size:34px;line-height:1}.ph-card-name{font-size:12.5px;font-weight:700;text-align:center;line-height:1.25;word-break:keep-all}.ph-card-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.ph-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;line-height:1.4}.ph-badge-save{background:#7cb3422e;color:#4e7028}.ph-badge-live{background:#ff4b4b29;color:#c23434}.ph-hero{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(110deg,#ffad60eb,#ff8c42eb);color:#fffdf8;font:inherit;text-align:start;cursor:pointer;box-shadow:0 6px 18px #ff8c4259;transition:transform .15s,box-shadow .15s}.ph-hero:hover{transform:translateY(-2px);box-shadow:0 9px 24px #ff8c4273}.ph-hero-emoji{font-size:46px;line-height:1}.ph-hero-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ph-hero-name{font-size:19px;font-weight:800;word-break:keep-all}.ph-hero-reason{font-size:12.5px;opacity:.92;word-break:keep-all}.ph-hero .ph-badge-live,.ph-hero .ph-badge-save{background:#ffffff3d;color:#fff}.ph-hero-play{flex:0 0 auto;font-size:13px;font-weight:800;background:#ffffffeb;color:#d96b1d;padding:9px 14px;border-radius:999px;box-shadow:0 2px 6px #4a37282e;word-break:keep-all}.ph-all{width:100%}.ph-all .button{font-size:13.5px}@media(max-width:400px){.ph-card{width:96px;min-height:100px}.ph-hero{padding:14px;gap:10px}.ph-hero-emoji{font-size:38px}.ph-hero-play{padding:8px 11px;font-size:12px}}@media(prefers-reduced-motion:reduce){.ph-card,.ph-hero{transition:none}}