#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-game-icon{display:block;width:1.08em;height:1.08em}.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-badge-hifi{background:#5a78ff29;color:#3a4fb5}.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,.ph-hero .ph-badge-hifi{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}}.ph-hifi{margin-bottom:4px}.ph-hifi-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ph-hifi-note{font-size:11.5px;color:var(--text-dark, #4a3728);opacity:.66;word-break:keep-all}.ph-hifi-row{padding-bottom:10px}.ph-hifi-card{scroll-snap-align:start;flex:0 0 auto;width:min(310px,84vw);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:20px;border:1px solid rgba(60,44,30,.18);background:linear-gradient(170deg,#1d2a1e,#0f1712);color:#eaf2e6;font:inherit;text-align:start;cursor:pointer;box-shadow:0 8px 22px #18281a52;transition:transform .16s,box-shadow .16s}.ph-hifi-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #18281a6b}.ph-hifi-card:active{transform:translateY(-1px)}.ph-hifi-card:focus-visible{outline:3px solid rgba(124,196,90,.9);outline-offset:2px}.ph-hifi-art{position:relative;height:108px;display:grid;place-content:center;background:radial-gradient(circle at 50% 118%,rgba(230,181,60,.55),transparent 62%),linear-gradient(180deg,#2b4a6b,#4a6b3a 58%,#2f4a24)}.ph-hifi-emoji{font-size:46px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.ph-hifi-tag{position:absolute;top:9px;inset-inline-start:10px;font-size:10px;font-weight:900;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:linear-gradient(100deg,#7cc45a,#4ea3d8);color:#08140c;white-space:nowrap}.ph-hifi-body{display:flex;flex-direction:column;gap:4px;padding:11px 14px 4px}.ph-hifi-name{font-size:17px;font-weight:800;word-break:keep-all}.ph-hifi-desc{font-size:11.5px;line-height:1.4;opacity:.78;word-break:keep-all}.ph-hifi-card .ph-hero-play{margin:8px 14px 13px;align-self:flex-start;background:#7cc45af0;color:#0d1a10}.ph-hifi-card .ph-badge-save{background:#fff3;color:#eaf2e6}@media(max-width:400px){.ph-hifi-card{width:min(268px,86vw)}.ph-hifi-art{height:92px}.ph-hifi-emoji{font-size:38px}}@media(prefers-reduced-motion:reduce){.ph-hifi-card{transition:none}}.ph-passport{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.6);background:#fffbf499;box-shadow:0 3px 10px #4a37281a}.ph-pp-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ph-pp-rank{margin-inline-start:auto;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;background:#ff8c4229;color:#8a4708;word-break:keep-all}.ph-pp-meter{height:8px;border-radius:999px;background:#4a37281f;overflow:hidden}.ph-pp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffad60f2,#ff8c42f2)}.ph-pp-line,.ph-pp-stats{display:flex;gap:8px;flex-wrap:wrap;margin:0;font-size:12px;color:var(--text-dark, #4a3728);word-break:keep-all}.ph-pp-stamps{font-weight:800}.ph-pp-tonext,.ph-pp-stats{opacity:.78}.ph-pp-sub{margin:4px 0 0;font-size:13px;font-weight:800;color:var(--text-dark, #4a3728);opacity:.86;word-break:keep-all}.ph-pp-step{font-size:10.5px;font-weight:700;line-height:1.3;text-align:center;padding:2px 6px;border-radius:999px;background:#ff8c4224;color:#8a4708;word-break:keep-all}.ph-pp-card{justify-content:flex-start;padding-top:12px}@media(max-width:400px){.ph-passport{padding:10px 11px}.ph-pp-step{font-size:10px}}