/* Refines the accepted character-and-choice entrance. Native theme and shared artwork remain authoritative. */
.device[data-route=play] .status{color:#fff;text-shadow:0 1px 10px #0004}
.device[data-route=play] .home-indicator{background:#fff}
.game-lobby{position:absolute;inset:0;overflow:hidden;background:#000;color:#fff;isolation:isolate}
.lobby-art{position:absolute;inset:0 0 112px;width:100%;height:calc(100% - 112px);object-fit:cover;object-position:50% 18%;z-index:-3;pointer-events:none;animation:lobby-reveal .48s cubic-bezier(.2,.6,.25,1) both}
.story-breakfast .lobby-art{object-position:78% center}
.story-beneath .lobby-art{object-position:50% 8%}
.lobby-shade{position:absolute;inset:0 0 112px;z-index:-2;background:linear-gradient(180deg,#0005 0%,transparent 25%,transparent 38%,#0006 55%,#000d 79%,#000f 100%);pointer-events:none}
.play-catalog-head{position:absolute;top:70px;left:24px;right:24px;z-index:4;color:#fff}
.play-catalog-head .app-heading{margin:0;min-height:48px}
.play-catalog-head .app-heading h1{color:#fff}
.play-catalog-head .heading-actions{flex:1;margin-left:8px;gap:8px}
.play-catalog-head .heading-actions>.icon-btn{margin-left:auto;background:#00000016;color:#fff;border:1px solid #ffffff29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.play-catalog-head .heading-actions>.icon-btn:active{background:#ffffff26}
.lobby-genre-menu{position:relative;font-size:14px;color:#ffffffd6}
.lobby-genre-menu summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 8px;border:0;border-radius:20px;background:none;cursor:pointer}
.lobby-genre-menu summary::-webkit-details-marker{display:none}
.lobby-genre-menu summary svg{width:10px;height:10px;transform:rotate(90deg);opacity:.8}
.lobby-genre-menu[open] summary{color:#fff}
.lobby-genre-menu[open] summary svg{transform:rotate(-90deg)}
.lobby-genre-options{position:absolute;left:0;top:calc(100% + 8px);width:160px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 32px #0003;color:var(--ink)}
.lobby-genre-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:11px;background:none;color:var(--ink);font-size:14px;text-align:left}
.lobby-genre-options button[aria-pressed=true]{background:var(--selected);color:var(--primary)}
.lobby-genre-options button svg{width:15px;height:15px}
.lobby-dialogue{position:absolute;left:24px;right:24px;bottom:304px;animation:dialogue-reveal .24s ease-out .06s both}
.lobby-book{margin:0 0 10px;color:#ffffffbf;font-size:13px;font-weight:400;line-height:19px;letter-spacing:.05px}
.lobby-dialogue h2{max-width:340px;margin:0 0 22px;color:#fff;font:400 30px/1.2 Georgia,serif;letter-spacing:-.4px;text-wrap:balance;text-shadow:0 2px 18px #0002}
.lobby-replies{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lobby-replies button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:68px;padding:13px 14px;border:1px solid #ffffff4d;border-radius:14px;background:#ffffff10;color:#fff;font-size:14px;font-weight:500;line-height:20px;text-align:left;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff08;transition:background .16s,border-color .16s,transform .16s}
.lobby-reply-icon{display:block;flex:0 0 22px;width:22px;height:22px;background:currentColor;mask:var(--reply-art) center/contain no-repeat;-webkit-mask:var(--reply-art) center/contain no-repeat;opacity:.88}
.lobby-replies button>span{min-width:0;text-wrap:balance}
.lobby-replies button:active{transform:scale(.98);border-color:#ffffffd9;background:#ffffff28}
.lobby-continue{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:13px 16px;border:1px solid #ffffffd9;border-radius:14px;background:#fffffff0;color:var(--primary);font-size:15px;font-weight:500;line-height:22px;transition:background .16s,transform .16s}
.lobby-continue:active{background:#fff;transform:scale(.985)}
.lobby-stories{position:absolute;left:24px;right:24px;bottom:128px;display:flex;align-items:flex-start;gap:12px}
.lobby-stories button{display:flex;flex:0 0 calc((100% - 24px)/3);flex-direction:column;align-items:stretch;gap:10px;width:calc((100% - 24px)/3);padding:0;border:0;background:none;color:#ffffffa6;text-align:left;transition:color .18s}
.lobby-thumb{display:block;width:100%;height:104px;overflow:hidden;border:1px solid #ffffff26;border-radius:10px;background:#ffffff12;opacity:.76;transition:border-color .18s,opacity .18s,transform .18s}
.lobby-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;pointer-events:none}
.lobby-stories button[aria-pressed=true]{color:#fff}
.lobby-stories button[aria-pressed=true] .lobby-thumb{border-color:#fffffff2;opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0003}
.lobby-story-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:34px;font-size:12px;font-weight:400;line-height:17px;letter-spacing:0}
.lobby-stories button[aria-pressed=true] .lobby-story-name{font-weight:500}
.lobby-stories button:active .lobby-thumb{opacity:1;transform:scale(.98)}
.game-lobby button:focus-visible,.play-catalog-head button:focus-visible,.lobby-genre-menu summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
.lobby-genre-options button:focus-visible{outline-color:var(--primary);outline-offset:-2px}
@media(hover:hover){.lobby-replies button:hover{background:#ffffff1d;border-color:#ffffff8c}.lobby-stories button:hover{color:#fff}.lobby-stories button:hover .lobby-thumb{opacity:1}}
@keyframes lobby-reveal{from{opacity:.72;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
@keyframes dialogue-reveal{from{opacity:.3}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.game-lobby *{animation:none!important;transition:none!important}}
