/* Quillo / soft depth. Surfaces stay inside their interaction bounds. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--page:#edf2f7;--card:#fafdff;--surface:#e6edf5;--line:#d6e1ec;--accent:#3c78a8;--accent-soft:#deedf8;--ink:#243548;--muted:#62758a}
:root[data-theme=dark]{--page:#111c2a;--card:#1b2b3e;--surface:#23364b;--line:#344b62;--ink:#f1f6fd;--muted:#adbed0;--accent:#80d6e9;--accent-soft:#234758;--nav:#182b3d}
body{background:radial-gradient(ellipse at 100% 12%,#cfe5f366,transparent 58%),var(--page);background-attachment:fixed}
:root[data-theme=dark] body{background:radial-gradient(ellipse at 100% 14%,#314d666b,transparent 62%),linear-gradient(105deg,#101a28,#17293b);background-attachment:fixed}
.social.wrap,.social.wrap.is-home,.social.wrap:has(.profile-info,#mode-picker,#new-catalog,.compact-game){padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.social.wrap{overflow:visible}.screen{overflow:visible;animation:none!important}.screen>*{min-width:0}
.social.wrap :is(.mode-card,.adult-pack,.home-game,.settings-row,.price-card,.theme-tile,.detail-card){box-sizing:border-box;max-width:100%;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 100% 0,#80d6e916,transparent 62%),var(--card);box-shadow:inset 0 1px 0 #ffffff0b;min-width:0}
.settings-list{display:grid;gap:9px;padding:4px;margin:-4px}.settings-list .settings-row{padding:15px 16px;min-height:72px;text-decoration:none}.settings-row small{margin-top:5px}.settings-row>svg{color:var(--accent)}
.social.wrap :is(.mode-card,.adult-pack,.home-game,.settings-row,.profile-buttons button,.price-card,.chat-thread):hover{transform:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 0 #ffffff10}
.social.wrap :is(.mode-card,.adult-pack,.home-game,.settings-row,.profile-buttons button,.chat-thread,button.primary):not(:disabled):active{transform:scale(.988);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.social.wrap :is(.mode-card,.adult-pack,.home-game,.settings-row,.profile-buttons button,.chat-thread):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
:root[data-theme=dark] .social.wrap .primary{background:linear-gradient(115deg,#a5e3ed,#77c9e5);color:#132a37;border-color:transparent;box-shadow:inset 0 1px 0 #ffffff69;font-weight:650}
.social.wrap .primary{border-radius:16px;transition:background-color .25s,transform .25s var(--motion-ease),box-shadow .25s}
.social.wrap .post{border-radius:24px;background:var(--card);border-color:var(--line)}
.social.wrap :is(.mode-options,#new-catalog,#home-game-list,.pricing-gallery,.profile-buttons){padding:4px;margin-inline:-4px}
.social.wrap :is(.mode-card,.detail-card,.price-card,.home-game,.adult-pack,.settings-row){animation:none!important;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s var(--motion-ease)}
.social.wrap .mode-card{padding:21px 18px;min-height:126px}.mode-art{width:56px;height:62px;border-radius:18px;background:#eb88b515}.group-mode .mode-art{background:#65bfd31c}
.social.wrap .avatar-promo{border-radius:27px;border:1px solid var(--line);background:radial-gradient(ellipse at 95% 10%,#80cee53a,transparent 65%),var(--card);overflow:hidden}.avatar-promo-copy small{color:var(--muted)}
:root[data-theme=dark] .social.wrap .avatar-promo{background:radial-gradient(ellipse at 95% 20%,#3e7a9666,transparent 70%),#20354b}
:root[data-theme=dark] .bottom{background:linear-gradient(155deg,#294359bd,#1b2f45c9);border-color:#a3cada45;box-shadow:0 12px 32px #040a1540,inset 0 1px 0 #bcefff26}
.bottom{isolation:isolate}.bottom button,.bottom button:hover,.bottom button.active{box-shadow:none;transform:none!important;background:transparent;border:0;outline-offset:-5px}.bottom .nav-indicator{background:color-mix(in srgb,var(--accent) 15%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff20!important}.bottom button.active svg{color:var(--accent)}
.social.wrap .chats-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chats-heading::after{right:64px;opacity:.25}.chats-heading h1{margin:0}.chat-edit{border:1px solid var(--line);background:var(--card);border-radius:15px;color:var(--accent)}.chat-edit svg{width:20px;height:20px}.chat-edit[aria-pressed=true]{background:var(--accent-soft)}
#thread-list{padding:4px;margin-inline:-4px}.chat-thread{gap:11px;padding:12px 8px;border:1px solid transparent;border-radius:19px;background:transparent;margin-bottom:5px;min-height:86px}.chat-thread .avatar{width:48px;height:48px}.chat-thread .thread-copy{padding:0;border:0}.thread-top b{font-size:16px}.thread-top time{font-size:11px}.thread-bottom{display:flex;align-items:center;min-width:0;gap:8px;margin-top:4px}.thread-preview{flex:1;min-width:0;font-size:13px;margin:0;line-height:1.6}.thread-indicators{display:flex;gap:7px;align-items:center}.thread-pin{color:var(--muted);display:flex}.thread-pin svg{width:13px;height:13px}.unread-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:var(--accent);color:var(--page);font-size:10px;font-weight:750}.has-unread .thread-preview{color:var(--ink)}.has-unread .thread-top b{font-weight:750}
.chat-thread.is-selected{background:var(--accent-soft);border-color:var(--accent)}.chat-checkbox{width:21px;height:21px;border:1.5px solid var(--muted);border-radius:50%;flex:none;display:grid;place-items:center}.chat-checkbox svg{width:13px;height:13px;opacity:0;transition:opacity .18s,transform .25s;transform:scale(.5)}.is-selected .chat-checkbox{background:var(--accent);border-color:var(--accent);color:var(--page)}.is-selected .chat-checkbox svg{opacity:1;transform:scale(1)}
.chat-toolbar{position:sticky;top:12px;z-index:4;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 8px 25px #0000000c;margin:0 0 16px}.chat-toolbar[hidden]{display:none}.chat-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);padding:0 2px 8px}.chat-selection-heading button{padding:6px;min-height:32px;background:none;border:0;color:var(--accent);font-size:12px}.chat-bulk-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chat-bulk-actions button{display:grid;justify-items:center;gap:6px;min-width:0;padding:10px 4px;font-size:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink)}.chat-bulk-actions svg{width:19px;height:19px}.chat-bulk-actions button:disabled{opacity:.35;cursor:default}.chat-bulk-actions [data-action=chats-delete]{color:#d37c83}.delete-chat-art{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:#d37c831a;color:#d37c83;margin-bottom:18px}
.owner-pass{padding:25px;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#77cde73a,transparent 70%),var(--card);border:1px solid var(--line)}.owner-pass-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:28px}.owner-kicker{font-size:10px;letter-spacing:2px}.owner-pass h2{font-size:27px;margin-bottom:8px}.owner-pass p{color:var(--muted);font-size:14px}.owner-price{font-size:45px;line-height:1.3;font-weight:650;margin:24px 0 16px;letter-spacing:-1.5px}.owner-price span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.owner-active{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:7px 10px}.owner-active svg{width:15px;height:15px}.owner-features{display:grid;gap:8px;margin:20px 0}.owner-features>div{display:flex;align-items:center;gap:14px;padding:16px 6px}.owner-features>div>svg{width:20px;color:var(--accent);flex-shrink:0}.owner-features>div>svg:last-child{margin-left:auto;width:16px}.owner-features b,.owner-features small{display:block}.owner-features b{font-size:14px}.owner-features small{color:var(--muted);font-size:12px;margin-top:4px}
.message-list{scroll-behavior:smooth}.conversation-page{background:var(--page)}.conversation-page .message-bubble{background:var(--surface)}.conversation-page .message-bubble.mine{background:var(--accent-soft)}.message-bubble{animation:none!important}.conversation-page .message-list{padding-inline:4px}.answer-status-row,.lobby-members,.pack-icon-picker{padding:6px;scroll-padding:6px}
@media(prefers-reduced-motion:no-preference){.chat-toolbar{animation:quillo-toolbar .3s var(--motion-ease)}.bottom button svg{transition:color .25s,transform .35s var(--motion-ease)}.bottom button.active svg{animation:quillo-nav-settle .45s var(--motion-ease)}dialog[open]{animation:quillo-sheet .36s var(--motion-ease)}dialog::backdrop{animation:quillo-fade .3s ease}input,textarea{transition:border-color .2s,background-color .2s}.avatar-promo:hover .avatar-popout img{transform:translateY(-3px) rotate(1deg)}.avatar-popout img{transition:transform .7s var(--motion-ease)}@keyframes quillo-toolbar{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes quillo-nav-settle{0%{transform:scale(.86)}60%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes quillo-fade{from{opacity:0}to{opacity:1}}}
@media(max-width:360px){.social.wrap,.social.wrap.is-home,.social.wrap:has(.profile-info,#mode-picker,#new-catalog,.compact-game){padding-inline:13px}.chat-thread{gap:8px;padding-inline:5px}.chat-thread .avatar{width:40px;height:40px}.thread-top b{font-size:14px}.chat-bulk-actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.social.wrap button:active{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.bottom{background:var(--nav)!important;backdrop-filter:none!important}}
.chat-edit[aria-pressed=true]{width:auto;padding-inline:13px;font-size:12px;font-weight:600}
:root[data-theme=dark] .home-game-play{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 1px 0 #d7f4ff18}
#modal.feedback-dialog{width:min(410px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border-radius:30px;overflow-y:auto;background:var(--card);border:1px solid var(--line)}.feedback-panel{position:relative;text-align:center;padding:40px 24px 24px}.feedback-close{position:absolute;right:10px;top:10px;width:36px;min-width:36px;height:36px;background:none;color:var(--muted)}.feedback-panel h2{font-size:24px;line-height:1.25;margin:20px 0 8px}.feedback-subtitle,.feedback-success p{font-size:13px;color:var(--muted);line-height:1.6}.rating-orb{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 27% 23%,#cceeff,#62bed8 48%,#458cae 90%);color:#f4fcff;box-shadow:inset -5px -6px 10px #1258762b,inset 2px 2px 5px #ffffff80,0 12px 25px #69bdd524}.rating-orb>svg{width:27px;height:27px;stroke-width:1.6}.rating-orb.small{width:50px;height:50px;margin-bottom:12px}.rating-orb.success{background:radial-gradient(circle at 27% 23%,#b4e8d3,#5ab494 60%,#378e77);width:70px;height:70px;color:white}.rating-stars{display:flex;justify-content:center;gap:4px;margin:22px -4px 10px;padding:4px}.rating-stars button{display:grid;place-items:center;width:49px;height:55px;min-width:0;flex:0 1 49px;padding:5px;background:none;border:0;border-radius:14px;color:var(--muted);opacity:.45}.rating-stars svg{width:36px;height:36px;fill:currentColor;stroke-width:1}.rating-stars button.is-lit{color:var(--accent);opacity:1}.rating-caption{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:var(--surface);padding:5px 13px;font-size:12px;color:var(--muted)}.feedback-privacy{font-size:10px!important;color:var(--muted);line-height:1.5;margin:24px auto 0;max-width:280px}.feedback-error{font-size:12px;color:var(--muted);min-height:18px;margin:10px 0}.feedback-reason textarea{margin:16px 0 2px;width:100%;padding:14px;box-sizing:border-box;resize:vertical;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);font-size:16px}.feedback-score{font-size:12px;color:var(--accent)}.feedback-back{border:0;background:transparent;color:var(--muted);font-size:12px}.feedback-success{padding-block:55px 30px}.feedback-success .primary{margin-top:26px}.feedback-record-top{display:flex;justify-content:space-between;gap:12px}.feedback-record-top span{color:var(--accent)}.feedback-game-invite{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px;color:var(--muted);font-size:13px}.feedback-game-invite>svg{width:20px;color:var(--accent)}
@media(prefers-reduced-motion:no-preference){.rating-stars button{transition:transform .25s var(--motion-ease),color .2s,opacity .2s}.rating-stars button.is-lit{transform:translateY(-3px) scale(1.08)}.rating-stars button:active{transform:scale(.92)}.rating-orb{animation:rating-orb-in .6s var(--motion-ease)}.feedback-success .rating-orb svg{stroke-dasharray:40;stroke-dashoffset:0;animation:rating-check .65s .1s both}.feedback-panel{animation:quillo-fade .25s ease}@keyframes rating-orb-in{from{opacity:0;transform:scale(.6) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes rating-check{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}}
/* A quiet, touch-friendly messenger. */
.message-bubble[data-message-id]{touch-action:pan-y;position:relative;max-width:min(84%,470px);transition:transform .18s ease,box-shadow .25s ease;min-width:90px;padding:12px 14px 7px;border-radius:21px 21px 21px 7px}.message-bubble.mine{border-radius:21px 21px 7px 21px}.dm-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 6px}.dm-foot{display:flex;align-items:center;justify-content:flex-end;gap:7px}.dm-more{width:28px!important;height:24px!important;padding:3px!important;opacity:.55}.dm-more svg{width:18px}.dm-quote,.dm-reply-preview{border:0;border-left:3px solid #73a8d4;background:rgba(117,167,208,.1);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;text-align:left;gap:4px;max-width:100%;overflow:hidden}.dm-quote span,.dm-reply-preview small{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dm-reply-preview{flex-direction:row;justify-content:space-between;margin:8px 4px}.dm-reply-preview>span{min-width:0}.dm-reply-preview b,.dm-quote b{font-size:12px;color:var(--accent)}.dm-forwarded{font-size:11px;opacity:.6;display:block;margin-bottom:8px}.dm-reactions{display:flex;gap:5px;flex-wrap:wrap}.dm-reactions button{padding:3px 7px!important;min-height:26px;border-radius:20px;background:rgba(130,168,201,.12);font-size:15px}.dm-reactions button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #87b5da}.dm-reaction-picker{display:flex;justify-content:space-between;gap:3px;margin:20px 0}.dm-reaction-picker button{font-size:25px;padding:9px 5px;flex:1;border-radius:16px}.dm-selected-copy{border-left:2px solid var(--accent);padding-left:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;max-height:100px;overflow:auto}.dm-recipient{width:100%;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border-radius:18px;margin-bottom:6px}.dm-recipient>span:nth-child(2){flex:1}.dm-gif-button{font-size:11px!important;font-weight:800;letter-spacing:.02em;padding:8px 5px!important;flex-shrink:0;width:34px}.dm-gif{border:0!important;padding:0!important;display:block;width:160px;background:transparent!important;position:relative}.dm-gif img{width:160px;height:160px;object-fit:contain}.dm-gif>span{font-size:10px;background:rgba(12,29,43,.65);color:#fff;position:absolute;bottom:4px;left:6px;padding:3px 6px;border-radius:7px}.dm-gif-draft{display:flex;align-items:center;gap:10px;font-size:13px}.dm-gif-draft button{margin-left:auto}.dm-gif-draft svg{width:18px}.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.gif-grid button{border-radius:18px;padding:8px;min-width:0;background:rgba(132,169,200,.08)}.gif-grid img{width:100%;height:auto;max-width:100px}.gif-grid span{display:block;font-size:11px}.gif-credit{font-size:10px!important;line-height:1.6;opacity:.65}.gif-credit a{color:inherit}.dm-pack{display:flex;align-items:center;gap:10px;padding:12px!important;background:rgba(128,171,206,.12)!important;text-align:left;max-width:100%;border-radius:16px}.dm-pack .pack-art{width:48px;height:48px;flex-shrink:0}.dm-pack span{min-width:0}.dm-pack b{display:block;font-size:14px;overflow-wrap:anywhere}.dm-pack small{font-size:11px;display:block;opacity:.65;margin-top:5px}.dm-pack>svg{width:18px;flex-shrink:0}.dm-highlight{box-shadow:0 0 0 3px #93b9dc!important}.share-pack-art{display:flex;justify-content:center;margin:8px 0 18px}.share-pack-art .pack-art{width:96px;height:96px}.share-pack-link{width:100%;box-sizing:border-box;margin:10px 0 18px;padding:14px!important;font-size:12px!important;border-radius:12px}.chat-compose-row{min-width:0;gap:5px}.chat-compose-row textarea{min-width:0!important}.dm-gif-button:focus-visible,.dm-more:focus-visible{outline-offset:0}.pack-row>button+button{margin-left:6px}
@media(prefers-reduced-motion:reduce){.message-bubble[data-message-id]{transition:none}}
.quiz-mode .mode-art{background:linear-gradient(135deg,#a2c6f4,#cbb6ef)!important;color:#324567}.quiz-hero{text-align:center;position:relative;border-radius:32px;padding:28px 18px 32px;background:radial-gradient(ellipse at 70% 5%,rgba(166,197,238,.3),transparent 60%),var(--card);overflow:hidden;margin:18px 0 28px}.quiz-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;opacity:.6}.quiz-hero h1{font-size:clamp(32px,6vw,46px);font-weight:650;letter-spacing:-.045em;line-height:1.12;margin:10px 0 18px}.quiz-hero p{line-height:1.65;opacity:.65;font-size:14px}.quiz-orbit{height:130px;position:relative;width:220px;margin:15px auto 0}.quiz-orbit>span{display:grid;place-items:center;width:90px;height:90px;border-radius:28px;background:linear-gradient(145deg,#d6edff,#8cadd9);box-shadow:inset 0 2px 1px #fff8,0 14px 28px #395e9433;font-size:60px;font-weight:700;color:#426997;position:absolute;left:65px;top:12px;transform:rotate(-9deg)}.quiz-orbit i{font-style:normal;position:absolute;left:8px;top:15px;padding:10px;background:#fff2;border-radius:16px;transform:rotate(-12deg);font-weight:700;font-size:18px}.quiz-orbit i:nth-of-type(2){left:auto;right:0;top:72px;transform:rotate(14deg)}.quiz-orbit i:nth-of-type(3){left:auto;right:20px;top:0;color:#e6b55c}.quiz-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.quiz-chips span{font-size:10px;padding:7px 10px;border:1px solid #95afc52e;border-radius:99px}.quiz-pack-grid{display:grid;gap:12px}.quiz-pack{padding:23px!important;border-radius:24px!important;text-align:left;background:var(--card)!important;border:1px solid #8daac52b!important;position:relative;overflow:hidden}.quiz-pack-number{position:absolute;right:19px;top:16px;font-size:34px;font-weight:700;opacity:.1}.quiz-pack h3{font-size:19px;margin:0 35px 9px 0}.quiz-pack p{font-size:13px;line-height:1.6;opacity:.65;margin:0 0 20px;max-width:85%}.quiz-pack small{display:flex;justify-content:space-between;font-size:10px;opacity:.75}.quiz-join{margin:24px 0;display:flex;align-items:flex-end;gap:10px}.quiz-join label{flex:1;min-width:0;margin:0}.quiz-join input{width:100%}.quiz-join button{height:48px}.quiz-rules{font-size:13px;line-height:1.7;padding:16px;background:var(--card);border-radius:18px}.quiz-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.quiz-toolbar>span{flex:1;font-size:13px;font-weight:600}.quiz-scoreboard{display:flex;gap:8px;overflow-x:auto;padding:7px 3px 13px;scroll-snap-type:x proximity}.quiz-player{display:grid;justify-items:center;gap:6px;min-width:80px;max-width:110px;padding:12px 9px!important;background:var(--card)!important;border:1px solid #90b3d42b!important;border-radius:20px;font-size:11px;position:relative;overflow:visible!important}.quiz-player>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:85px;overflow:hidden}.quiz-player b{font-size:14px}.quiz-player-avatar{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(150deg,#d4e4f8,#a6b3d3);color:#3a506e;border-radius:13px;font-size:19px}.quiz-player.is-answering{box-shadow:inset 0 0 0 2px #8bbfe8}.quiz-lobby{text-align:center;margin-top:25px;padding:24px 14px;background:var(--card);border-radius:28px}.quiz-lobby h1{font-size:29px;letter-spacing:-.03em}.quiz-lobby p{font-size:13px;line-height:1.7;opacity:.7}.quiz-room-code{display:inline-flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.1em;padding:15px!important;border-radius:16px}.quiz-room-code svg{width:18px}.quiz-board-heading{margin:25px 0 17px}.quiz-board-heading h2{font-size:23px;margin:7px 0}.quiz-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quiz-board section{display:grid;grid-template-rows:70px repeat(5,60px);gap:7px;min-width:0}.quiz-board h3{align-self:center;font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere;margin:0;padding:2px}.quiz-board button{border-radius:15px!important;font-size:22px;font-weight:650;background:linear-gradient(145deg,#afc9ec33,#91aacc13)!important;color:var(--text);padding:4px!important;border:1px solid #88a8d32e!important}.quiz-board .is-used{opacity:.2}.quiz-secondary{padding:10px!important;font-size:12px!important;background:transparent!important;opacity:.7;margin-top:14px}.quiz-question{margin:22px 0;padding:23px;background:var(--card);border:1px solid #91adcb29;border-radius:28px}.quiz-question-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.65;margin-bottom:25px}.quiz-question h2{font-size:clamp(23px,5vw,30px);line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}.quiz-meme{text-align:center;padding:15px;border-radius:22px;background:linear-gradient(135deg,#9cbbe22b,#b9a7e620);margin-bottom:20px}.quiz-meme div{font-size:65px}.quiz-meme p{font-size:14px;line-height:1.4;margin:8px}.quiz-buzzer{width:100%;height:100px;border-radius:28px!important;background:linear-gradient(135deg,#bfdaef,#8caed4)!important;color:#203f60!important;box-shadow:inset 0 2px 0 #fff7,0 8px 22px #41628520!important;border:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.quiz-buzzer>span{font-size:27px;font-weight:700}.quiz-buzzer small{font-size:11px;opacity:.6}.quiz-answering{font-size:14px}.quiz-live-dot{display:inline-block;width:7px;height:7px;background:#83bfac;border-radius:50%;margin-right:5px}.quiz-judge{display:flex;gap:10px;margin-top:16px}.quiz-judge button{flex:1;min-height:46px}.quiz-host-answer,.quiz-submitted{padding:16px;background:var(--card);border-radius:16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:15px 0}.quiz-revealed{margin-top:20px;padding:16px 20px;background:#7db7a017;border-left:3px solid #7db7a0;border-radius:15px}.quiz-revealed small{font-size:11px;opacity:.7}.quiz-revealed p{font-size:18px;line-height:1.5;margin:8px 0}.quiz-final{padding:26px 0}.quiz-final h1{font-size:31px;letter-spacing:-.035em}.quiz-final>h2{font-size:23px;line-height:1.45}.quiz-final-answers{display:grid;gap:10px;margin-top:20px}.quiz-final-answers article{padding:16px;background:var(--card);border-radius:18px;display:grid;gap:8px;font-size:13px;overflow-wrap:anywhere}.quiz-final-answers small{opacity:.6}.quiz-podium{display:grid;gap:10px;margin:22px 0}.quiz-podium>div{display:flex;gap:15px;align-items:center;background:var(--card);padding:20px;border-radius:19px}.quiz-podium>div:first-child{background:linear-gradient(135deg,#c5ab6526,#9dbbc329);border:1px solid #b8a56c4a}.quiz-podium b{flex:1}#quiz-share-url{width:100%;box-sizing:border-box;padding:13px;border-radius:14px;margin:15px 0}.quiz-room #quiz-answer input,.quiz-final input{width:100%}
@media(max-width:360px){.quiz-board{gap:5px}.quiz-board section{gap:5px;grid-template-rows:75px repeat(5,52px)}.quiz-board button{font-size:19px}.quiz-question{padding:18px}.quiz-pack{padding:18px!important}}
.voice-dock{position:relative;border:1px solid #8ca8c329;border-radius:22px;background:var(--card);padding:14px;margin:10px 0 18px;overflow:visible;min-width:0}.voice-dock-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-title{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.voice-title>i{width:6px;height:6px;border-radius:50%;background:#93a5b5}.voice-title>i.is-connected{background:#7eba9d;box-shadow:0 0 0 3px #7eba9d18}.voice-emote-button{padding:3px!important;border:0!important;background:transparent!important;width:34px;height:34px}.voice-emote-button img{width:28px;height:28px;object-fit:contain}.voice-controls{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.voice-controls button{border-radius:12px!important;padding:11px 10px!important;font-size:11px;background:#94adc51a!important;min-height:40px}.voice-controls button:first-child{flex:1}.voice-controls .voice-mic-active{background:#85b5a62a!important;color:#75b3a0}.voice-notice{font-size:10px!important;line-height:1.5;opacity:.6;margin:10px 0 0!important}.voice-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.voice-people>button{display:grid;grid-template-columns:7px auto;gap:3px 6px;padding:7px 9px!important;border-radius:11px!important;font-size:11px!important;text-align:left;background:transparent!important}.voice-people small{grid-column:2;font-size:9px;opacity:.6}.voice-people i{width:5px;height:5px;border-radius:50%;background:#95a9ba;align-self:center}.voice-people .is-speaking{background:#7ec6a6;box-shadow:0 0 0 3px #7ec6a622}.voice-people .is-muted{opacity:.5}.voice-settings{margin-top:14px;padding-top:12px;border-top:1px solid #8aa8c22b;text-align:left}.voice-settings h3{font-size:16px;margin:0 0 16px}.voice-settings label{display:block;font-size:12px;margin-bottom:17px}.voice-settings output{float:right;opacity:.6}.voice-settings input[type=range]{width:100%;height:25px;margin-top:7px;padding:0;accent-color:#8bb4d8}.voice-settings .voice-check{display:flex;justify-content:space-between;align-items:center}.voice-settings input[type=checkbox]{width:18px;height:18px;accent-color:#8bb4d8}.voice-settings select{display:block;width:100%;padding:12px;border-radius:12px;margin-top:9px}.voice-settings>button{font-size:12px;padding:10px 12px!important;margin:3px}.room-emote-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:15px}.room-emote-picker button{border:0!important;background:#8baac215!important;border-radius:16px;padding:5px!important;min-width:0}.room-emote-picker img{width:100%;height:auto;max-width:72px;object-fit:contain}.room-emote-bubble{position:absolute;z-index:15;bottom:70%;left:50%;transform:translateX(-50%);display:grid;justify-items:center;pointer-events:none;animation:quillo-emote 3.8s both;width:100px;filter:drop-shadow(0 8px 10px #183a4b30)}.room-emote-bubble img{width:90px;height:90px;object-fit:contain}.room-emote-bubble small{font-size:9px;background:var(--card);padding:3px 7px;border-radius:99px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.lobby-members>[data-voice-player]{position:relative;cursor:pointer;overflow:visible}.quiz-player.is-speaking,.lobby-members>.is-speaking{box-shadow:inset 0 0 0 2px #8bc5ad!important}.voice-dock>.room-emote-bubble{left:auto;right:15px;transform:none}.quiz-scoreboard:has(.room-emote-bubble){overflow:visible}
@keyframes quillo-emote{0%{opacity:0;translate:0 14px;scale:.7}12%{opacity:1;translate:0 -3px;scale:1.07}22%,78%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -20px;scale:.9}}
@media(prefers-reduced-motion:reduce){.room-emote-bubble{animation:none}}

/* Explicit audio state, with no room redraw when toggled. */
.quiz-sound-toggle{display:flex;align-items:center;gap:6px;padding:9px 11px!important;border-radius:13px!important;font-size:11px;white-space:nowrap;min-height:42px;background:var(--card)!important;border:1px solid #8daac539!important}.quiz-sound-toggle[aria-pressed=true]{background:#85b5a622!important}.quiz-sound-toggle>span:first-child{font-size:20px}.quiz-sound-toggle[aria-pressed=false]>span:first-child{text-decoration:line-through;opacity:.55}.quiz-toolbar>span{min-width:0;overflow-wrap:anywhere}.quiz-guest-wrap{max-width:620px;margin:0 auto;padding:24px 20px 60px}.quiz-guest-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.quiz-guest-brand a{text-decoration:none;color:inherit}.quiz-guest-entry{border-radius:28px;border:1px solid #8ca8c329;background:var(--card);padding:28px 22px}.quiz-guest-entry h1{font-size:32px;line-height:1.15;letter-spacing:-.035em}.quiz-guest-entry p{font-size:14px;line-height:1.65;color:var(--muted)}.quiz-guest-entry .field{margin:24px 0 18px}.quiz-guest-entry input{width:100%}.quiz-guest-entry .note{font-size:11px;margin:22px 0 0}.quiz-guest-page #toast{z-index:1000}.quiz-guest-page #modal{max-width:440px;width:calc(100% - 36px);box-sizing:border-box}.quiz-guest-wrap .quiz-toolbar{gap:8px}

/* Keep the portrait's hair above the panel, but close its lower edge. */
.avatar-popout{clip-path:inset(-160px 0 0 0 round 0 0 23px 23px)}

.quiz-hero-compact{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 22px;margin:10px 0 14px;min-height:0;border-radius:24px}.quiz-hero-compact h1{font-size:27px;margin:8px 0;line-height:1.1}.quiz-hero-compact p{font-size:11px;line-height:1.4;margin:0}.quiz-mini-orbit{display:grid;place-items:center;flex-shrink:0;width:62px;height:70px;font-size:46px;border-radius:20px;transform:rotate(8deg);color:#46668e;background:linear-gradient(135deg,#d9ecff,#abc8ea);margin-left:10px}.quiz-quick-tools{display:grid;gap:10px}.quiz-quick-tools .quiz-join{margin:0 0 14px;padding:15px;background:var(--card);border:1px solid #8daac529;border-radius:19px}.quiz-quick-tools .quiz-join input{font-size:12px;min-width:0}.quiz-quick-tools .quiz-rules{margin:0}.quiz-home>.section-heading{margin-top:17px;margin-bottom:12px}.quiz-home>.section-heading h2{font-size:20px}.quiz-home>.section-heading .quiz-secondary{margin:0}.quiz-library-tabs{display:flex;gap:6px;margin-top:12px}.quiz-library-tabs button{padding:8px 11px!important;border-radius:99px!important;font-size:11px;background:var(--card)!important}.quiz-library-tabs button[aria-pressed=true]{background:#8db5df33!important}.quiz-home #quiz-count{margin:12px 0}.quiz-home .quiz-pack{padding:19px!important}.quiz-home .quiz-pack h3{font-size:17px}.quiz-home .quiz-pack p{font-size:12px;line-height:1.45;margin-bottom:14px}.quiz-home .quiz-pack small{gap:10px;line-height:1.4}.quiz-board{grid-template-columns:repeat(var(--quiz-columns,4),minmax(90px,1fr));overflow-x:auto;padding-bottom:8px;max-width:100%}.play-rules{margin:12px 0 20px}.quiz-rules summary{cursor:pointer;min-height:24px;display:list-item}.quiz-rules[open] summary{margin-bottom:10px}#quiz-invite-qr{display:block;width:188px;height:188px;margin:18px auto;border-radius:14px;background:#fff}
.quiz-studio .field{display:block;margin:18px 0}.quiz-studio .field input,.quiz-studio .field textarea{width:100%;box-sizing:border-box}.quiz-studio textarea{resize:vertical}.quiz-editor-category{margin:16px 0;border:1px solid #8daac535;border-radius:20px;background:var(--card);overflow:hidden}.quiz-editor-category>summary{padding:17px;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.quiz-editor-category>summary small{font-size:10px;opacity:.6;margin-left:8px}.quiz-editor-category-body{padding:0 16px 16px}.quiz-editor-question{border-top:1px solid #8daac52a}.quiz-editor-question>summary{display:flex;gap:12px;align-items:center;cursor:pointer;padding:16px 0}.quiz-editor-question>summary strong{font-size:19px;color:#81a6ce;min-width:34px}.quiz-editor-question>summary span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quiz-editor-actions button{font-size:12px}.quiz-upload-label{display:inline-flex;padding:12px;border-radius:12px;background:#8daac51a;cursor:pointer;font-size:12px;margin:9px 0}.quiz-upload-label input{position:absolute;width:1px;height:1px;opacity:0}.quiz-upload-label:focus-within{outline:2px solid #8baacb}.quiz-editor-question .note{display:block;line-height:1.5}.quiz-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:12px;background:#8daac518;margin-top:6px}.quiz-attachment>span{min-width:0;font-size:11px;overflow-wrap:anywhere}.quiz-attachment small{display:block;opacity:.6}.quiz-attachment button{padding:6px 12px!important;min-width:36px;font-size:20px}.quiz-publish-option{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:13px}.quiz-publish-option input{flex-shrink:0}.quiz-publish-option small{display:block;font-size:11px;line-height:1.5;opacity:.65;margin-top:6px}.quiz-studio-save{display:flex;gap:12px;align-items:center;margin:20px 0}.quiz-studio-save span{font-size:10px;line-height:1.4}.studio-type-choice{display:grid;gap:12px;margin:20px 0}.studio-type-choice button{text-align:left;padding:20px!important;background:var(--card)!important}.studio-type-choice span{display:block;margin-top:7px;font-size:12px;opacity:.65}.quiz-question-media{display:grid;gap:10px;margin:18px 0}.quiz-question-media img,.quiz-question-media video{display:block;max-width:100%;max-height:330px;border-radius:15px;object-fit:contain}.quiz-question-media audio{width:100%;max-width:100%}.quiz-question-media button{width:100%;padding:18px 12px!important;background:#8daac51a!important;font-size:13px}.quiz-question-media small{display:block;opacity:.6;margin-top:5px}
dialog.quillo-modal{position:fixed;padding-top:52px!important}.quillo-modal-close{position:absolute!important;right:13px;top:12px;display:grid;place-items:center;width:34px;height:34px;min-height:34px!important;padding:7px!important;border:0!important;border-radius:50%!important;background:#90aac51a!important;color:inherit;z-index:5}.quillo-modal [hidden]{display:none!important}
@media(max-width:360px){.quiz-hero-compact{padding:16px}.quiz-hero-compact h1{font-size:24px}.quiz-mini-orbit{width:50px;height:60px;font-size:38px}.quiz-quick-tools .quiz-join{padding:12px;gap:7px}.quiz-library-tabs button{font-size:10px;padding:8px!important}.quiz-pack small{flex-wrap:wrap}.quiz-guest-wrap{padding:20px 14px 50px}}

.voice-controls .voice-mic-active{color:#e8777b!important;background:#d9696920!important}.voice-panel:empty,.voice-notice:empty{display:none}.voice-panel{overflow:visible}.room-emote-picker img{max-width:72px}

#room-invite-qr{display:block;width:188px;height:188px;margin:18px auto;border-radius:14px;background:#fff}

.is-home .avatar-promo{overflow:visible!important}.is-home .avatar-popout{bottom:15px}

.profile-completion{display:flex;align-items:center;gap:13px;width:100%;padding:15px!important;background:linear-gradient(110deg,#9ebfd61a,#b8abda14)!important;border:1px solid #8baac529!important;border-radius:20px!important;text-align:left;margin:15px 0 24px}.profile-completion>span:nth-child(2){flex:1}.profile-completion b{font-size:13px;display:block}.profile-completion small{font-size:10px;line-height:1.5;opacity:.65;display:block;margin-top:5px}.profile-completion svg{width:16px;height:16px;flex-shrink:0}.profile-completion-orbit{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;background:conic-gradient(#9fc4e2 var(--progress),#91abc22a 0)}.profile-completion-orbit span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--card);font-size:10px}#play-preferences-form fieldset{border:0;margin:25px 0;padding:0}#play-preferences-form legend{font-size:14px;margin-bottom:12px}#play-preferences-form .field{margin:23px 0}#play-preferences-form select,#play-preferences-form textarea{display:block;width:100%;padding:13px;border-radius:13px;margin-top:8px;background:var(--card);color:var(--text);border:1px solid #8baac533}.preference-chips{display:flex;flex-wrap:wrap;gap:8px}.preference-chips label{position:relative;cursor:pointer}.preference-chips input{position:absolute;opacity:0;width:1px;height:1px}.preference-chips span{display:block;padding:10px 13px;background:var(--card);border:1px solid #8baac52a;border-radius:99px;font-size:12px}.preference-chips input:checked+span{border-color:#9fc4e2;background:#91abc22a}.preference-chips input:focus-visible+span{outline:2px solid #9fc4e2;outline-offset:2px}

.voice-controls button{font-size:13px;min-height:44px}.voice-controls button[data-v="mic"]{font-weight:600}.voice-notice{font-size:12px!important}.voice-controls .voice-mic-active{color:#ffabb3!important}

.quiz-bot-status{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#a6ccdf;margin:0 0 14px}.quiz-bot-result{padding:12px 15px;border-radius:15px;font-size:13px;line-height:1.5;background:#8baac218}.quiz-bot-result b{display:block}.quiz-bot-result.is-correct{color:#a4dec5}.quiz-bot-result.is-wrong{color:#ffb9c0}

/* Compact layout, with comfortable tap targets and one-line preference summaries. */
.social.wrap .settings-list{gap:6px}
.social.wrap .settings-list .settings-row{min-height:58px;padding:11px 13px}
.social.wrap .mode-card{min-height:94px;padding:14px}
.social.wrap .adult-pack,.social.wrap .home-game{padding:13px}
.social.wrap .detail-card{padding:14px;margin-bottom:9px}
.social.wrap .section-heading{margin-top:18px;margin-bottom:10px}
.social.wrap .page-heading{margin-bottom:16px}
.social.wrap .chat-thread{min-height:70px;padding:9px 7px;margin-bottom:2px}
.chat-thread .avatar{width:44px;height:44px}
.profile-completion{gap:10px;padding:12px!important;margin:12px 0 16px}
.preferences-intro{margin:0 0 16px;font-size:12px}
#play-preferences-form fieldset{margin:14px 0}
#play-preferences-form legend{font-size:13px;margin-bottom:7px}
.preference-summary-row{display:flex;align-items:center;gap:8px;min-width:0}
.preference-summary{display:flex;flex:1;gap:6px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;overscroll-behavior-x:contain;padding:3px 0}
.preference-selected{flex:none;display:inline-flex;align-items:center;min-height:32px;padding:4px 11px;font-size:12px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:99px;background:var(--accent-soft);box-sizing:border-box}
.preference-placeholder{font-size:12px;color:var(--muted);padding:8px 0}
.preference-more{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:42px;padding:7px 12px!important;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:12px}
.preference-more svg{width:15px;height:15px}
#play-preferences-form .preference-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#play-preferences-form .field{margin:8px 0;font-size:12px;min-width:0}
#play-preferences-form select,#play-preferences-form textarea{padding:10px;margin-top:6px;min-height:44px;color:var(--ink);font-size:14px;box-sizing:border-box}
#play-preferences-form .preference-toggles{margin:12px 0;border-block:1px solid var(--line)}
#play-preferences-form .check-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:6px 0;font-size:12px;color:var(--ink)}
#play-preferences-form .check-field small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
#play-preferences-form .check-field input{width:19px;height:19px;accent-color:var(--accent);margin:0;flex:none}
.preference-about{margin:14px 0 16px;font-size:13px}
.preference-about summary{cursor:pointer;min-height:32px;line-height:32px}
.preference-about summary small{font-size:10px;color:var(--muted);margin-left:5px}
#modal:has(.preference-picker){width:min(500px,calc(100% - 24px));padding:48px 18px 16px!important;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:hidden}
.preference-picker{display:flex;flex-direction:column;max-height:calc(100dvh - 110px)}
.preference-picker h2{font-size:21px;margin:0 0 5px}
.preference-picker>.note{font-size:12px;margin:0 0 14px}
.preference-picker-options{overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 10px;min-height:0}
.preference-picker fieldset{padding:0;border:0;margin:0 0 16px}
.preference-picker legend{font-size:12px;font-weight:600;margin-bottom:7px;color:var(--muted)}
.preference-picker .preference-chips{gap:6px}
.preference-picker .preference-chips span{font-size:12px;min-height:38px;padding:9px 12px;box-sizing:border-box}
.preference-picker>.primary{flex:none;min-height:44px;margin-top:7px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:380px){#play-preferences-form .preference-selects{grid-template-columns:1fr;gap:0}#play-preferences-form select{font-size:16px}}

/* The composer never glows on touch focus. GIF folds away only when text exists. */
.conversation-page{padding:calc(7px + env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));transition:none!important;overscroll-behavior:none}
.conversation-heading{padding-bottom:8px;gap:8px}
.conversation-heading .avatar{width:38px;height:38px}
.conversation-page .message-list{padding:12px 2px;scroll-behavior:auto;overscroll-behavior:contain;overflow-x:hidden}
.conversation-page #live-message{margin-top:5px}
.conversation-page .chat-compose-row{padding:4px;gap:2px;border-radius:24px;align-items:flex-end;box-shadow:none!important;outline:none!important;border:1px solid var(--line)}
.conversation-page .chat-compose-row:focus-within{background:var(--surface);border-color:var(--line);box-shadow:none!important;outline:none!important}
.conversation-page .chat-compose-row textarea,.conversation-page .chat-compose-row textarea:focus,.conversation-page .chat-compose-row textarea:focus-visible{outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important;border-radius:0;min-height:40px;padding:10px 6px;font-size:16px;line-height:20px;transition:none!important;box-sizing:border-box}
.conversation-page .chat-attach,.conversation-page .chat-send{flex:0 0 40px;width:40px;height:40px;margin:0;border:0}
.conversation-page .chat-attach{border-radius:50%;color:var(--muted);background:transparent;box-sizing:border-box}
.chat-attach svg{width:23px;height:23px;stroke-width:1.7;pointer-events:none}
.chat-attach:focus-within{outline:2px solid var(--accent);outline-offset:-3px}
.chat-compose-row .dm-gif-button{width:34px;flex:0 0 34px;height:40px;align-self:flex-end;margin:0;padding:0!important;overflow:hidden;opacity:.7;background:none!important;border:0;transition:opacity .16s ease,width .2s ease,flex-basis .2s ease,transform .2s ease}
#live-message.has-text .dm-gif-button{width:0;flex-basis:0;opacity:0;transform:scale(.7);pointer-events:none}
.conversation-page .message-bubble[data-message-id]{padding:8px 11px 5px;min-width:70px;-webkit-touch-callout:none;user-select:none;transition:transform .18s ease,scale .18s ease,box-shadow .18s ease}
.message-bubble[data-message-id]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.message-bubble.dm-holding{animation:dm-hold .45s ease-out forwards!important}
.message-bubble.dm-swiping{transition:none!important}
.message-bubble.dm-swiping::before{content:'↩';position:absolute;left:-33px;top:50%;transform:translateY(-50%);font-size:23px;color:var(--muted);opacity:.55}
.message-bubble.dm-reply-ready::before{color:var(--accent);opacity:1}
.dm-foot time{line-height:1.2}
@keyframes dm-hold{0%{scale:1}100%{scale:.975;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}}
@media(prefers-reduced-motion:reduce){.chat-compose-row .dm-gif-button,.message-bubble[data-message-id]{transition:none!important}.message-bubble.dm-holding{animation:none!important;outline:1px solid var(--accent)}}
#play-preferences-form fieldset{min-inline-size:0;max-width:100%;box-sizing:border-box}
.social.wrap:has(#play-preferences-form) .subheading{margin-bottom:12px}
#play-preferences-form .field{color:var(--muted)}

/* Align Safari visual and touch coordinates after keyboard dismissal. */
body.conversation-open{position:static;overflow:hidden;scroll-behavior:auto!important}
.conversation-open #app,.conversation-open .social.wrap,.conversation-open .screen{transform:none!important;translate:none!important;scale:none!important;filter:none!important;perspective:none!important;will-change:auto!important;animation:none!important}
.conversation-page{left:0;right:0;margin-inline:auto;transform:none!important;translate:none!important}

/* A modal needs its own entrance keyframe; keep focus and lighting inside cards. */
@keyframes quillo-sheet { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.social.wrap :is(.profile-stat,.theme-tile,.quiz-pack,.quiz-board button):focus-visible { outline-offset: -3px; }
.social.wrap :is(.price-card,.adult-pack,.quiz-pack) { overflow-wrap: anywhere; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .mode-card:hover .mode-art { transform: translateY(-2px) rotate(-3deg); }
 .home-game:hover .home-game-play { transform: translateX(2px); }
 .settings-row:hover>svg { transform: translateX(2px); }
}