:root{font-family:'Segoe UI',system-ui,sans-serif}button,input,select,textarea{font-family:inherit}header{gap:16px}button.user-chip{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left}.user-chip small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.small{padding:11px 16px;font-size:11px}.full-width{width:100%}#global-message:empty{display:none}#global-message{padding:13px 17px;border-radius:12px;font-size:13px;line-height:1.7}.global-error{background:#ff6b6b12;color:#ffb4b4;border:1px solid #ff6b6b33}.global-success{background:#24d6a612;color:#8aedd2;border:1px solid #24d6a633}.loading-panel{text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted)}.loading-orbit{height:40px;width:40px;border:3px solid #7545f82a;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.loading-panel h2{font-size:20px}.loading-panel p{font-size:12px}.play-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.play-card{background:#211d3d;border:1px solid #ffffff0e;border-radius:21px;min-height:235px;padding:23px;text-align:left;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.play-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.purple-card{background:radial-gradient(at 0 0,#5c32af44,transparent 80%),#211d3d}.coral-card{background:radial-gradient(at 0 0,#b4506644,transparent 80%),#211d3d}.mint-card{background:radial-gradient(at 0 0,#248d7a44,transparent 80%),#211d3d}.play-symbol{font-size:38px;display:block;color:#baa0ff;height:60px}.coral-card .play-symbol{color:#ff9a9a}.mint-card .play-symbol{color:#66e0bd}.play-tag{position:absolute;top:25px;right:20px;font-size:8px;letter-spacing:1px;color:var(--muted);padding:7px;border:1px solid #ffffff12;border-radius:7px}.play-card h3{font-size:17px;letter-spacing:-.5px;line-height:1.5;margin:12px 0}.play-card p{font-size:11px;color:#bcb6d2;line-height:1.9}.play-arrow{position:absolute;bottom:20px;right:23px;font-size:22px;color:#b6a3df}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1040px;margin:50px auto}.auth-story{padding:35px 0}.auth-story h1{font-size:48px;line-height:1.17;letter-spacing:-2px;margin:25px 0}.auth-story h1 span{color:var(--yellow)}.auth-story p{color:var(--muted);line-height:1.9;max-width:300px;font-size:13px}.auth-art{font-size:100px;color:var(--mint);position:relative;height:200px;width:250px;margin-top:40px;transform:rotate(-10deg)}.auth-art i{position:absolute;left:100px;top:10px;font-style:normal;font-size:110px;background:linear-gradient(130deg,#8651ff,#b67df3);border-radius:25px;width:120px;height:140px;text-align:center;color:#fff;box-shadow:0 10px #48287b}.auth-art b{position:absolute;left:60px;bottom:0;font-size:55px;color:var(--coral)}.auth-card{padding:30px;margin:0;align-self:start}.auth-card h2{font-size:24px;line-height:1.4;letter-spacing:-.7px;margin:14px 0 27px}.form-hint{font-size:11px;color:var(--muted);line-height:1.8}.auth-divider{font-size:8px;letter-spacing:1px;color:#817b99;display:flex;align-items:center;gap:12px;margin:24px 0 18px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#ffffff12}.social-login{display:flex;gap:10px}.social-login button{flex:1}.auth-switch{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.profile-hero{display:flex;align-items:center;gap:25px;background:radial-gradient(at 5% 10%,#7545f833,transparent 60%),var(--surface)}.profile-emblem{flex-shrink:0;width:100px;height:110px;display:grid;place-items:center;color:var(--yellow);font-size:65px;background:#7545f829;border:1px solid #a384ff55;border-radius:30px;transform:rotate(-5deg)}.profile-hero>div:nth-child(2){flex:1}.profile-hero h2{font-size:27px;margin:7px 0}.profile-hero p{font-size:12px;color:var(--muted)}.profile-hero small{color:var(--muted);font-size:10px}.profile-hero>b{font-size:30px;color:var(--yellow)}.profile-hero>b small{display:block;font-size:8px;letter-spacing:1px;margin-top:8px}.level-track{height:5px;max-width:300px;background:#ffffff0a;border-radius:5px;overflow:hidden;margin:18px 0 8px}.level-track span{display:block;height:100%;background:var(--mint)}.profile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.profile-grid .panel{margin:0}.profile-grid h2{font-size:18px;margin-bottom:23px}.profile-grid .stats small{display:block}.profile-grid .text-btn{display:block;margin:15px 0}.account-details{margin-top:25px;border-top:1px solid #ffffff12;padding-top:18px}.account-details summary{font-size:12px;cursor:pointer;color:#c6b5ed}.account-details form{margin-top:20px}.danger-area summary,.danger-area p{color:#ed9f9f}.danger-area p{font-size:12px;line-height:1.7}.danger-button{border-color:#ff6b6b44;color:#ffaaaa}.setup-panel{max-width:650px;margin:30px auto}.setup-panel h1{font-size:29px;line-height:1.4}.player-as{background:#7545f81a;border-radius:10px;padding:14px;color:#c4affb;font-size:13px}.stage-pill{font-size:9px;color:#cebdf5;letter-spacing:.5px}.social-question{max-width:950px;margin:25px auto}.social-context{display:flex;gap:15px;align-items:center;margin:30px 0 0}.social-context p{font-size:13px;color:var(--muted)}.social-bubble{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:15px;background:#7545f829;color:var(--yellow);font-size:27px}.social-question .question{margin-top:22px}.reveal-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.reveal-pair>div{background:#ffffff04;border-radius:15px;padding:25px;border:1px solid #ffffff0b}.reveal-pair h2{font-size:22px;color:var(--yellow)}.reveal-pair p{font-size:12px;color:var(--muted);line-height:1.8}.reveal-pair b{font-size:13px}.mutual-result{text-align:center;padding:35px}.mutual-result>h1{font-size:32px;letter-spacing:-1px;line-height:1.5}.mutual-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.mutual-card{padding:30px 25px;background:#ffffff03;border:1px solid #ffffff0e;border-radius:22px}.mutual-card .eyebrow{font-size:9px;line-height:1.8}.knowledge-ring{margin:30px auto;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--percent)*1%),#ffffff0a 0);position:relative}.knowledge-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#1e1b36}.knowledge-ring strong{position:relative;color:var(--ring-color);font-size:40px;letter-spacing:-2px}.mutual-card h2{font-size:22px;margin-bottom:10px}.mutual-card p{font-size:12px;color:var(--muted)}.mutual-card blockquote{margin:20px 0 0;font-size:13px;line-height:1.9;color:#cfc5e9}.admin-tabs{display:flex;gap:8px;overflow:auto;margin:25px 0}.admin-tabs button{border:1px solid #ffffff10;border-radius:10px;background:transparent;padding:12px 17px;white-space:nowrap;color:var(--muted);font-size:12px}.admin-tabs button.active{background:#7545f833;color:#d6c6ff;border-color:#7545f866}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 20px}.admin-metrics .panel{margin:0}.metric{padding:22px}.metric>span{display:block;color:#ab88ff;font-size:25px;margin-bottom:20px}.metric b{display:block;font-size:30px}.metric small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.admin-grid h2{font-size:19px}.editorial-step{display:flex;gap:17px;margin:28px 0}.editorial-step>b{color:#9d7ce2;font-size:22px}.editorial-step h3{font-size:14px;margin:3px 0 9px}.editorial-step p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.filter-row{display:flex;gap:10px;align-items:center;margin:25px 0}.filter-row input{flex:2;min-width:0}.filter-row select{flex:1;min-width:0}.filter-row button{white-space:nowrap}.content-row{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #ffffff0e;align-items:center}.content-row>div:first-child{min-width:0}.content-row h3{font-size:14px;line-height:1.8;margin:10px 0}.content-row p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.content-row a{font-size:11px;color:var(--mint);display:inline-block;margin-top:10px}.content-state{padding:5px 7px;border-radius:6px;font-size:8px;letter-spacing:1px}.content-state.draft{background:#ffd16615;color:var(--yellow)}.content-state.published{background:#24d6a615;color:var(--mint)}.content-kind{font-size:10px;color:var(--muted);margin-left:10px}.content-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:120px}.content-actions .primary{padding:10px 12px;font-size:10px}.count-tag{color:var(--muted);font-size:11px;margin-left:8px}.audit-detail{font-size:10px;color:var(--muted);overflow-wrap:anywhere;max-width:700px;line-height:1.8}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#080717c9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{background:#1a1832;border:1px solid #ffffff18;border-radius:22px;padding:32px;width:min(650px,100%);max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 100px #0008}.modal-close{position:absolute;top:15px;right:15px}.modal-panel h2{font-size:22px;margin-top:0;margin-bottom:30px}.modal-panel textarea{min-height:75px}#modal-root:empty{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.play-cards{grid-template-columns:1fr 1fr}.play-card:last-child{grid-column:1/-1;min-height:185px}.play-card:last-child .play-symbol{float:left;margin-right:25px;height:100px;display:flex;align-items:center}.auth-shell{gap:25px}.auth-story h1{font-size:39px}.profile-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}}@media(max-width:760px){header{min-height:85px}.user-chip{gap:5px!important}.user-chip>span:last-child{display:none}.profile .primary{font-size:10px;padding:10px}.play-cards{gap:12px}.play-card{padding:20px;min-height:220px}.play-card h3{font-size:16px}.play-card p{font-size:10px}.play-tag{top:20px;right:12px;font-size:7px}.play-card:last-child .play-symbol{margin-right:18px;font-size:45px}.auth-shell{grid-template-columns:1fr;margin:20px auto}.auth-story{padding:10px 0}.auth-story h1{font-size:35px;margin:15px 0}.auth-story p{max-width:none}.auth-art{display:none}.auth-card{padding:25px}.profile-hero{flex-wrap:wrap;gap:15px;padding:20px}.profile-emblem{width:65px;height:75px;font-size:42px;border-radius:20px}.profile-hero h2{font-size:21px}.profile-hero>b{font-size:22px}.profile-hero p{font-size:10px}.profile-hero small{font-size:8px}.mutual-cards{grid-template-columns:1fr;gap:15px;margin:25px 0}.mutual-result{padding:22px}.mutual-result>h1{font-size:25px}.mutual-card{padding:25px 18px}.knowledge-ring{width:125px;height:125px}.knowledge-ring strong{font-size:34px}.reveal-pair{grid-template-columns:1fr}.social-question .quiz-top{flex-wrap:wrap}.stage-pill{font-size:8px}.admin-tabs{margin:20px 0}.admin-tabs button{font-size:10px;padding:10px 13px}.metric{padding:18px}.metric b{font-size:26px}.filter-row{flex-wrap:wrap}.filter-row input{flex-basis:100%}.filter-row select{flex-basis:30%}.content-row{flex-direction:column;align-items:stretch;gap:15px}.content-actions{flex-direction:row}.content-actions button{flex:1}.modal-panel{padding:25px 20px}.modal-backdrop{padding:10px}.modal-panel h2{font-size:20px}.history-item{flex-wrap:wrap}.history-item small{overflow-wrap:anywhere}.setup-panel h1{font-size:24px}.sidebar nav{gap:4px}.nav{font-size:16px}.nav span{font-size:9px}}
.solo-question{max-width:950px;margin:25px auto}.result .stat{display:block}.result .stat small{display:block;margin-top:8px}
/* Responsive containment for narrow phones and long account/player names. */
.layout>main,#app,.panel,.battle-layout>*,.room-forms>*,.profile-grid>*,.admin-grid>*,.play-cards>*{min-width:0}
.player-name,.profile-hero>div,.user-chip{min-width:0}
.player-name strong,.profile-hero p,.content-row h3{overflow-wrap:anywhere}
@media(max-width:760px){
 main{width:100%;padding:0 16px}.sidebar{max-width:100%;padding:18px 16px 0}.sidebar nav{max-width:100%}
 header{flex-wrap:wrap;min-height:0;padding:18px 0;gap:12px}.breadcrumb{max-width:100%;overflow-wrap:anywhere}
 #account-menu{max-width:100%;margin-left:auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
 button.user-chip{max-width:100%;gap:7px}.user-chip>span:last-child{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .hero-copy{max-width:100%;position:relative;z-index:1}.hero-art{opacity:.25;pointer-events:none}
 .room-top,.quiz-top,.room-code,.button-row,.bottom-banner{flex-wrap:wrap;gap:10px}
 .room-code{justify-content:center}.room-code small{flex-basis:100%}.room-code strong{max-width:100%;letter-spacing:5px}
 .player-row{gap:8px}.player-name{flex:1}.player-name strong{white-space:normal}.player-score{flex-shrink:0}
 .quiz-top .timer{margin-left:auto}.quiz-top>button{max-width:100%}
 .option{min-width:0;overflow-wrap:anywhere}.question{overflow-wrap:anywhere}
 .profile-hero{flex-wrap:wrap;gap:16px}.profile-hero>b{font-size:24px}
 .section-head{gap:10px;flex-wrap:wrap}.admin-tabs{max-width:100%}
 .modal-panel{max-width:100%;min-width:0}.button-row>button{max-width:100%}
}
@media(max-width:380px){
 main{padding:0 12px}.sidebar{padding-left:12px;padding-right:12px}.panel{padding:16px}
 .stats{gap:6px}.stat{padding:10px 7px}.stat b{font-size:17px}.stat small{font-size:9px;overflow-wrap:anywhere}
 .room-code strong{font-size:30px}.play-cards,.category-grid{grid-template-columns:1fr}
 .category:last-child{grid-column:auto}.hello h1{font-size:23px}.result h1{font-size:25px}
}

@media(max-width:760px){.sidebar nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar nav::-webkit-scrollbar{display:none}.hero-art{display:none}.hero-copy{max-width:100%}.hero h2{max-width:100%}.option{min-height:48px}.nav{min-height:44px}}
/* Friend game v2: the person being answered for is the primary visual signal. */
html,body{touch-action:manipulation}button,a,input,select,textarea,label{touch-action:manipulation}
.friend-top{max-width:780px;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#b9b2ce}.friend-top button{font-size:11px;white-space:nowrap}
.friend-play{--friend-accent:#64e6bc;max-width:780px;margin:14px auto 28px;background:#1d1b32;border:1px solid #ffffff14;border-radius:28px;padding:32px;min-width:0;scroll-margin-top:12px}
.friend-play h1{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin:14px 0}.friend-play>p{color:#bcb5cf;font-size:14px;line-height:1.8}.friend-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--friend-accent);line-height:1.7}
.friend-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.friend-person{display:flex;align-items:center;gap:12px;padding:17px;background:#ffffff04;border:1px solid #ffffff13;border-radius:17px;min-width:0}.friend-person>div{flex:1;min-width:0}.friend-person b{font-size:14px;display:block;overflow-wrap:anywhere}.friend-person small{font-size:10px;display:block;color:#a8a1bc;margin-top:6px}.friend-person.is-you{border-color:#64e6bc44}.friend-avatar{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;background:#64e6bc19;color:#64e6bc;border-radius:15px;font-size:16px;font-weight:900}.friend-ready{color:var(--friend-accent)}
.friend-invite{display:flex;align-items:center;gap:16px;padding:20px;background:#141225;border:1px dashed #ffffff25;border-radius:18px}.friend-invite>div{flex:1}.friend-invite small{display:block;color:#aaa0bf;font-size:9px;letter-spacing:1.5px}.friend-invite strong{display:block;font-size:32px;letter-spacing:5px;margin-top:7px;font-variant-numeric:tabular-nums}.friend-invite button{font-size:12px}
.friend-how{list-style:none;padding:0;margin:28px 0;display:grid;gap:17px}.friend-how li{display:flex;align-items:center;gap:14px}.friend-how li>b{display:grid;place-items:center;width:30px;height:30px;background:#ffffff08;border-radius:10px;font-size:12px;color:var(--friend-accent)}.friend-how strong{display:block;font-size:14px}.friend-how span{display:block;font-size:12px;color:#bcb5cf;margin-top:5px;line-height:1.6}.friend-lobby-actions{display:flex;gap:12px}.friend-lobby-actions button{flex:1;min-height:50px}.friend-foot{font-size:12px!important;color:#aaa0bf!important;line-height:1.8!important;margin:22px 0 0}
.friend-round{display:flex;justify-content:space-between;align-items:center;color:#b4acc8;font-size:12px}.friend-round b{color:white}.friend-steps{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1.2fr 1fr;margin:22px 0 26px;gap:8px}.friend-steps li{display:flex;align-items:center;gap:7px;color:#81798f;font-size:10px;min-width:0}.friend-steps b{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#ffffff08}.friend-steps span{overflow-wrap:anywhere;line-height:1.5}.friend-steps .current{color:var(--friend-accent);font-weight:800}.friend-steps .current b{background:var(--friend-accent);color:#172a26}.friend-steps .done b{color:var(--friend-accent)}
.friend-role{display:flex;gap:15px;align-items:center;background:#64e6bc10;border:1px solid #64e6bc38;border-radius:20px;padding:23px}.friend-role>div{min-width:0}.friend-role .friend-avatar{height:57px;width:57px;font-size:16px}.friend-play .friend-role h1{margin:7px 0 0;font-size:29px;overflow-wrap:anywhere;outline:none}.friend-role-title:focus-visible{outline:2px solid var(--friend-accent)!important;outline-offset:5px}.friend-play .friend-instruction{font-size:14px;line-height:1.7;color:#dfd9ed;margin:19px 0}.friend-stage .time-track{margin:0 0 23px;height:4px}.friend-stage .time-track div{background:var(--friend-accent)}
.friend-question{background:#f1eef8;color:#242037;border-radius:20px;padding:24px;margin:20px 0}.friend-question>span{font-size:9px;color:#625773;font-weight:800;letter-spacing:1px;overflow-wrap:anywhere}.friend-question h2{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:12px 0 0;overflow-wrap:anywhere}
.friend-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.friend-option{display:flex;align-items:center;gap:12px;padding:16px;min-height:68px;text-align:left;background:#28243e;border:1px solid #ffffff1c;border-radius:14px;color:#ece7f5;min-width:0}.friend-option>span{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:9px;font-size:11px;color:#bcb4cc}.friend-option>b{font-size:14px;line-height:1.6;font-weight:600;flex:1;overflow-wrap:anywhere}.friend-option>i{color:var(--friend-accent);font-style:normal}.friend-option.picked{background:#64e6bc12;border-color:var(--friend-accent);box-shadow:0 0 0 1px var(--friend-accent)}.friend-option.picked>span{color:#152b24;background:var(--friend-accent);border-color:var(--friend-accent)}.friend-option:hover{border-color:var(--friend-accent)}
.friend-confirm{margin-top:22px;border-top:1px solid #ffffff12;padding-top:15px}.friend-confirm p{font-size:12px;line-height:1.7;color:#c6bed7;overflow-wrap:anywhere}.friend-confirm .primary{width:100%;min-height:54px;background:var(--friend-accent);color:#152b24;white-space:normal;line-height:1.6}.friend-bottom-status{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:#aaa2bc;font-size:11px}.friend-bottom-status>span{max-width:49%;overflow-wrap:anywhere}
.stage-guess{--friend-accent:#b9a1ff}.stage-guess .friend-role{background:#b9a1ff12;border-color:#b9a1ff55}.stage-guess .friend-avatar{background:#b9a1ff26;color:#d3c3ff}.stage-guess .friend-option.picked{background:#b9a1ff19}.stage-guess .friend-confirm .primary{color:#261c43}.stage-reveal{--friend-accent:#ffd166}.stage-reveal .friend-role{background:#ffd16610;border-color:#ffd16644}.stage-reveal .friend-avatar{color:#ffd166;background:#ffd16618}
.friend-wait{padding:26px 20px;text-align:center;border:1px solid #64e6bc35;border-radius:20px;background:#64e6bc08}.friend-wait>span{display:grid;place-items:center;margin:0 auto 16px;width:42px;height:42px;border-radius:50%;background:#64e6bc22;color:#64e6bc;font-size:24px}.friend-wait h2{font-size:21px;line-height:1.5;margin:8px 0}.friend-wait p{font-size:13px;line-height:1.8;color:#bcb5cf}.friend-wait .friend-saved{display:inline-block;padding:10px 16px;border-radius:10px;background:#ffffff09;color:white;font-weight:700;margin:10px 0}.friend-dots{color:var(--friend-accent);letter-spacing:8px;font-size:11px;margin-top:20px;animation:friend-pulse 1.4s ease-in-out infinite}.friend-reveals,.friend-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.friend-reveal-card,.friend-results article{min-width:0;padding:22px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff04}.friend-reveal-card h2{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.friend-reveal-card p{font-size:12px;color:#bcb5cf;line-height:1.8}.friend-reveal-card>b{font-size:12px}.is-match{color:#64e6bc}.is-miss{color:#ffc49c}.friend-results{margin:28px 0}.friend-results h2{font-size:17px;overflow-wrap:anywhere}.friend-percent{display:block;font-size:54px;letter-spacing:-3px;color:var(--friend-accent);margin:24px 0 6px}.friend-results p{font-size:13px;color:#c0b8cf}.friend-results blockquote{margin:20px 0 0;line-height:1.9;font-size:13px;color:#d0c8e0}.friend-countdown{text-align:center;padding:48px 30px}.friend-count{display:block;font-size:72px;font-weight:900;color:var(--friend-accent);margin:26px 0}
@keyframes friend-pulse{50%{opacity:.35}}
@media(max-width:760px){.friend-top{font-size:10px;margin-top:4px}.friend-top>span{max-width:65%}.friend-play{padding:22px 18px;border-radius:23px;margin-top:10px}.friend-play h1{font-size:27px}.friend-pair{grid-template-columns:1fr;gap:8px}.friend-person{padding:12px}.friend-invite{gap:10px;flex-wrap:wrap;padding:16px}.friend-invite>div{flex-basis:100%}.friend-invite strong{font-size:32px}.friend-invite .outline{flex:1}.friend-lobby-actions{flex-direction:column}.friend-steps{gap:6px;margin:18px 0}.friend-steps li{flex-direction:column;align-items:flex-start;gap:6px;font-size:9px}.friend-role{padding:17px 14px;gap:12px}.friend-role .friend-avatar{width:42px;height:45px;font-size:13px}.friend-play .friend-role h1{font-size:23px;line-height:1.3;letter-spacing:-.6px}.friend-kicker{font-size:9px;letter-spacing:.8px}.friend-play .friend-instruction{font-size:13px;margin:16px 0}.friend-question{padding:20px 17px;border-radius:16px}.friend-question h2{font-size:20px}.friend-options{grid-template-columns:1fr;gap:10px}.friend-option{padding:13px 14px;min-height:57px}.friend-confirm{position:sticky;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#1d1b32;z-index:2}.friend-confirm p{margin:0 0 10px}.friend-reveals,.friend-results{grid-template-columns:1fr}.friend-wait{padding:23px 16px}.friend-wait h2{font-size:19px}.friend-bottom-status{font-size:10px}.friend-countdown{padding:35px 20px}}