/* Final qa / ux3 / ux10 geometry; native records and server-owned results. */
.fd-surface{--fd-ink:#16132A;--fd-muted:#6B6585;--fd-purple:#7C3AED;--fd-grad:linear-gradient(145deg,#9635F5,#4822FB);color:var(--fd-ink);font-family:inherit;direction:rtl}
.fd-page{padding:4px 0 28px}
.fd-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 2px 14px}.fd-heading h2{font-size:22px;margin:0}
.fd-invite-banner{display:flex;align-items:center;gap:11px;width:100%;padding:13px 15px;background:linear-gradient(130deg,#EFE7FF,#FFF1EE);border-radius:22px;margin:0 0 13px;text-align:right;color:#5B21B6}.fd-invite-banner b,.fd-invite-banner small{display:block}.fd-invite-banner small{font-size:12px;color:#6B6585;margin-top:3px}
.fd-inv-who{text-align:center;margin:14px 0 20px}.fd-inv-who>.fd-ring{display:inline-grid;width:86px;height:86px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#7C3AED,#A78BFA,#4822FB,#7C3AED)}.fd-inv-who h2{font-size:22px;margin:10px 0 4px}.fd-inv-who h2 span{color:#6D28D9}.fd-inv-who p{font-size:12px;color:#6B6585;margin:0}
.fd-start{width:100%;display:flex;align-items:center;gap:12px;border-radius:22px;padding:17px 16px;background:linear-gradient(130deg,#F3ECFF,#F9F5FF 65%,#FFF1EE);text-align:right;box-shadow:inset 0 0 0 1px #E8DDF9}
.fd-start>i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--fd-grad);color:#FFF;flex:none}.fd-start b{display:block;font-size:17px}.fd-start small{display:block;color:var(--fd-muted);font-size:12px;margin-top:3px}
.fd-tabs{display:flex;gap:7px;overflow-x:auto;padding:16px 0 12px;scrollbar-width:none}.fd-tabs button,.fd-chip{white-space:nowrap;border-radius:18px;padding:8px 13px;background:#F4F2F8;color:#6B6585;font-size:12px;font-weight:700}.fd-tabs button[aria-selected=true]{background:#EDE4FF;color:#5B21B6;box-shadow:inset 0 0 0 1.5px #C4B5FD}
.fd-grid{display:grid;gap:14px}.fd-card{border-radius:24px;background:#FFF;box-shadow:0 4px 18px rgba(46,16,101,.08),inset 0 0 0 1px #EFE9FA;padding:14px 14px 12px;min-width:0}
.fd-status{display:flex;align-items:center;gap:7px;font-size:11.5px}.fd-status>span{border-radius:12px;padding:4px 9px;background:#F4EEFF;color:#5B21B6;font-weight:700}.fd-status>.live{background:#EF4444;color:#FFF}.fd-status small{flex:1;text-align:center;color:#6B6585}.fd-time{border-radius:12px;padding:4px 9px;background:#2E1065;color:#FFF;font-size:11.5px;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
.fd-duel{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:16px}.fd-person{width:112px;min-width:0;text-align:center;position:relative}.fd-person .fd-ring{display:inline-grid;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#7C3AED,#A78BFA,#4822FB,#7C3AED)}
.fd-person.opponent .fd-ring{background:conic-gradient(from 200deg,#F97362,#FDBA8C,#F97362)}.fd-ring>.new-avatar{border:3px solid #FFF;border-radius:50%;box-sizing:border-box}.fd-question{width:76px;height:76px;border:2px dashed #A78BFA;border-radius:50%;background:#FFF;color:#7C3AED;display:grid;place-items:center;font-size:30px}
.fd-person>b,.fd-person>button{display:block;font-size:14px;font-weight:800;margin:6px auto 2px;max-width:100%;overflow-wrap:anywhere}.fd-person>small{color:#8A85A0;font-size:11.5px}.fd-vs{flex:none;width:46px;height:46px;border-radius:50%;background:var(--fd-grad);color:#FFF;font-weight:800;font-size:15px;display:grid;place-items:center;margin-top:22px;box-shadow:0 6px 14px rgba(72,34,251,.28),0 0 0 4px #F4EEFF}
.fd-card h3{text-align:center;font-size:17px;margin:14px 0 10px;overflow-wrap:anywhere}.fd-chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:12px 0}.fd-chip{padding:5px 10px;font-size:11.5px;background:#F4EEFF}
.fd-scores{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;margin:12px 0 8px}.fd-meter{height:12px;border-radius:6px;display:flex;overflow:hidden;background:#F1EEF7;direction:rtl}.fd-meter i{display:block;background:linear-gradient(270deg,#4822FB,#9635F5)}.fd-meter i+ i{background:linear-gradient(90deg,#FB9A8C,#F97362)}
.fd-meter-wrap{position:relative;margin:19px 0 20px}.fd-bolt{position:absolute;top:50%;transform:translate(50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--fd-grad);display:grid;place-items:center;box-shadow:0 0 0 3px #FFF,0 5px 14px rgba(150,53,245,.3)}
.fd-primary{min-height:46px;border-radius:23px;background:var(--fd-grad);color:#FFF;font-size:14px;font-weight:800;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.fd-card>.fd-primary{width:100%;margin-top:14px}
.fd-secondary{min-height:40px;border-radius:20px;background:#F4EEFF;color:#5B21B6;padding:9px 15px;font-size:13px;font-weight:700}
.fd-surface button:disabled{opacity:.45;cursor:not-allowed}.fd-surface :is(button,input,textarea,select):focus-visible{outline:3px solid #B69AF5;outline-offset:3px}
.fd-note{font-size:12px;line-height:1.8;color:#6B6585;background:#FAF8FF;border-radius:14px;padding:11px 12px;margin:12px 0}.fd-note strong{color:#4C1D95}
.fd-error{padding:13px;border-radius:16px;background:#FFF1EE;color:#9A3412;line-height:1.7;margin:12px 0;font-size:13px}.fd-error button{display:block;margin-top:8px}
.fd-legacy{margin-top:24px;border-top:1px solid #ECE6FA;padding-top:16px}.fd-legacy summary{font-size:13px;color:#6B6585;cursor:pointer;padding:8px 0}.fd-legacy .new-card{margin-top:12px}
#new-panels .new-panel.fd-surface>.new-panel-head{min-height:58px;border:0;background:linear-gradient(180deg,#FFF,#FFF9);padding:10px 14px;gap:10px}#new-panels .fd-surface>.new-panel-head>b{flex:1;font-size:16px}.fd-surface .new-panel-head>.round{box-shadow:none;background:#F4F2F8;width:38px;height:38px}
#new-panels .new-panel.fd-surface>.new-panel-body{padding:0 16px calc(28px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#F6F1FF,#FFF 340px)}
.fd-arena-title{text-align:center;margin:15px 0 5px;font-size:23px}.fd-arena .fd-card{background:linear-gradient(165deg,#F6F1FF,#EFE7FF 55%,#FFF1EE);padding:18px 14px}.fd-arena .fd-person{width:120px}.fd-arena .fd-vs{width:50px;height:50px;margin-top:26px}
.fd-result{text-align:center;border-radius:20px;padding:18px 12px;background:#F3EDFF;margin:14px 0}.fd-result b{display:block;font-size:20px;color:#5B21B6}.fd-result p{font-size:12px;color:#6B6585;margin-bottom:0}
.fd-rounds{display:flex;justify-content:center;gap:8px;margin:14px 0}.fd-rounds :is(span,button){width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#FFF;color:#8A85A0;font:inherit;font-weight:800;font-size:12px}.fd-rounds button{cursor:pointer}.fd-rounds button:disabled{opacity:.45;cursor:default}.fd-rounds button:focus-visible{outline:2px solid #6328F5;outline-offset:3px}.fd-rounds [aria-current=step]{background:var(--fd-grad);color:#FFF;box-shadow:0 0 0 3px #E4D7FB}
.fd-voice{background:#FFF;border:1px solid #ECE3FB;border-radius:22px;margin-top:14px;padding:14px;min-width:0}.fd-voice .fd-voice-head{display:flex;align-items:center;gap:9px}.fd-voice-head b{flex:1;font-size:14px}.fd-voice p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.fd-voice .pv{margin:12px 0 0}.fd-voice .wave{min-width:0;flex:1;overflow:hidden}.fd-voice .t{font-size:12px}
.fd-voice.opponent{border-color:#F7D4CB}.fd-voice.opponent .play{background:linear-gradient(135deg,#FC9B88,#F56E60)}.fd-voice [data-fd-vote],.fd-voice [data-fd-gift]{width:100%;margin-top:12px}.fd-voice [aria-pressed=true]{background:#EDE4FF;color:#5B21B6;box-shadow:inset 0 0 0 2px #A78BFA}
.fd-arena-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fd-arena-actions>*{flex:1}
.fd-steps{display:flex;gap:6px;padding:5px 0}.fd-steps i{flex:1;height:5px;border-radius:3px;background:#E8E3F2}.fd-steps i.on{background:linear-gradient(90deg,#9B6BFF,#6D3FE0)}.fd-step-labels{display:flex;justify-content:space-between;font-size:11px;color:#8A85A0;font-weight:600}.fd-step-labels b{color:#5B21B6}
.fd-compose-body{padding-top:18px;display:flex;flex-direction:column;gap:14px}.fd-record-stage{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.fd-record-stage h3{font-size:22px;margin:12px 0 0}.fd-record-stage p{font-size:13.5px;color:#6B6585;max-width:260px;margin:0}
.fd-mic{width:84px;height:84px;border-radius:50%;background:var(--fd-grad);color:#FFF;display:grid;place-items:center;box-shadow:0 0 0 10px #F3EEFF,0 0 0 20px #FAF7FF,0 14px 26px rgba(72,34,251,.25);margin:14px 0}.fd-record-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.fd-level{display:flex;gap:3px;align-items:center;justify-content:center;height:44px}.fd-level i{height:7px;width:4px;background:#9635F5;border-radius:2px;transform-origin:center}
.fd-top-publish{height:36px;border-radius:18px;padding:0 18px;font-weight:700;font-size:14px;background:var(--fd-grad);color:#FFF}.fd-top-publish:disabled{background:#EDE9F5;color:#A39DB5;opacity:1!important}
.fd-final-record{min-height:0;gap:14px}.fd-rec-intro{text-align:center;margin-top:6px}.fd-rec-intro h3{font-size:21px;margin:0}.fd-rec-intro p{font-size:13px;color:#6B6585;margin:4px 0 0}
.fd-record-card{margin-top:12px;background:#FFF;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:12px;text-align:right}
.fd-record-author{display:flex;align-items:center;gap:8px}.fd-record-author>div{flex:1}.fd-record-author b,.fd-record-author small{display:block}.fd-record-author b{font-size:13.5px}.fd-record-author small{font-size:11.5px;color:#8A8499}.fd-record-author>span:last-child{display:flex;align-items:center;gap:4px;border-radius:10px;color:#6D28D9;background:#F4EEFF;font-size:10px;padding:4px 7px}
.fd-record-card .fd-idle,.fd-record-card .fd-level{display:flex;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:27px;margin-top:10px;background:#F4F0FD;box-shadow:inset 0 0 0 1.5px #E6DCFB;overflow:hidden}.fd-idle i{display:block;width:3px;border-radius:2px;background:#D9CCFA}
.fd-record-card .pv{margin:14px 0 3px}.fd-record-time{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:22px;font-weight:800;color:#A49DB8;direction:ltr}.fd-record-time small{font-size:13px;font-weight:600;color:#8A8499}.fd-record-time.recording{color:#2B1260;font-size:26px}
.fd-final-record .fd-mic{margin:26px 0 10px}.fd-record-stop{width:84px;height:84px;border-radius:50%;margin:26px 0 0;box-shadow:0 0 0 10px #F3EEFF,0 0 0 20px #FAF7FF;flex:none}
.fd-review-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fd-record-caption{font-size:13px;color:#6B6585;margin:16px 0 0}.fd-ideas{display:flex;flex-direction:column;gap:6px;margin:18px 0}.fd-ideas small{font-size:12.5px;color:#6B6585;font-weight:700}.fd-ideas span{border-radius:14px;padding:10px 12px;background:#F8F5FF;font-size:13px;text-align:right;box-shadow:inset 0 0 0 1px #ECE6FA}
.fd-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.fd-field :is(input,textarea,select){width:100%;min-height:46px;border-radius:14px;background:#F7F5FB;border:1px solid #ECE6FA;padding:11px 13px;font:inherit;color:#16132A}.fd-field textarea{resize:vertical;min-height:85px}.fd-next{min-height:52px;border-radius:16px;width:100%;margin:5px 0;background:var(--fd-grad);color:#FFF;font-weight:800;font-size:15px}
.fd-who,.fd-types,.fd-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fd-who button,.fd-types button{border-radius:16px;padding:13px;background:#F7F5FB;box-shadow:inset 0 0 0 1px #ECE6FA;text-align:right}.fd-who b,.fd-who small,.fd-types b,.fd-types small{display:block}.fd-who small,.fd-types small{font-size:11.5px;color:#6B6585;margin-top:4px}.fd-types button{text-align:center}.fd-types svg{margin:0 auto 6px}.fd-who .on,.fd-types .on{background:#F3EDFF;box-shadow:inset 0 0 0 2px #A78BFA}
.fd-people{display:flex;flex-direction:column;gap:3px;overflow:visible}.fd-person-row{display:flex;align-items:center;gap:10px;padding:9px 7px;border-radius:14px;text-align:right;width:100%;font-size:14px}.fd-person-row.on{background:#F3EDFF;box-shadow:inset 0 0 0 2px #A78BFA}.fd-person-row span:nth-child(2){flex:1}
.fd-partial{background:#FFF8ED;border:1px solid #F4D3AB;border-radius:14px;padding:12px;font-size:12px;line-height:1.8}.fd-partial a,.fd-partial button{color:#7C3AED;text-decoration:underline}
.fd-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fd-gifts label{border-radius:16px;background:#F8F5FF;padding:10px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;cursor:pointer}.fd-gifts label:has(input:checked){box-shadow:inset 0 0 0 2px #A78BFA}.fd-gifts img{width:62px;height:62px;object-fit:contain;border-radius:12px}.fd-gifts small{color:#6B6585}
.fd-status small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fd-arena-title,.fd-record-author b,.fd-legacy h3{overflow-wrap:anywhere}.fd-record-author>div{min-width:0}.fd-record-card .wave{min-width:0;flex:1;overflow:hidden}
@media(min-width:768px){.fd-page{max-width:520px;margin:auto}.fd-arena,.fd-compose-body,.fd-steps,.fd-step-labels{max-width:520px;margin-left:auto;margin-right:auto}}
@media(max-width:360px){.fd-person{width:96px}.fd-duel{gap:7px}.fd-arena .fd-person{width:104px}.fd-gifts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.fd-surface,.fd-surface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fd-level i{transform:none!important}}