@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#13212c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #13212c;--muted: #5c6674;--line: rgba(19, 33, 44, .11);--panel: rgba(255, 255, 255, .76);--panel-strong: rgba(255, 255, 255, .92);--panel-soft: rgba(255, 255, 255, .6);--accent: #ff6354;--accent-strong: #ff9b37;--accent-soft: rgba(255, 99, 84, .14);--mint: #159a82;--mint-soft: rgba(21, 154, 130, .14);--sun: #d59617;--sun-soft: rgba(213, 150, 23, .14);--sky: #4d79ff;--sky-soft: rgba(77, 121, 255, .14);--neon-purple: #a93cff;--neon-purple-strong: #7a00ff;--danger: #cc5b69;--shadow: 0 18px 40px rgba(29, 35, 54, .1);--shadow-strong: 0 24px 60px rgba(29, 35, 54, .16);--font-display: "Fraunces", "Georgia", serif;--font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overscroll-behavior:none;background:#0b1220}body{position:relative;isolation:isolate;margin:0;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(135deg,#00e5ff,#09f,#3b5bff,#7a00ff,#f0a,#ff4d4d);background-size:300% 300%;animation:gradientShift 12s ease infinite;color:var(--ink);font-family:var(--font-body);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.6),transparent 40%),radial-gradient(circle at 80% 60%,rgba(0,120,255,.5),transparent 45%);filter:blur(120px);animation:float1 10s ease-in-out infinite alternate;transform:translateZ(0);z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 70% 20%,rgba(200,0,255,.6),transparent 40%),radial-gradient(circle at 30% 80%,rgba(255,0,120,.5),transparent 50%);filter:blur(140px);animation:float2 14s ease-in-out infinite alternate;transform:translateZ(0);z-index:-1}#root{position:relative;z-index:1;width:100vw;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:100%;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-80px,60px,0) scale(1.2)}}@keyframes float2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(70px,-80px,0) scale(1.25)}}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:var(--font-display);letter-spacing:-.03em}p{margin-top:0}.app-shell{position:relative;z-index:0;width:min(1180px,calc(100vw - 24px));height:100%;min-height:100%;margin:0 auto;padding:16px 0 40px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.install-card,.install-card-copy{display:grid;gap:12px}.install-card{margin-bottom:16px;padding:20px;background:linear-gradient(135deg,#fff,#f8faff),radial-gradient(circle at top right,rgba(124,58,237,.1),transparent 42%),radial-gradient(circle at bottom left,rgba(0,229,255,.08),transparent 38%);border-color:#13212c1f}.install-card h2{margin-bottom:0;font-size:clamp(1.45rem,2.2vw,1.9rem)}.install-card p{margin-bottom:0;color:var(--muted)}.install-card-tip,.install-card-status{font-size:.92rem;font-weight:700}.install-card-actions{align-items:center}.notification-banner{display:grid;gap:14px;margin-bottom:16px;background:#fffffffa;color:var(--ink);border-color:#13212c1f}.notification-banner p,.notification-banner strong{display:block}.notification-banner p{margin-bottom:0;color:var(--muted)}.notification-banner code{color:var(--ink);font-weight:700}.notification-banner-actions{align-items:center}.fullscreen-loader-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.fullscreen-loader-content{display:grid;justify-items:center;gap:16px;text-align:center}.fullscreen-loader-logo{width:min(320px,78vw);height:auto}.fullscreen-loader-content p{margin:0;color:var(--muted);font-size:.95rem;font-weight:700;letter-spacing:.02em}.fullscreen-loader-spinner{width:128px;height:128px}.hero,.welcome-shell,.panel-grid,.split-panel,.panel-stack,.home-shell,.home-footer,.friend-list,.home-hub,.home-feed,.game-shell,.game-column,.compact-grid{display:grid;gap:16px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);margin-bottom:18px}.welcome-shell{grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr)}.hero-card,.surface,.audio-card,.list-card,.result-box,.empty-state,.meta-chip{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:24px;background:linear-gradient(135deg,#fffffff2,#ffffffbd),radial-gradient(circle at top right,rgba(255,99,84,.2),transparent 42%),radial-gradient(circle at bottom left,rgba(77,121,255,.14),transparent 36%)}.hero-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hero h1{margin-bottom:10px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.92}.hero p{max-width:60ch;color:var(--muted)}.hero-meta{display:grid;gap:12px;align-content:start}.meta-chip{padding:16px 18px;background:linear-gradient(180deg,#fffffff0,#ffffffc7),var(--panel);display:grid;gap:4px}.meta-chip strong{display:block;margin-bottom:4px}.meta-chip span{color:var(--muted)}.surface{padding:20px}.nested-surface{background:#ffffffad;box-shadow:none}.panel-shell,.panel-stack{gap:18px}.panel-card{padding:18px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-header h2,.section-header h3{margin-bottom:0;font-weight:800}.section-header p{margin-bottom:0;color:var(--muted)}.compact-header{margin-bottom:12px}.eyebrow,.card-kicker,.status-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffffad;border:1px solid var(--line);color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stack{display:grid;gap:16px}.field-grid{display:grid;gap:14px}.field-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field label,.field legend{font-size:.95rem;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid rgba(23,34,41,.14);background:#ffffffeb;border-radius:18px;padding:13px 14px;color:var(--ink);box-shadow:inset 0 1px #ffffffb3}.field input::placeholder,.field textarea::placeholder{color:#89939d}.field textarea{min-height:96px;resize:vertical}.field-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.flex-field{flex:1 1 280px;min-width:0}.helper-text{color:var(--muted);font-size:.92rem}.error-banner,.info-banner{border-radius:18px;padding:12px 14px;border:1px solid transparent;box-shadow:0 10px 24px #18212814}.error-banner{background:#cc5b691f;color:#8e3541;border-color:#cc5b6933}.info-banner{background:#4d79ff1f;color:#244da6;border-color:#4d79ff2e}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row>*{flex:1 1 160px}.hero-actions>*{flex:0 0 auto}.button,.nav-row button,.phrase-chip,.step-card,.home-create-option,.round-list button,.friend-row{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.button,.phrase-chip{min-height:54px;border-radius:16px;border:1px solid transparent;padding:12px 16px;color:var(--ink);font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffeb;box-shadow:0 12px 24px #1b242c14}.button:hover,.phrase-chip:hover,.step-card:hover,.home-create-option:hover,.friend-row:hover,.round-list button:hover,.nav-row button:hover{transform:translateY(-1px)}.button.primary,.nav-row button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong) 68%,#ffd24e);color:#fffdfb;box-shadow:0 16px 30px #ff63543d}.button.secondary{background:linear-gradient(135deg,#2fbf9f29,#2fbf9f14);color:#1d7965;border-color:#2fbf9f3d}.button.comment{background:linear-gradient(135deg,#1b8dff,#7a00ff 52%,#f12cb4),#ffffffeb;color:#fff;border-color:#ffffff5c;box-shadow:0 16px 34px #2b44ff4d,0 0 0 1px #ffffff14 inset;text-shadow:0 1px 12px rgba(0,0,0,.2)}.button.warning{background:linear-gradient(135deg,#ffb64d38,#ffb64d1f);color:#8d5a10;border-color:#ffb64d3d}.button.ghost{background:#ffffffb8;border-color:var(--line)}.button:disabled,.nav-row button:disabled,.phrase-chip:disabled,.round-list button:disabled,.friend-row:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.nav-row,.status-strip{display:none}.home-topbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;margin-bottom:14px}.home-topbar .drawer-toggle,.home-topbar .home-back-button{position:absolute;left:0;top:50%;transform:translateY(-50%)}.home-topbar-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end;min-width:0}.home-topbar-logo{display:block;height:66px;width:auto;max-width:min(420px,calc(100vw - 176px));object-fit:contain}.home-topbar-logo-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-topbar-logo-button:active{background:transparent}.home-topbar-logo-button:focus-visible{outline:2px solid rgba(27,141,255,.9);outline-offset:4px;border-radius:8px}.coin-display{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px 10px 11px;border-radius:999px;border:1px solid rgba(81,239,255,.3);background:linear-gradient(135deg,#07111eeb,#111f35e0),radial-gradient(circle at top left,rgba(0,229,255,.16),transparent 42%),radial-gradient(circle at bottom right,rgba(255,0,170,.16),transparent 46%);color:#f7fbff;box-shadow:0 14px 30px #0b122038,0 0 0 1px #ffffff0a inset,0 0 24px #00e5ff29;white-space:nowrap}.coin-display-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.coin-display-button:hover{transform:translateY(-1px);border-color:#78f5ff7a;box-shadow:0 18px 32px #0b122042,0 0 0 1px #ffffff0d inset,0 0 24px #00e5ff2e}.coin-display-button:focus-visible{outline:2px solid rgba(120,245,255,.92);outline-offset:3px}.coin-icon-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto}.coin-icon{width:100%;height:100%;display:block;filter:drop-shadow(0 0 8px rgba(0,229,255,.45)) drop-shadow(0 0 12px rgba(255,0,170,.22))}.coin-display-value{font-size:.98rem;font-weight:900;letter-spacing:.02em;text-shadow:0 0 16px rgba(0,229,255,.2)}.coin-display-value.is-loading{opacity:.7}.app-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,auto);align-items:start;gap:18px;margin-bottom:14px;padding:20px 22px;background:linear-gradient(135deg,#fffffff0,#ffffffc7),radial-gradient(circle at top right,rgba(255,99,84,.12),transparent 42%),radial-gradient(circle at bottom left,rgba(77,121,255,.1),transparent 36%)}.app-topbar .hero-actions{align-self:start;justify-content:flex-start;width:auto}.app-topbar h1{margin-bottom:8px;font-size:clamp(2.2rem,4vw,3.2rem);line-height:.95}.app-topbar p{margin-bottom:0;max-width:34rem;color:var(--muted)}.app-topbar-side{display:grid;gap:12px;justify-items:end;min-width:min(100%,320px)}.topbar-meta{width:100%;min-width:0}.badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800;border:1px solid transparent;letter-spacing:.03em;text-transform:uppercase}.badge.created{background:#4d79ff1f;color:#244da6;border-color:#4d79ff2e}.badge.waiting_for_attempt,.badge.waiting{background:#ffb64d33;color:#9b6110;border-color:#ffb64d38}.badge.attempted{background:#4d79ff24;color:#244da6;border-color:#4d79ff33}.badge.complete,.badge.cleared{background:#1f7f5924;color:#1c6a4b;border-color:#1f7f5933}.badge.primary{background:#ff635429;color:#9f3f35;border-color:#ff63543d}.badge.easy{background:#1f7f5924;color:#1c6a4b;border-color:#1f7f5933}.badge.medium{background:#ffb64d33;color:#9b6110;border-color:#ffb64d38}.badge.hard{background:#4d79ff24;color:#244da6;border-color:#4d79ff33}.status-badge{white-space:nowrap}.status-badge[data-status=waiting_for_attempt]{background:#ffb64d33;color:#9b6110;border-color:#ffb64d3d}.status-badge[data-status=attempted]{background:#4d79ff24;color:#244da6;border-color:#4d79ff33}.status-badge[data-status=complete]{background:#1f7f5924;color:#1c6a4b;border-color:#1f7f5933}.home-shell{padding:20px;overflow:hidden;position:relative;touch-action:pan-y}.home-refresh-indicator{align-items:center;color:var(--muted);display:inline-flex;font-size:.78rem;font-weight:700;gap:8px;left:50%;letter-spacing:.02em;opacity:0;pointer-events:none;position:absolute;top:8px;transform:translate(-50%);transition:opacity .18s ease}.home-refresh-content{transition:transform .18s ease}.home-shell.has-pull .home-refresh-indicator,.home-refresh-indicator.is-refreshing{opacity:1}.home-refresh-icon{height:1rem;width:1rem}.home-refresh-indicator.is-refreshing .home-refresh-icon{animation:home-refresh-spin .8s linear infinite reverse}@keyframes home-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.home-panel-header h2{margin-bottom:0;flex:1 1 auto}.home-leaderboards-button{flex:0 0 auto}.home-games-section{display:grid;gap:0}.campaign-home-banner{position:relative;display:block;width:100%;margin-bottom:18px;padding:0;border:0;border-radius:30px;text-align:left;background:transparent;box-shadow:none;overflow:hidden}.campaign-home-banner-image{display:block;width:100%;aspect-ratio:16 / 9;border-radius:30px;border:0;background-position:right center;background-repeat:no-repeat;background-size:cover}.campaign-home-banner-play-button{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-height:46px;padding:10px 18px;border-radius:16px;display:inline-flex;align-items:center;gap:8px;justify-content:center;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-purple-strong) 100%);box-shadow:0 16px 30px #7a00ff5c;pointer-events:none}.campaign-home-banner-play-button .game-action-icon{width:1rem;height:1rem}.home-empty{padding:22px;border:1px dashed rgba(23,34,41,.18);color:var(--muted);text-align:left;background:linear-gradient(180deg,#ffffffc2,#ffffff94),#ffffffb3}.home-empty h3{margin-bottom:8px}.home-empty p{max-width:36rem;margin-bottom:0}.home-footer{gap:12px;align-items:center}.game-list{display:grid;gap:12px}.game-row{width:100%;border:1px solid rgba(23,34,41,.1);padding:18px 20px;text-align:left;background:linear-gradient(180deg,#fffffff5,#ffffffd1),#ffffffdb;border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.game-row-main{min-width:0;display:grid;gap:4px}.game-row-copy{min-width:0}.game-row-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;color:#7c3cff}.game-row-helper{margin:6px 0 0;color:var(--muted);font-size:.9rem;font-weight:700}.game-score{display:grid;gap:2px;min-width:0;justify-items:start;text-align:left}.game-score-label{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.game-score-value{font-size:.86rem;font-weight:700;color:var(--muted)}.star-rating{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.star-rating-large{gap:12px}.star-rating-star{display:inline-grid;place-items:center;transform-origin:center bottom;will-change:transform,opacity,filter}.star-rating-icon{width:36px;height:36px;flex:0 0 auto}.star-rating-large .star-rating-icon{width:54px;height:54px}.star-rating-empty{fill:#242538;stroke:#5b5f84;stroke-width:1.3;opacity:.75}.star-rating-fill{transform-origin:center}.thread-average-score{display:grid;gap:8px;margin-bottom:12px}.thread-average-score span{color:var(--muted);font-size:.9rem;font-weight:700}.game-actions{display:flex;gap:8px;justify-content:flex-end;justify-self:end;align-self:center;min-width:0}.game-action-button{flex:0 0 auto;white-space:nowrap}.game-chat-button{position:relative;flex:0 0 auto;width:44px;min-width:44px;height:44px;padding:0;border-radius:16px;color:#0f766e;background:linear-gradient(135deg,#14b8a629,#ffd1662e);border-color:#0f766e2e;box-shadow:0 12px 24px #0f766e1f}.game-chat-button.has-unread{color:#fffdfb;background:linear-gradient(135deg,#f12cb4,#7a00ff 58%,#1b8dff);border-color:#ffffff5c;box-shadow:0 14px 28px #7a00ff3d}.game-chat-button .game-action-icon{width:18px;height:18px}.game-chat-unread-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border:2px solid #fffdfb;border-radius:999px;background:#ff6354;color:#fff;font-size:.68rem;font-weight:1000;line-height:1;box-shadow:0 8px 16px #ff635447}.game-request-actions{justify-content:flex-end}.game-request-actions>*{flex:0 1 auto;min-width:110px}.game-row-status{align-self:center}.game-action-button-their-turn{background:linear-gradient(135deg,var(--accent),var(--accent-strong) 68%,#ffd24e);color:#fffdfb;box-shadow:0 16px 30px #ff63543d}.game-action-icon{width:14px;height:14px;flex:0 0 auto}.game-action-button-take-turn{background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-purple-strong) 100%);border-color:#7a00ff6b;box-shadow:0 14px 28px #7a00ff57;color:#fff}.home-create-picker{display:grid;gap:12px;padding:16px}.home-create-picker h3{margin-bottom:0}.home-create-options{display:grid;gap:10px}.home-create-option{width:100%;min-height:54px;padding:12px 14px;border-radius:18px;border:1px solid rgba(23,34,41,.1);background:linear-gradient(180deg,#fffffff2,#ffffffd6),#ffffffe0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.home-create-option span:last-child{color:var(--muted);font-size:.84rem;font-weight:700}.friend-card{align-items:center;gap:12px}.friend-card .helper-text{margin-bottom:0}.field-row,.list-card,.audio-card-head,.focus-card-head,.focus-card-body,.round-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.list-card{padding:14px 16px;background:linear-gradient(180deg,#fffffff2,#ffffffd6);border-radius:20px}.list-card p{margin-bottom:0;margin-top:4px}.round-list{display:grid;gap:12px}.round-list button{width:100%;border:1px solid rgba(23,34,41,.1);padding:16px;text-align:left;background:linear-gradient(180deg,#fffffff2,#ffffffd1);border-radius:22px}.round-list button.selected{border-color:#ff63544d;box-shadow:0 16px 34px #ea5b471f}.result-box{padding:18px;background:linear-gradient(135deg,#fffffff7,#fffc),var(--panel)}.result-box p:last-child{margin-bottom:0}.score-mark{margin-bottom:4px;font-size:2.2rem;line-height:1;color:var(--accent);font-weight:900}.score-mark.tone-pending{color:var(--accent)}.score-mark.tone-zero{color:#9a6670}.score-mark.tone-one{color:#b67a17}.score-mark.tone-two{color:#3f72d3}.score-mark.tone-three{color:#18886c}.reward-status-box{display:grid;gap:14px;background:linear-gradient(145deg,#fffaedfa,#fff4d6e6),radial-gradient(circle at top right,rgba(255,179,0,.18),transparent 42%);border:1px solid rgba(186,117,12,.12)}.reward-status-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.reward-status-header p,.reward-status-box p{margin-bottom:0}.reward-status-metrics{display:flex;flex-wrap:wrap;gap:8px}.reward-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(186,117,12,.14);color:#704008;font-size:.84rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.reward-status-note{color:#7a5322;font-size:.92rem}.reward-sequence-inline{position:relative;display:grid;gap:0;isolation:isolate}.reward-sequence-inline.is-shaking{animation:reward-screen-shake .44s ease-out}.reward-sequence-card{width:100%;display:grid;gap:26px;justify-items:center;padding:28px 24px;border-radius:30px;border:1px solid rgba(255,219,128,.34);background:linear-gradient(160deg,#111b2ff5,#162238eb),radial-gradient(circle at top left,rgba(255,205,78,.22),transparent 38%),radial-gradient(circle at bottom right,rgba(0,229,255,.12),transparent 34%);color:#f6fbff;text-align:center;box-shadow:0 22px 48px #060b1442,0 0 0 1px #ffffff0a inset}.reward-sequence-hero{width:100%;display:grid;justify-items:center;gap:22px}.reward-sequence-stars{display:grid;justify-items:center;align-items:center;min-height:clamp(118px,20vw,168px)}.reward-sequence-stars .star-rating-large{justify-content:center;gap:clamp(16px,3vw,26px)}.reward-sequence-stars .star-rating-large .star-rating-icon{width:clamp(84px,15vw,126px);height:clamp(84px,15vw,126px)}.reward-sequence-difficulty{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(50px,8vw,72px);margin-top:-6px;padding:0 12px;border:0;border-radius:0;background:transparent;color:#fff0b8;font-size:clamp(1.1rem,3.6vw,1.95rem);font-weight:900;letter-spacing:.22em;text-transform:uppercase;box-shadow:none;text-shadow:0 0 18px rgba(255,199,75,.32),0 14px 26px rgba(0,0,0,.24)}.reward-sequence-coins{display:inline-flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,24px);padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;transform-origin:center;transition:transform .28s ease-out}.reward-sequence-reward-row{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px}.reward-sequence-coin-icon-anchor{display:inline-flex;align-items:center;justify-content:center;width:clamp(54px,10vw,80px);height:clamp(54px,10vw,80px);flex:0 0 auto}.reward-sequence-coin-icon{width:100%;height:100%;display:block;filter:drop-shadow(0 0 14px rgba(255,217,107,.42)) drop-shadow(0 0 24px rgba(0,229,255,.18))}.reward-sequence-coin-value{font-size:clamp(2.8rem,10vw,5.4rem);line-height:.88;font-weight:900;font-variant-numeric:tabular-nums;color:#fff7ca;text-shadow:0 0 24px rgba(255,217,107,.24),0 14px 26px rgba(0,0,0,.22)}.reward-sequence-bonus{display:inline-flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,24px)}.reward-sequence-bonus-icon-anchor{width:clamp(54px,10vw,80px);height:clamp(54px,10vw,80px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.reward-sequence-bonus-icon{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,217,107,.24)) drop-shadow(0 0 24px rgba(0,229,255,.12))}.reward-sequence-bonus-value{font-size:clamp(2rem,8vw,3.5rem);line-height:.9;font-weight:900;color:#fff7ca;text-shadow:0 0 20px rgba(255,217,107,.18),0 12px 20px rgba(0,0,0,.18)}.reward-sequence-extra{width:100%;display:grid;gap:12px}.reward-sequence-extra .audio-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.reward-sequence-extra .audio-card h4{color:#f6fbff}.reward-sequence-extra .audio-card p{color:#f4eaccd1}.reward-sequence-extra .audio-card-player-wrap{justify-content:center;padding:4px 0 0}.reward-guess-replay-stage{display:grid;gap:10px;text-align:center}.reward-guess-replay-stage>p{margin:0;color:#6f7480;font-size:.86rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.reward-reveal-details{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.reward-reveal-detail{max-width:100%;min-height:32px;margin:0;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0f;color:#f6fbffe0;font-size:.88rem}.reward-reveal-detail span{color:#fff0b8b8;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.reward-reveal-detail strong{min-width:0;color:#f6fbff;font-weight:900}.reward-reveal-detail.is-guess strong{max-width:min(44ch,62vw);overflow-wrap:anywhere}.reward-review-stack{width:100%;display:grid;gap:26px;justify-items:center}.reward-review-block{width:100%;display:grid;gap:14px;justify-items:center}.reward-review-line{margin:0;color:#f4eacce6;font-size:clamp(2.05rem,6.1vw,2.85rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;text-align:center;text-wrap:balance}.reward-review-label{display:block}.reward-review-phrase{display:block;margin-top:.34em;background:linear-gradient(135deg,#8fc3ff,#7790ff 44%,#8d6bff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px rgba(62,102,255,.18))}.reward-review-line strong:not(.reward-review-phrase){color:#f6fbff}.reward-review-line-guess{color:#fff0b8}.reward-review-block .guess-phrase-grid-final{max-width:620px;margin-top:2px}.reward-review-playback{min-height:92px;display:grid;place-items:center}.reward-review-empty{margin:0}.round-reaction-create{display:grid;gap:12px}.round-reaction-playback-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.round-reaction-thread{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-width:0}.round-reaction-bubble{position:relative;width:min(280px,100%);min-width:min(220px,100%);padding:12px 14px;border-radius:18px 18px 18px 6px;background:linear-gradient(145deg,#fffffffa,#f2fbfff0),#fffffff5;border:1px solid rgba(255,255,255,.24);color:#17222b;box-shadow:0 14px 30px #050c1629;text-align:left}.round-reaction-bubble:before{content:"";position:absolute;left:-7px;bottom:12px;width:14px;height:14px;background:#f7fcfffa;clip-path:polygon(100% 0,0 100%,100% 100%)}.round-reaction-bubble-kicker{display:block;margin-bottom:4px;color:#44606f;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.round-reaction-bubble p{margin:0;color:#17222b;font-size:.98rem;font-weight:800;line-height:1.32;overflow-wrap:anywhere;white-space:pre-wrap}.round-reaction-composer{width:min(520px,100%);display:grid;gap:12px;justify-self:center;text-align:left}.round-reaction-composer .field label{color:#f4eacce6}.round-reaction-composer textarea{min-height:92px;border-color:#ffffff2e;background:#fffffff5}.round-reaction-composer-light{justify-self:stretch}.round-reaction-composer-light .field label{color:var(--ink)}.round-reaction-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.round-reaction-composer-footer>span{color:#f4eaccb8;font-size:.84rem;font-weight:800}.round-reaction-composer-light .round-reaction-composer-footer>span{color:var(--muted)}.round-reaction-composer-footer .button-row{flex:1 1 260px;justify-content:flex-end}.round-reaction-composer-footer .button-row>*{flex:0 1 160px}.reward-status-shell{display:grid;gap:14px;place-items:center;text-align:center}.reward-status-shell p{margin:0}.reward-loading-shell{min-height:clamp(520px,72dvh,860px);display:grid;place-items:center;align-content:center;justify-items:center;gap:16px;text-align:center}.reward-loading-shell p{margin:0;color:#f4eacce6;font-size:1rem;font-weight:900;letter-spacing:.08em;text-transform:lowercase}.reward-loading-spinner{width:136px;height:136px}.reward-sequence-total{display:grid;gap:4px;padding:14px 16px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.reward-sequence-total-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4eaccad}.reward-sequence-total-value{font-size:clamp(1.2rem,4vw,1.7rem);font-weight:900;color:#fff7ca}.reward-sequence-total-gain{color:#aff6ffe6;font-size:.9rem;font-weight:700}.reward-sequence-target{position:fixed;inset:0 auto auto 0;border-radius:999px;border:2px solid rgba(255,217,107,.9);box-shadow:0 0 0 8px #ffd96b1f,0 0 22px #ffd96b59;animation:reward-target-pulse .84s ease-out infinite alternate;pointer-events:none}.reward-coin-particle{position:fixed;inset:0 auto auto 0;z-index:121;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,217,107,.4)) drop-shadow(0 0 18px rgba(0,229,255,.2));will-change:transform,opacity}.reward-claiming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:119;display:grid;place-items:center;padding:24px 18px;background:#080e1738;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reward-claiming-card{width:min(360px,calc(100vw - 40px));padding:18px 20px;border-radius:22px;background:linear-gradient(145deg,#fffffff5,#fffbf1eb),#ffffffeb;box-shadow:0 18px 40px #080e1724;text-align:center}.reward-claiming-card p{margin-bottom:0;color:var(--muted)}@keyframes reward-screen-shake{0%{transform:translateZ(0)}25%{transform:translate3d(-8px,0,0)}50%{transform:translate3d(8px,0,0)}75%{transform:translate3d(-4px,0,0)}to{transform:translateZ(0)}}@keyframes reward-target-pulse{0%{opacity:.78}to{opacity:1}}.progress-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.progress-pill{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:20px;border:1px solid rgba(20,33,43,.08);background:#ffffffc7}.progress-pill strong,.progress-pill span{display:block}.progress-pill span{color:var(--muted);font-size:.88rem}.progress-pill-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;font-weight:900;background:#14212b0f}.progress-pill-active{border-color:#ff635438;background:linear-gradient(135deg,#ff635424,#ffffffe0),#ffffffeb}.progress-pill-active .progress-pill-number{background:linear-gradient(135deg,#ff63543d,#ffbf3b42)}.progress-pill-done{border-color:#159a8233;background:linear-gradient(135deg,#159a8224,#ffffffe6),#ffffffeb}.progress-pill-done .progress-pill-number{background:linear-gradient(135deg,#159a8238,#4d79ff29)}.round-stage-shell{gap:14px}.round-screen{min-height:calc(100dvh - 178px);display:grid;grid-template-rows:auto 1fr auto;gap:18px;background:linear-gradient(145deg,#fffffffa,#ffffffd1),radial-gradient(circle at top right,rgba(77,121,255,.12),transparent 36%)}.inventory-screen{background:linear-gradient(145deg,#fffffffa,#fffaf0e0),radial-gradient(circle at top right,rgba(255,196,83,.16),transparent 34%)}.inventory-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-card{display:grid;gap:14px;padding:18px 12px 16px;border-radius:22px;background:linear-gradient(145deg,#fffffffa,#f8fcffeb),#fffffff5;border:1px solid rgba(19,33,44,.08);box-shadow:0 18px 34px #101e2d14;text-align:center}.inventory-card-primary{background:linear-gradient(145deg,#fff9e2fa,#f2fbfff0),#fffffffa}.inventory-card-top{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.inventory-card h3{margin-bottom:0;font-size:.94rem;line-height:1.1;text-transform:uppercase;letter-spacing:.08em;color:#1f2937b8}.inventory-card-icon{width:64px;height:64px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;box-shadow:inset 0 1px #fffc,0 12px 24px #101e2d1a}.inventory-card-icon img{width:48px;height:48px;object-fit:contain}.inventory-card-amount{font-size:clamp(1.4rem,5vw,2.1rem);line-height:1;font-weight:900;min-width:0}.round-screen-reward{min-height:auto;gap:0;background:transparent}.round-screen-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start}.round-screen-copy{display:grid;gap:8px}.round-screen-copy h2{margin-bottom:0}.round-screen-copy p{margin-bottom:0;color:var(--muted)}.round-screen-meta{justify-content:end;align-content:start}.round-screen-back{min-width:84px}.round-screen-body{min-height:0;display:grid;align-content:start}.round-screen-step{display:grid;gap:16px;align-content:start}.round-prompt-meta-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(19,33,44,.08);border-radius:20px;background:linear-gradient(135deg,#fffffff5,#f6faffd1),radial-gradient(circle at top right,rgba(77,121,255,.1),transparent 42%);box-shadow:0 12px 26px #17222914}.round-prompt-pack-icon{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;overflow:hidden;border:1px solid rgba(77,121,255,.18);border-radius:18px;background:radial-gradient(circle at 50% 24%,#fffffffa,#fff2cbeb),#ffffffeb;box-shadow:inset 0 -10px 18px #ffb62d1f}.round-prompt-pack-icon img{display:block;width:100%;height:100%;padding:6px;object-fit:contain}.round-prompt-pack-icon span{color:#244da6;font-size:1rem;font-weight:1000;letter-spacing:.02em}.round-prompt-meta-copy{display:grid;gap:3px;flex:1 1 auto;min-width:0}.round-prompt-meta-label{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase}.round-prompt-meta-name{color:var(--ink);font-size:1rem;line-height:1.18;overflow-wrap:anywhere}.round-prompt-difficulty{flex:0 0 auto;white-space:nowrap}.app-shell:has(.round-listen-screen){width:min(430px,calc(100vw - 24px));height:100%;max-height:100%;padding:22px 18px 20px;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}.app-shell:has(.round-listen-screen) .home-topbar{min-height:58px;margin-bottom:clamp(38px,7dvh,76px)}.app-shell:has(.round-listen-screen) .home-topbar-logo{height:54px;max-width:min(210px,calc(100vw - 176px))}.app-shell:has(.round-listen-screen) .coin-display{min-height:48px;padding:9px 15px 9px 10px;border-color:#ffffff29;background:linear-gradient(135deg,#080e2a,#101a3f);box-shadow:0 12px 28px #090e2a38}.surface.round-listen-screen{min-height:auto;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.round-listen-screen .round-screen-body,.round-listen-screen .round-screen-step{display:grid;gap:18px}.round-listen-screen .round-prompt-meta-card,.round-listen-audio-card{border:1px solid rgba(255,255,255,.78);border-radius:24px;background:#fffffff0;box-shadow:0 18px 40px #2c223e14}.round-listen-screen .round-prompt-meta-card{min-height:96px;padding:18px 24px;gap:16px}.round-listen-screen .round-prompt-pack-icon{width:58px;height:58px;border:0;border-radius:18px;background:transparent;box-shadow:none}.round-listen-screen .round-prompt-pack-icon img{padding:0}.round-listen-screen .round-prompt-pack-icon span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ff63542e,#a93cff29)}.round-listen-screen .round-prompt-meta-label{display:none}.round-listen-screen .round-prompt-meta-name{color:#151a31;font-size:1.13rem;font-weight:900;letter-spacing:0}.round-listen-screen .round-prompt-difficulty{min-height:34px;padding:7px 12px;font-size:.82rem}.round-listen-audio-card{height:clamp(320px,40dvh,390px);min-height:0;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:26px 24px 24px;text-align:center}.round-listen-audio-card h3{max-width:260px;margin:0;color:#151a31;font-family:var(--font-body);font-size:1.42rem;font-weight:1000;letter-spacing:0;line-height:1.22}.round-listen-player-wrap{position:relative;display:grid;place-items:center;width:174px;height:174px}.round-listen-player-wrap:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.round-listen-player-wrap:before{top:8px;right:8px;bottom:8px;left:8px;border:8px solid rgba(255,64,184,.08)}.round-listen-play-button{z-index:1;filter:drop-shadow(0 16px 32px rgba(255,87,83,.26))}.round-listen-spend-coin{position:fixed;inset:0 auto auto 0;z-index:122;pointer-events:none;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,217,107,.44)) drop-shadow(0 0 18px rgba(255,120,0,.22));will-change:transform,opacity}.round-listen-audio-loading{display:grid;justify-items:center;gap:12px;color:#8b3cff;font-size:.94rem;font-weight:900}.round-listen-audio-spinner{width:112px;height:112px}.round-listen-free-listens{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#8b3cff;font-size:1rem;font-weight:900}.round-listen-free-listens span{font-size:1.45rem;line-height:1}.round-listen-paid-replay{display:inline-flex;align-items:center;gap:6px}.round-listen-paid-replay img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(255,144,0,.22))}.round-listen-screen .round-screen-footer{margin-top:12px}.round-listen-screen .round-screen-footer .button-row>*{flex:1 1 100%}.round-listen-screen .round-screen-footer .button.primary{min-height:76px;border-radius:22px;background:linear-gradient(135deg,#ff2ea6,#ff4f55 52%,#ff9629);color:#fff;font-size:1.46rem;font-weight:1000;box-shadow:0 18px 34px #ff505842}.reward-stage-step{min-height:clamp(520px,72dvh,860px);align-content:start}.reward-result-box{background:linear-gradient(145deg,#fffffffc,#f4f8ffe6),radial-gradient(circle at top right,rgba(77,121,255,.1),transparent 40%)}.round-screen-summary{background:linear-gradient(145deg,#fffffffa,#fff4f8e6),#ffffffeb}.round-screen-helper{margin-top:-4px}.round-loader-callout{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(19,33,44,.08);border-radius:20px;background:linear-gradient(135deg,#fffffff5,#f6faffd1),#ffffffb8}.round-loader-callout strong{display:block;margin-bottom:4px}.round-loader-callout p{margin:0;color:var(--muted)}.round-loader-callout-spinner{width:82px;height:82px;flex:0 0 auto}.round-record-actions{align-items:flex-start}.round-record-button-stack{display:grid;gap:12px;justify-items:center;align-self:center}.record-button-shell.is-disabled{opacity:.64;pointer-events:none}.record-button{width:144px;height:144px;min-height:144px}.record-button-status{display:grid;gap:4px;justify-items:center;text-align:center}.record-button-timer{font-size:1.4rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;color:#8d1010}.record-button-message{font-size:.92rem;font-weight:800;color:var(--muted);letter-spacing:.02em}.guess-board{position:relative;display:grid;align-items:center;justify-items:center;overflow:hidden;padding:22px 14px;border:1px solid rgba(19,33,44,.1);border-radius:22px;background:linear-gradient(145deg,#fffffffa,#f4f8ffe6),#fffffff0;box-shadow:0 16px 34px #101e2d14;cursor:text;outline:none}.guess-board:focus,.guess-board:focus-within{border-color:#4d79ff85;box-shadow:0 16px 34px #101e2d14,0 0 0 4px #4d79ff1f}.guess-board.is-disabled{cursor:default}.guess-board-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;border-radius:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:.01;outline:none;pointer-events:none;-webkit-text-fill-color:transparent;touch-action:manipulation}.guess-board-input:disabled{pointer-events:none}.guess-phrase-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;width:100%;max-width:520px;line-height:1}.guess-phrase-word{display:inline-flex;flex:0 1 auto;flex-wrap:wrap;gap:inherit;max-width:100%;min-width:0}.guess-phrase-cell{display:inline-grid;place-items:center;width:34px;height:42px;border:2px solid rgba(83,92,116,.22);border-radius:8px;background:#ffffffd1;color:#535c74cc;font-family:var(--font-body);font-size:1.18rem;font-weight:1000;text-transform:uppercase;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.guess-phrase-cell.is-active{border-color:#4d79ffb8;box-shadow:0 0 0 4px #4d79ff1f}.guess-phrase-cell.is-selectable{cursor:text}.guess-phrase-cell.is-correct{border-color:#17895d57;background:#e2f8ec;color:#11683f;box-shadow:0 10px 18px #11683f1a;transform:translateY(-1px)}.guess-phrase-cell.is-mistake{border-color:#cf33425c;background:#ffe5e8;color:#a31726;box-shadow:0 10px 18px #a317261a}.guess-phrase-cell.is-mistake.is-shaking{animation:guess-cell-shake .36s ease}.guess-phrase-fixed-char{display:inline-grid;place-items:center;min-width:14px;height:42px;color:#535c74c7;font-size:1.28rem;font-weight:900;line-height:1}.guess-phrase-space{flex:0 0 10px;height:42px}.guess-replay-card{min-height:360px;display:grid;place-items:center;padding:34px 18px;border:1px solid rgba(255,219,128,.26);border-radius:30px;background:linear-gradient(160deg,#111b2ff5,#162238eb),radial-gradient(circle at top left,rgba(255,205,78,.16),transparent 38%);box-shadow:0 22px 48px #060b143d}.guess-replay-card .guess-phrase-grid{max-width:620px}.guess-replay-card .guess-phrase-cell{border-color:#ffffff2e;background:#ffffff14;color:#f6fbffc2}.guess-replay-card .guess-phrase-cell.is-active{border-color:#fff0b8b8;box-shadow:0 0 0 4px #fff0b81f}.guess-replay-card .guess-phrase-cell.is-correct{border-color:#6cf0a26b;background:#54d88b33;color:#aaf4cc}.guess-replay-card .guess-phrase-cell.is-mistake{border-color:#ff7a8a7a;background:#ff5b6f38;color:#ffc0c7}.guess-replay-card .guess-phrase-fixed-char{color:#f6fbffc7}.round-guess-step{justify-items:center;gap:clamp(14px,3vw,20px)}.round-guess-step>.audio-card{width:min(100%,430px);border-radius:26px}.round-guess-step>.guess-board{width:min(100%,560px);min-height:clamp(96px,18dvh,132px);padding:clamp(18px,4vw,26px) clamp(12px,4vw,22px);border-radius:28px}@keyframes guess-cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.round-screen-footer{display:grid;gap:12px}.round-screen-body-with-floating-footer{padding-bottom:clamp(124px,18vw,164px)}.round-screen-footer-floating{position:fixed;left:50%;bottom:max(14px,calc(10px + env(safe-area-inset-bottom)));z-index:12;width:min(720px,calc(100vw - 28px));transform:translate(-50%);padding:0;border-radius:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.round-screen-footer-floating .button-row{margin:0}.round-screen-footer-floating .button-row>*{flex:1 1 100%}.round-screen-footer-floating .button{width:100%;min-height:58px;border-radius:999px}.app-shell:has(.chat-thread-shell){width:min(860px,calc(100vw - 24px));padding:16px 0 40px;background:transparent}.app-shell:has(.chat-thread-shell) .home-topbar{display:none}.app-shell:has(.chat-thread-shell) .stack{gap:0}.chat-thread-shell{height:calc(100dvh - 56px);min-height:min(760px,calc(100dvh - 56px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#fffffff5,#ffffffc7),radial-gradient(circle at top right,rgba(255,99,84,.18),transparent 42%),radial-gradient(circle at bottom left,rgba(77,121,255,.12),transparent 36%),var(--panel);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-thread-header{display:grid;grid-template-columns:48px auto minmax(0,1fr);align-items:center;gap:14px;padding:28px clamp(18px,4vw,34px) 18px;background:#ffffff57;border-bottom:1px solid rgba(19,33,44,.08)}.chat-thread-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:var(--ink);box-shadow:0 12px 24px #1b242c14;cursor:pointer}.chat-thread-back svg{display:block;width:30px;height:30px}.chat-thread-back:focus-visible{outline:2px solid rgba(27,141,255,.9);outline-offset:2px}.chat-thread-avatar-wrap{position:relative;width:66px;height:66px}.chat-thread-avatar{display:grid;place-items:center;width:66px;height:66px;border-radius:999px;color:#053b36;font-size:1.45rem;font-weight:1000;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.78),transparent 26%),linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 52%,var(--mint) 100%);box-shadow:0 14px 28px #ff63542e}.chat-thread-presence-dot{position:absolute;right:-1px;bottom:4px;width:19px;height:19px;border:4px solid rgba(255,255,255,.92);border-radius:999px;background:var(--mint)}.chat-thread-title{min-width:0}.chat-thread-title h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.28rem);font-weight:800;letter-spacing:-.03em;line-height:1.02;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-body{min-height:0;display:flex;flex-direction:column;gap:17px;overflow-y:auto;padding:18px clamp(24px,5vw,46px) 24px;background:transparent;-webkit-overflow-scrolling:touch}.chat-date-divider{align-self:center;margin:4px 0 8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff94;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chat-loading,.chat-empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.chat-empty-state{padding:28px 18px}.chat-empty-state .chat-thread-icon{width:44px;height:44px;color:#0f766e}.chat-empty-state strong,.chat-loading strong{color:var(--ink)}.chat-empty-state p{max-width:320px;margin:0}.chat-bubble-row{display:flex}.chat-bubble-row.is-outgoing{justify-content:flex-end}.chat-bubble-row.is-incoming{justify-content:flex-start}.chat-message-frame{width:min(74%,560px);display:grid;gap:7px}.chat-bubble-row.is-outgoing .chat-message-frame{justify-items:end}.chat-bubble-row.is-incoming .chat-message-frame{justify-items:start}.chat-bubble-topline{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.86rem;font-weight:800;letter-spacing:0}.chat-bubble-topline time{color:var(--muted);font-weight:700}.chat-bubble-row.is-outgoing .chat-bubble-topline{justify-content:flex-end;color:var(--accent)}.chat-bubble{position:relative;width:100%;display:grid;gap:10px;padding:15px 18px;border:1px solid rgba(255,255,255,.22);border-radius:28px;color:var(--ink);box-shadow:var(--shadow)}.chat-bubble:after{content:none;position:absolute;bottom:7px;width:16px;height:16px;background:inherit;border-radius:4px;transform:rotate(45deg)}.chat-bubble-row.is-outgoing .chat-bubble{border-bottom-right-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-strong) 68%,#ffd24e);color:#fffdfb;box-shadow:0 16px 30px #ff63543d}.chat-bubble-row.is-outgoing .chat-bubble:after{right:-5px}.chat-bubble.is-waiting_for_attempt{width:fit-content;max-width:100%;min-width:88px;padding:12px 15px;border-radius:28px}.chat-bubble.is-waiting_for_attempt:after{content:none}.chat-bubble.is-waiting_for_attempt .audio-card{min-height:60px;gap:0}.chat-bubble.is-waiting_for_attempt .audio-card:after{content:none}.chat-bubble.is-audio-only{width:fit-content;max-width:100%;min-width:88px;padding:12px 15px;border-radius:28px}.chat-bubble.is-audio-only:after{content:none}.chat-bubble.is-audio-only .audio-card{justify-content:center;min-height:60px;gap:0}.chat-bubble.is-audio-only .audio-card:after{content:none}.chat-bubble.is-prompt-with-text{width:fit-content;max-width:min(100%,430px);min-width:0;padding:8px 11px}.chat-bubble.is-prompt-with-text .chat-bubble-stack{width:fit-content;max-width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}.chat-bubble.is-prompt-with-text .audio-card{min-height:0}.chat-bubble.is-prompt-with-text .audio-card-player{flex-basis:30px;width:30px;height:30px;min-height:30px;filter:drop-shadow(0 6px 10px rgba(27,36,44,.1))}.chat-bubble.is-prompt-with-text .chat-transcript{min-width:0}.chat-bubble.is-text-only{width:fit-content;max-width:100%;padding:13px 16px;border-radius:22px}.chat-bubble.is-text-only:after{content:none}.chat-bubble-row.is-incoming .chat-bubble{border-bottom-left-radius:8px;background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-purple-strong) 100%);color:#fff;box-shadow:0 14px 28px #7a00ff47}.chat-bubble-row.is-incoming .chat-bubble:after{left:-5px}.chat-bubble.is-complete,.chat-bubble.is-collapsed{border-color:#ba750c1f;background:linear-gradient(145deg,#fffaedfa,#fff4d6e6),radial-gradient(circle at top right,rgba(255,179,0,.18),transparent 42%);color:var(--ink)}.chat-bubble.is-collapsed,.chat-bubble.is-guess-only{width:fit-content;max-width:100%;padding:13px 16px;border-radius:22px}.chat-bubble.is-guess-only:after{content:none}.chat-bubble.is-guess-playback-combo{width:fit-content;max-width:min(100%,420px);min-width:0;padding:7px 10px;border-radius:20px}.chat-bubble.is-guess-playback-combo:after{content:none}.chat-guess-playback-combo{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}.chat-attempt-playback-pair{flex:0 0 auto;display:flex;align-items:center;gap:6px}.chat-bubble .chat-guess-playback-combo .audio-card{flex:0 0 auto;min-height:0}.chat-bubble .chat-guess-playback-combo .audio-card-player{flex-basis:30px;width:30px;height:30px;min-height:30px}.chat-bubble .chat-guess-playback-combo .guess-replay-card{flex:0 1 auto;min-width:0}.chat-bubble .chat-guess-playback-combo .guess-phrase-grid{width:auto;max-width:100%;justify-content:flex-start;align-items:center;gap:1px 4px}.chat-bubble .chat-guess-playback-combo .guess-phrase-space{flex-basis:6px;height:19px}.chat-bubble .chat-guess-playback-combo .guess-phrase-cell{width:15px;height:19px;border-radius:5px;font-size:.54rem}.chat-bubble .chat-guess-playback-combo .guess-phrase-fixed-char{min-width:6px;height:19px;font-size:.66rem}.chat-bubble-stack{display:grid;gap:10px;min-width:0;max-width:100%}.chat-bubble .audio-card{position:relative;display:flex;align-items:center;gap:14px;min-height:70px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:inherit}.chat-bubble .audio-card-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chat-bubble .audio-card-player-wrap{flex:0 0 auto;padding:0}.chat-bubble .audio-card:after{content:none;flex:1 1 auto;min-width:0;height:46px;opacity:.88;background:linear-gradient(currentColor,currentColor) 0 50% / 3px 10px no-repeat,linear-gradient(currentColor,currentColor) 5% 50% / 3px 20px no-repeat,linear-gradient(currentColor,currentColor) 10% 50% / 3px 31px no-repeat,linear-gradient(currentColor,currentColor) 15% 50% / 3px 40px no-repeat,linear-gradient(currentColor,currentColor) 20% 50% / 3px 27px no-repeat,linear-gradient(currentColor,currentColor) 25% 50% / 3px 15px no-repeat,linear-gradient(currentColor,currentColor) 30% 50% / 3px 25px no-repeat,linear-gradient(currentColor,currentColor) 35% 50% / 3px 35px no-repeat,linear-gradient(currentColor,currentColor) 40% 50% / 3px 19px no-repeat,linear-gradient(currentColor,currentColor) 45% 50% / 3px 12px no-repeat,linear-gradient(currentColor,currentColor) 50% 50% / 3px 44px no-repeat,linear-gradient(currentColor,currentColor) 55% 50% / 3px 32px no-repeat,linear-gradient(currentColor,currentColor) 60% 50% / 3px 18px no-repeat,linear-gradient(currentColor,currentColor) 65% 50% / 3px 27px no-repeat,linear-gradient(currentColor,currentColor) 70% 50% / 3px 38px no-repeat,linear-gradient(currentColor,currentColor) 75% 50% / 3px 24px no-repeat,linear-gradient(currentColor,currentColor) 80% 50% / 3px 14px no-repeat,linear-gradient(currentColor,currentColor) 85% 50% / 3px 30px no-repeat,linear-gradient(currentColor,currentColor) 90% 50% / 3px 21px no-repeat,linear-gradient(currentColor,currentColor) 95% 50% / 3px 12px no-repeat;border-radius:999px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12))}.chat-bubble .audio-card:has(.empty-state):after{content:none}.chat-bubble .audio-card-player{flex:0 0 60px;width:60px;height:60px;min-height:60px;border-radius:999px;background:#fffffff5;filter:drop-shadow(0 10px 18px rgba(27,36,44,.12))}.chat-bubble .audio-card-player .waveform-play-button-svg{width:100%;height:100%}.chat-bubble-row.is-incoming .audio-card-player{background:#fffffff5}.chat-bubble-row.is-outgoing .audio-card-player{background:#fffffffa}.chat-bubble .empty-state{min-height:58px;padding:14px;border-radius:22px;background:#ffffff47;color:inherit;box-shadow:none}.chat-reveal-line,.chat-transcript{margin:0;max-width:min(100%,34ch);overflow-wrap:anywhere;white-space:normal;word-break:normal}.chat-bubble.is-complete .chat-reveal-line,.chat-bubble.is-complete .chat-transcript,.chat-bubble.is-collapsed .chat-transcript{color:#17222e}.chat-reveal-line,.chat-transcript{font-size:1rem;line-height:1.35}.chat-reveal-line strong,.chat-transcript strong{font-weight:1000}.chat-bubble .guess-replay-card{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.chat-bubble .guess-phrase-grid{gap:2px 5px}.chat-bubble .guess-phrase-cell{width:30px;height:38px;font-size:.98rem}.chat-bubble .guess-phrase-fixed-char{height:38px;color:#535c74d1;font-size:1rem}.chat-bubble .guess-replay-card .guess-phrase-cell{border-color:#535c7438;background:#ffffffd1;color:#535c74cc;box-shadow:none}.chat-bubble .guess-replay-card .guess-phrase-cell.is-active{border-color:#4d79ffb8;box-shadow:0 0 0 4px #4d79ff1f}.chat-bubble .guess-replay-card .guess-phrase-cell.is-correct{border-color:#17895d57;background:#e2f8ec;color:#11683f;box-shadow:0 10px 18px #11683f1a}.chat-bubble .guess-replay-card .guess-phrase-cell.is-mistake{border-color:#cf33425c;background:#ffe5e8;color:#a31726;box-shadow:0 10px 18px #a317261a}.chat-input-tray{display:grid;gap:14px;padding:18px clamp(18px,4vw,34px) max(20px,calc(14px + env(safe-area-inset-bottom)));border-top:1px solid var(--line);background:linear-gradient(180deg,#fffffff0,#ffffffc7),var(--panel-strong);box-shadow:0 -18px 42px #1d23361a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-record-tray{position:relative;max-height:clamp(280px,42dvh,380px);min-height:0;align-content:start;justify-items:center;overflow-y:auto;padding-top:30px;border-radius:34px 34px 0 0;-webkit-overflow-scrolling:touch}.chat-record-tray:before{content:"";position:absolute;top:14px;left:50%;width:96px;height:10px;transform:translate(-50%);border-radius:999px;background:#1217221f}.chat-record-tray .round-record-button-stack{justify-self:center;gap:12px}.chat-record-tray .audio-card{width:min(100%,420px);padding:12px 14px;border-radius:22px;background:linear-gradient(180deg,#fffffff2,#ffffffd6),#ffffffe0;box-shadow:var(--shadow)}.chat-record-tray .chat-tray-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px;width:min(100%,520px);margin:2px auto 0;align-items:end}.chat-record-tray .chat-tray-actions>*{flex:none;grid-column:auto}.chat-recording-review-row{width:min(100%,360px);display:grid;grid-template-columns:64px 86px 64px;align-items:center;justify-content:center;gap:18px;margin:2px auto 0}.chat-recording-review-icon{width:64px;min-width:64px;min-height:64px;padding:0;border-radius:999px}.chat-recording-review-icon svg{width:27px;height:27px}.chat-recording-review-play{--wpb-size: 86px;width:86px;height:86px}.chat-recorder-send svg{width:27px;height:27px;flex:0 0 auto}.chat-recorder-send{grid-column:2;min-height:74px;flex-direction:column;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong) 68%,#ffd24e);color:#fffdfb;box-shadow:0 16px 30px #ff63543d}.chat-recorder-send-icon{grid-column:auto;min-height:64px;flex-direction:row}.chat-edit-phrase{grid-column:1 / -1;justify-self:center;width:min(190px,100%);min-height:42px;border-radius:999px;box-shadow:none}.chat-compose-tray{grid-template-columns:minmax(0,1fr) auto;align-items:end}.chat-compose-tray .chat-tray-actions{margin:0}.chat-compose-actions{width:54px;align-self:stretch;display:flex;flex-wrap:nowrap}.chat-compose-actions>*{flex:0 0 54px}.chat-compose-send-button{width:54px;min-width:54px;min-height:54px;padding:0;border-radius:18px}.chat-compose-send-button svg{width:25px;height:25px}.chat-phrase-field{min-width:0}.chat-phrase-field input{min-height:54px;border-radius:22px;font-weight:900;background:#ffffffeb}.chat-record-phrase{width:min(100%,520px);display:grid;gap:4px;padding:12px 16px;border-radius:22px;background:var(--accent-soft)}.chat-record-phrase span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.chat-record-phrase strong{overflow-wrap:anywhere}.chat-guess-tray{position:relative;max-height:clamp(320px,50dvh,430px);min-height:0;gap:14px;justify-items:center;align-content:start;overflow-y:auto;margin:0;padding-top:28px;border:0;border-radius:34px 34px 0 0;background:linear-gradient(180deg,#fffffff0,#ffffffc7),var(--panel-strong);color:var(--ink);-webkit-overflow-scrolling:touch}.chat-guess-tray:before{content:"";position:absolute;top:14px;left:50%;width:96px;height:10px;transform:translate(-50%);border-radius:999px;background:#1217221f}.chat-guess-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,520px);font-size:clamp(1.08rem,2vw,1.32rem)}.chat-guess-card-title{min-width:0;display:flex;align-items:center;gap:12px}.chat-guess-card-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-guess-card-icon{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-purple-strong) 100%)}.chat-guess-card-icon .chat-thread-icon{width:27px;height:27px}.chat-guess-combo-bubble{width:min(100%,520px);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:14px;padding:14px;border:1px solid rgba(19,33,44,.08);border-radius:28px;background:linear-gradient(145deg,#fffffffa,#fff6e8eb),radial-gradient(circle at top left,rgba(241,44,180,.12),transparent 36%),radial-gradient(circle at bottom right,rgba(27,141,255,.12),transparent 42%);box-shadow:0 18px 36px #101e2d1f}.chat-guess-combo-bubble .audio-card{width:100%;min-height:0;display:grid;place-items:center;justify-self:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chat-guess-combo-bubble .audio-card-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chat-guess-combo-bubble .audio-card-player-wrap{width:74px;height:74px;display:grid;place-items:center;padding:0}.chat-guess-combo-bubble .audio-card-player{width:74px;height:74px}.chat-guess-board{width:100%;min-width:0;min-height:92px;justify-items:center;padding:14px;border:1px solid rgba(77,121,255,.14);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#fff8e5c7),#ffffffe0;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #101e2d14}.chat-guess-tray .guess-phrase-grid{align-items:center;justify-content:center;gap:5px 7px;max-width:none}.chat-guess-tray .guess-phrase-space{flex-basis:10px;height:clamp(34px,8vw,44px)}.chat-guess-tray .guess-phrase-cell{width:clamp(26px,7vw,36px);height:clamp(34px,8vw,44px);border:0;border-radius:9px;background:#fff;color:var(--ink);font-size:clamp(.88rem,2.4vw,1.08rem);box-shadow:0 6px 12px #101e2d1a}.chat-guess-tray .guess-phrase-fixed-char{min-width:8px;height:clamp(34px,8vw,44px);color:#1a212ec2;font-size:clamp(.96rem,2.8vw,1.18rem)}.chat-guess-tray .guess-phrase-cell.is-active{box-shadow:0 6px 12px #101e2d1a,0 0 0 3px #4d79ff24}.chat-guess-tray .guess-phrase-cell.is-correct{background:#e2f8ec;color:#11683f;box-shadow:0 6px 12px #11683f1a}.chat-guess-tray .guess-phrase-cell.is-mistake{background:#ffe5e8;color:#a31726;box-shadow:0 6px 12px #a317261a}.chat-give-up-button{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;color:var(--ink);text-decoration:none}.chat-guess-tray .chat-tray-actions{justify-content:center;width:min(100%,240px)}.chat-guess-tray .chat-tray-actions>*{flex:0 1 auto}.chat-tray-actions{margin:0}.campaign-screen{position:relative;min-height:calc(100dvh - 178px);grid-template-rows:1fr;gap:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 28%,rgba(100,225,255,.38),transparent 28%),linear-gradient(180deg,#1636d3,#1392ff 46%,#0e7cff)}.campaign-floating-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.campaign-floating-egg{position:absolute;display:grid;place-items:center;opacity:.14;animation:campaignEggDrift 12s linear infinite}.campaign-floating-egg img,.campaign-floating-egg-shape{width:100%;height:100%;object-fit:contain}.campaign-floating-egg-shape{border:2px solid rgba(255,255,255,.42);border-radius:50% 50% 46% 46%/62% 62% 38% 38%}.campaign-road-page,.campaign-play-page{position:relative;z-index:1;display:grid;gap:18px;min-height:100%;padding:18px}.campaign-road-page{grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.campaign-play-page{align-content:start;min-height:0;overflow:auto}.campaign-play-header,.campaign-topbar{display:flex;justify-content:flex-start}.campaign-banner-card{min-height:clamp(180px,28vw,280px);overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff2e,#ffffff0f),#10227857;box-shadow:0 22px 52px #08125457;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.campaign-banner-image,.campaign-banner-fallback{display:block;width:100%;height:clamp(180px,28vw,280px);min-height:clamp(180px,28vw,280px)}.campaign-banner-image{height:100%;object-fit:cover}.campaign-banner-fallback{background:radial-gradient(circle at 24% 24%,rgba(255,239,148,.36),transparent 28%),linear-gradient(135deg,#ffa65e8f,#4d79ff94)}.campaign-action-button-content{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.campaign-start-button .campaign-action-button-content{gap:16px}.campaign-retry-cost-badge{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 auto;filter:drop-shadow(0 8px 12px rgba(17,34,88,.24))}.campaign-start-button .campaign-retry-cost-badge{width:54px;height:54px}.campaign-retry-cost-badge img{width:100%;height:100%;display:block}.campaign-retry-cost-badge strong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#18306a;font-size:1.08rem;font-weight:1000;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.72)}.campaign-start-button .campaign-retry-cost-badge strong{font-size:1.35rem}.campaign-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px;border-radius:30px;background:linear-gradient(180deg,#ffffff2e,#ffffff0f),#10227857;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 52px #08125457;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.campaign-hero-copy{display:grid;gap:12px;color:#fff}.campaign-hero-copy h2,.campaign-play-copy h2{margin-bottom:0;color:#fff;font-size:clamp(1.9rem,7vw,2.8rem);line-height:.96;text-shadow:0 3px 0 rgba(10,25,112,.3)}.campaign-hero-copy p,.campaign-play-copy p{margin:0;color:#f4f9ffeb;line-height:1.5}.campaign-hero-topline,.campaign-leaderboard-header,.campaign-leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.campaign-hero-topline{color:#ffffffc7;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.campaign-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-hero-stat{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.campaign-hero-stat span{color:#ffffffb8;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.campaign-hero-stat strong{color:#fff;font-size:1.1rem}.campaign-hero-art{position:relative;display:grid;place-items:center;min-width:124px}.campaign-hero-art-image{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:24px;background-position:right center;background-repeat:no-repeat;background-size:cover;opacity:.34;filter:saturate(1.15)}.campaign-hero-emblem,.campaign-play-icon{position:relative;width:104px;height:124px;display:grid;place-items:center}.campaign-hero-emblem:before,.campaign-play-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50% 50% 46% 46%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 24%,#fffffff2,#fff2cbf0);box-shadow:inset 0 -14px 22px #ffb62d2e,0 16px 30px #0b186042}.campaign-hero-emblem img,.campaign-play-icon img{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.campaign-road-stage{position:relative;display:block;min-height:48dvh}.campaign-road-stage-inner{position:relative;width:min(100%,420px);margin:0 auto}.campaign-side-action{position:absolute;top:14px;right:14px;z-index:2;transform:none;display:grid;justify-items:center;gap:6px;width:76px;padding:12px 8px 10px;border-radius:24px;border:2px solid rgba(255,255,255,.28);background:linear-gradient(180deg,#ffffff47,#ffffff1a),#0e2daa7a;color:#fff;box-shadow:0 16px 28px #0b186047}.campaign-side-action span{font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.campaign-side-action-svg{width:22px;height:22px}.campaign-road-viewer{position:relative;min-height:48dvh;margin-right:0;border-radius:34px;background:radial-gradient(circle at 50% 20%,rgba(132,248,255,.2),transparent 28%),linear-gradient(180deg,#0000000f,#ffffff0a)}.campaign-road-line{position:absolute;top:12%;bottom:8%;left:50%;width:14px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ffec84b8,#ffb71efa);box-shadow:0 0 0 4px #ffffff24,0 12px 24px #ffb2363d}.campaign-road-node{position:absolute;left:50%;transform:translate(-50%)}.campaign-road-node-icon{position:relative;display:grid;place-items:center;width:96px;height:112px;filter:drop-shadow(0 12px 18px rgba(6,17,88,.34))}.campaign-road-node-icon img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.campaign-road-node-icon:before{content:none}.campaign-road-node-icon strong,.campaign-play-icon strong{position:relative;z-index:1;color:#fff;font-size:1.55rem;font-weight:1000;line-height:1;text-shadow:-2px 0 #12296d,0 2px #12296d,2px 0 #12296d,0 -2px #12296d}.campaign-road-node-locked{opacity:.78}.campaign-road-node-locked .campaign-road-node-icon{width:82px;height:96px}.campaign-road-node-locked .campaign-road-node-icon:before{background:radial-gradient(circle at 50% 18%,#8ad6fff5,#3981ffeb)}.campaign-current-difficulty{display:grid;justify-items:center;gap:2px;width:fit-content;margin:10px auto 0;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,#ffffff2e,#ffffff14),#0c258485;border:1px solid rgba(255,255,255,.18);color:#fff;text-align:center}.campaign-current-difficulty span{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ffffffb8}.campaign-current-difficulty strong{font-size:.92rem}.campaign-road-cta{display:grid;gap:12px}.campaign-start-button{width:100%;min-height:74px;border:none;border-radius:28px;background:linear-gradient(180deg,#ffe175,#ffcc43 44%,#ffb31b);color:#192452;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:1000;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.72);box-shadow:inset 0 3px #ffffff61,0 18px 30px #0b18603d}.campaign-start-button:disabled{opacity:.72}.campaign-focus-card{display:grid;gap:16px;padding:20px;border-radius:30px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#fffffff0,#f4f8ffe0),#ffffffe6;box-shadow:0 20px 42px #09135c2e}.campaign-play-card{min-height:0}.campaign-play-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:center;padding:18px 20px;border-radius:28px;background:linear-gradient(180deg,#ffffff29,#ffffff14),#0d24836b;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px #09135c38}.campaign-play-copy{display:grid;gap:8px;color:#fff}.campaign-play-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.campaign-play-icon{grid-column:2;grid-row:1 / span 2}.campaign-play-icon.compact{width:86px;height:102px}.campaign-play-icon.compact:before{content:none}.campaign-play-icon.compact img{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.campaign-step-stack{display:grid;gap:16px}.campaign-phrase-card{display:grid;gap:10px}.campaign-phrase-card strong{font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.15}.campaign-phrase-label{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.campaign-reverse-example{margin:0;color:var(--muted)}.campaign-attempt-pill{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(19,33,44,.06)}.campaign-attempt-pill span{color:var(--muted)}.campaign-result-card{display:grid;gap:18px;padding:22px;border-radius:28px;background:linear-gradient(145deg,#fffffffc,#f6f9ffeb),radial-gradient(circle at top right,rgba(255,186,59,.16),transparent 44%);border:1px solid rgba(19,33,44,.06);box-shadow:0 18px 38px #0e182614}.campaign-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.campaign-result-hero h3{margin-bottom:8px;font-size:clamp(1.5rem,2.8vw,2rem)}.campaign-result-hero p{margin-bottom:0;color:var(--muted)}.campaign-result-stars{display:grid;gap:10px;justify-items:end;text-align:right}.campaign-result-stars strong{font-size:1.15rem}.campaign-result-metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.campaign-result-metric{display:grid;gap:6px;padding:14px 16px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(19,33,44,.07)}.campaign-result-metric span{color:var(--muted);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.campaign-result-metric strong{font-size:1rem;line-height:1.35}.campaign-leaderboard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0a0f176b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.campaign-leaderboard-modal{width:min(720px,100%);max-height:min(84dvh,760px);overflow:auto;display:grid;gap:16px;padding:22px;border-radius:28px;background:linear-gradient(145deg,#fffffffc,#f8f9ffeb),#fffffff5;border:1px solid rgba(19,33,44,.08);box-shadow:0 24px 64px #0a0f173d}.campaign-leaderboard-filters{display:flex;gap:10px;flex-wrap:wrap}.campaign-leaderboard-list{display:grid;gap:10px}.campaign-leaderboard-row{padding:14px 16px;border-radius:20px;border:1px solid rgba(19,33,44,.07);background:#ffffffd6}.campaign-leaderboard-rank{min-width:3.25rem;color:var(--muted);font-weight:900}.friend-match-leaderboards-modal{width:min(780px,100%)}.friend-match-leaderboards-grid{display:grid;gap:14px}.friend-match-leaderboard-tabs{display:flex;gap:10px;flex-wrap:wrap}.friend-match-leaderboard-tab{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(19,33,44,.08);background:linear-gradient(180deg,#ffffffe6,#f6f9ffd1),#ffffffe6;color:var(--muted);font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.friend-match-leaderboard-tab.is-active{color:#fff;border-color:#ff635447;background:linear-gradient(135deg,#ff6354fa,#ff9f49f0),#ff6354f5;box-shadow:0 14px 26px #ff635438}.friend-match-leaderboard-tab:focus-visible{outline:2px solid rgba(27,141,255,.9);outline-offset:3px}.friend-match-leaderboard-card{display:grid;gap:12px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#fffffffa,#f7faffe6),#fffffff0;border:1px solid rgba(19,33,44,.07)}.friend-match-leaderboard-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.friend-match-leaderboard-card h4{margin-bottom:0;font-size:1rem}.friend-match-leaderboard-empty{margin:0}.friend-match-leaderboard-row{align-items:center}.friend-match-leaderboard-copy{display:grid;gap:4px;min-width:0}.friend-match-leaderboard-copy span{color:var(--muted);font-size:.85rem;font-weight:700}.friend-match-leaderboard-metric{text-align:right;font-size:.96rem}.friend-match-leaderboard-note{margin:0;color:var(--muted);font-size:.84rem}@keyframes campaignEggDrift{0%{transform:translateZ(0)}to{transform:translate3d(28px,-34px,0)}}.round-focus-panel{background:linear-gradient(135deg,#fffffffa,#ffffffd1),radial-gradient(circle at top right,rgba(77,121,255,.12),transparent 38%);min-height:clamp(460px,72dvh,820px);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.round-side-card{background:linear-gradient(135deg,#fffffff5,#fffc),radial-gradient(circle at top left,rgba(21,154,130,.12),transparent 34%)}.audio-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.audio-card{padding:16px;background:linear-gradient(180deg,#fffffff5,#ffffffd6),var(--panel)}.audio-card h4{margin-bottom:4px;font-size:1.05rem}.audio-card p{margin-bottom:12px;color:var(--muted)}.audio-card-player-wrap{display:grid;place-items:center;padding:6px 0 2px}.waveform-play-button{--wpb-size: 80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:var(--wpb-size);height:var(--wpb-size);border-radius:999px;padding:0;position:relative;display:grid;place-items:center;transition:transform .18s ease,filter .22s ease;filter:drop-shadow(0 7px 18px rgba(77,121,255,.2))}.waveform-play-button:hover{transform:scale(1.03);filter:drop-shadow(0 10px 26px rgba(241,44,180,.24))}.waveform-play-button.is-babble-playback{filter:drop-shadow(0 7px 18px rgba(182,222,63,.22))}.waveform-play-button.is-babble-playback:hover{filter:drop-shadow(0 10px 26px rgba(42,214,217,.24))}.waveform-play-button:focus-visible{outline:2px solid rgba(27,141,255,.9);outline-offset:4px}.waveform-play-button-svg{display:block;transform-origin:center;transition:transform .18s ease}.waveform-play-button.is-babble-playback .waveform-play-button-svg{transform:scaleX(-1)}.waveform-play-button-icon-svg{transform-origin:center}.waveform-icon-play-shape{transform:scale(1);transform-origin:center;transition:opacity .19s ease,transform .22s ease}.waveform-icon-pause-shape{opacity:0;transform:scale(.78);transform-origin:center;transition:opacity .19s ease,transform .22s ease}.waveform-icon-record-shape{transform-origin:center;transition:opacity .19s ease,transform .22s ease}.waveform-icon-stop-shape{opacity:0;transform:scale(.76);transform-origin:center;transition:opacity .19s ease,transform .22s ease}.waveform-play-button.is-playing .waveform-icon-play-shape{opacity:0;transform:scale(.72)}.waveform-play-button.is-playing .waveform-icon-pause-shape{opacity:1;transform:scale(1)}.waveform-play-button.is-playing .waveform-icon-record-shape{opacity:0;transform:scale(.72)}.waveform-play-button.is-playing .waveform-icon-stop-shape{opacity:1;transform:scale(1)}.waveform-play-button.is-record-control .waveform-icon-play-shape,.waveform-play-button.is-record-control .waveform-icon-pause-shape{opacity:0}.waveform-play-button:not(.is-record-control) .waveform-icon-record-shape,.waveform-play-button:not(.is-record-control) .waveform-icon-stop-shape{opacity:0}.audio-card .fine-print{margin-top:10px}.pill-row,.phrase-chip-row,.step-row,.badge-row{display:flex;gap:8px;flex-wrap:wrap}.phrase-chip{background:#ffffffe6;border-color:#17222914;font-size:.92rem}.phrase-chip.selected{background:linear-gradient(135deg,#4d79ff29,#ff7b642e);border-color:#4d79ff42}.guided-steps{display:grid;gap:12px}.step-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;align-items:start;background:linear-gradient(180deg,#fffffff2,#ffffffc7);border:1px solid rgba(23,34,41,.1);border-radius:20px}.step-card.active{border-color:#ff63543d;box-shadow:0 14px 34px #ea5b471a}.step-card.done{border-color:#159a8238;background:linear-gradient(180deg,#fffffff7,#f0fffae0)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#ffb64d38,#ff7b642e);border:1px solid rgba(255,182,77,.28);font-weight:900}.step-card h4{margin-bottom:4px}.step-card p{margin-bottom:0;color:var(--muted)}.sticky-cta,.mobile-cta-bar{position:static;bottom:auto;z-index:1;padding:0;background:transparent}.mobile-cta-bar .button-row>*{flex:1 1 100%}.drawer-toggle,.app-drawer,.app-drawer-backdrop,.shell-sidebar,.shell-drawer,.shell-drawer-panel,.shell-drawer-backdrop{display:block}.drawer-toggle{width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff2,#ffffffd1),#fffc;box-shadow:var(--shadow)}.home-back-button{display:inline-grid;place-items:center;width:56px;height:56px;border:0;border-radius:999px;background:#ffffffeb;color:#101827;box-shadow:0 14px 28px #161c301a}.home-back-button svg{display:block;width:31px;height:31px}.drawer-toggle span{display:block;width:18px;height:2px;margin:0 auto;background:var(--ink);border-radius:99px}.drawer-toggle span+span{margin-top:4px}.shell-sidebar,.shell-drawer-panel{width:min(280px,calc(100vw - 32px));border-radius:28px;border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-strong)}.shell-drawer-backdrop,.app-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;padding:0;background:#0a121952;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shell-drawer-panel{position:fixed;left:14px;top:14px;bottom:14px;z-index:91;padding:16px;overflow:auto}.shell-drawer-panel .nav-row{display:grid;gap:10px}.shell-drawer-panel .nav-row button{width:100%;min-height:52px}.shell-drawer-panel .nav-row button.active{box-shadow:0 16px 30px #ff635433}.home-hub,.game-shell{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.home-feed{gap:14px}.home-section{padding:4px 0}.home-section h3{margin-bottom:6px}.home-section+.home-section{padding-top:6px}.home-cta,.game-cta{position:static}.compact-empty{padding:18px}.auth-shell{width:100%;max-width:none;margin:0}.public-home-shell{width:min(100%,720px);margin:0 auto;gap:18px}.public-home-panel{max-width:720px;margin:0 auto}.public-home-top-actions{justify-content:center}.public-home-top-actions>*{flex:0 1 auto}.public-home-header{justify-content:center;text-align:center}.public-home-hero{display:grid;gap:18px;justify-items:center}.public-home-header h2{margin-bottom:6px}.public-home-headline{margin-bottom:6px;font-size:clamp(2.2rem,8vw,3.4rem);line-height:.94}.public-home-header p{margin-bottom:0;max-width:34rem}.public-home-hero-actions{justify-content:center}.public-home-hero-actions>*{flex:1 1 180px}.public-home-logo{width:min(100%,560px);max-width:100%;height:auto}.public-home-section{gap:14px}.public-home-section h2,.public-home-section h3{margin-bottom:6px}.public-home-section p{margin-bottom:0}.public-home-steps,.public-home-card-grid{display:grid;gap:14px}.public-home-step-card,.public-home-play-card{min-height:100%}.public-home-demo-header{padding-top:6px}.public-home-banner-button{margin-bottom:0}.public-home-banner-fallback{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.55),transparent 28%),radial-gradient(circle at 84% 76%,rgba(255,240,164,.36),transparent 28%),linear-gradient(135deg,#fff4e4fa,#ffd2e7eb,#c6ecfff2)}.public-home-note{margin:0}.public-home-note h3{margin-bottom:8px}.public-home-note p{margin-bottom:0}.public-home-footer{margin-top:0}.public-home-about{margin:0;text-align:center;color:var(--muted)}.auth-brand-logo{display:block;margin-inline:auto;height:54px;width:auto;max-width:min(260px,72vw);object-fit:contain}.create-summary-card{background:linear-gradient(135deg,#fffffff5,#fff4f8e6),#ffffffe0}@media(min-width:961px){.shell-drawer-panel{width:304px}}@media(max-width:960px){.hero,.welcome-shell,.home-hub,.panel-grid,.field-grid.two-up,.split-panel,.game-shell{grid-template-columns:1fr}.app-topbar,.focus-card-head,.focus-card-body,.friend-row{grid-template-columns:1fr;align-items:stretch}.app-topbar-side{width:100%;justify-items:stretch}.app-topbar .hero-actions{width:auto}.app-topbar .hero-actions>*{flex:0 0 auto}.home-topbar-logo{max-width:min(420px,calc(100vw - 154px))}.friend-metrics,.game-score,.game-actions{justify-items:start;min-width:0;text-align:left}.game-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.friend-headline{align-items:flex-start;flex-direction:column}.status-strip,.nav-row{display:none}.round-screen{min-height:calc(100dvh - 186px)}.round-screen-header{grid-template-columns:1fr}.round-screen-meta{justify-content:start}.campaign-result-hero{grid-template-columns:1fr}.campaign-result-stars{justify-items:start;text-align:left}.public-home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-home-top-actions>*{flex:1 1 160px}}@media(max-width:640px){.app-shell{width:min(100vw - 16px,1180px);padding:12px 0 28px}.hero-card,.surface{padding:16px;border-radius:22px}.section-header,.hero-heading,.field-row,.round-row,.list-card,.audio-card-head,.focus-card-head,.focus-card-body{flex-direction:column;align-items:stretch}.button-row>*{flex:1 1 100%}.app-topbar .hero-actions{width:auto}.app-topbar .hero-actions>*{flex:0 0 auto}.coin-display{min-height:44px;padding:9px 12px 9px 10px}.coin-icon-anchor,.coin-icon{width:20px;height:20px}.public-home-panel{padding:18px}.reward-sequence-stars{align-items:stretch;justify-items:center}.reward-status-header{flex-direction:column}.reward-sequence-card{padding:20px 18px;border-radius:24px}.reward-sequence-coins{width:auto;gap:14px;padding:0}.reward-sequence-coin-value{font-size:clamp(2.5rem,14vw,4.4rem)}.reward-loading-shell{min-height:clamp(420px,62dvh,720px)}.flex-field{flex:1 1 auto}.progress-rail{grid-template-columns:1fr}.campaign-result-card{padding:18px}.campaign-road-page,.campaign-play-page{padding:14px}.campaign-hero-card,.campaign-play-hero,.campaign-focus-card{padding:16px}.campaign-banner-card,.campaign-banner-image,.campaign-banner-fallback{height:160px;min-height:160px}.campaign-hero-card,.campaign-play-hero{grid-template-columns:1fr}.campaign-hero-art,.campaign-play-icon{justify-self:center}.campaign-play-icon{grid-column:auto;grid-row:auto}.campaign-hero-stats{grid-template-columns:1fr}.campaign-road-stage,.campaign-road-viewer{min-height:42dvh}.campaign-side-action{width:68px;top:12px;right:12px}.friend-row,.game-row{gap:12px}.friend-avatar{width:42px;height:42px;border-radius:16px}.friend-metrics,.game-score,.game-actions{justify-items:start;align-items:start}.game-row-main{gap:4px}.game-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.game-actions{gap:6px}.game-chat-button{width:40px;min-width:40px;height:40px;border-radius:14px;padding:0}.chat-thread-shell{height:calc(100dvh - 56px);min-height:calc(100dvh - 56px);border-radius:24px}.chat-thread-header{grid-template-columns:42px 56px minmax(0,1fr);gap:10px;padding:22px 16px 14px}.chat-thread-back{display:grid;width:42px;height:42px}.chat-thread-back svg{width:28px;height:28px}.chat-thread-avatar-wrap,.chat-thread-avatar{width:56px;height:56px}.chat-thread-avatar{font-size:1.2rem}.chat-thread-title h2{font-size:1.45rem}.chat-thread-body{gap:15px;padding:14px 18px 18px}.chat-message-frame{width:min(86%,560px)}.chat-bubble{padding:13px 15px}.chat-bubble .audio-card{gap:12px;min-height:66px}.chat-bubble .audio-card-player{flex-basis:58px;width:58px;height:58px;min-height:58px}.chat-input-tray{padding:14px 18px max(16px,calc(12px + env(safe-area-inset-bottom)))}.chat-compose-tray{grid-template-columns:minmax(0,1fr) 54px}.chat-record-tray{max-height:min(42dvh,350px);min-height:0}.chat-record-tray .chat-tray-actions{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.chat-recorder-send{min-height:68px}.chat-recorder-send-icon{min-height:64px}.chat-guess-tray{max-height:min(54dvh,430px);min-height:0;gap:12px;margin:0;padding:28px 16px max(16px,calc(12px + env(safe-area-inset-bottom)))}.chat-guess-combo-bubble{gap:12px;padding:12px;border-radius:24px}.chat-give-up-button{min-height:36px;padding:0 12px}.chat-guess-combo-bubble .audio-card-player{width:74px;height:74px}.chat-guess-playback-combo{gap:8px}.round-screen{min-height:calc(100dvh - 150px)}.round-guess-step{gap:14px}.round-guess-step>.guess-board{min-height:88px;padding:16px 10px;border-radius:24px}.round-focus-panel{min-height:auto}.sticky-cta,.mobile-cta-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.loader-panel{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#fffffff2,#fffc),#ffffffc2}.loader-panel-preview{display:grid;justify-items:center;gap:10px;flex:0 0 auto}.loader-panel strong{display:block;margin-bottom:4px}.loader-panel p{margin-bottom:0;color:var(--muted)}.loader-panel-preview-label{padding:6px 12px;border-radius:999px;border:1px solid rgba(19,33,44,.08);background:#ffffffb3;color:var(--muted);font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.loader-panel-spinner{width:96px;height:96px}.waveform-loader{display:block;overflow:visible}@media(max-width:640px){.round-loader-callout,.loader-panel{flex-direction:column;text-align:center}}.playful-leaderboards-modal{position:relative;width:min(820px,100%);gap:18px;padding:0 22px 22px;overflow:auto;border:2px solid rgba(255,255,255,.72);background:radial-gradient(circle at 14% 10%,rgba(255,204,71,.26),transparent 17%),radial-gradient(circle at 88% 22%,rgba(101,224,255,.23),transparent 18%),linear-gradient(180deg,#fff,#fffdf8 58%,#f8f3ff);box-shadow:0 28px 70px #14195057,inset 0 1px #ffffffe6}.playful-leaderboards-modal:before{content:"";position:sticky;top:0;z-index:0;display:block;height:150px;margin:0 -22px -104px;border-radius:26px 26px 34px 34px;background:radial-gradient(circle at 8% 30%,rgba(255,255,255,.26) 0 6px,transparent 7px),radial-gradient(circle at 84% 16%,rgba(255,255,255,.18) 0 5px,transparent 6px),linear-gradient(135deg,#037bff,#174cff 44%,#8228f8)}.friend-match-leaderboard-hero,.friend-match-leaderboard-header,.playful-leaderboards-modal>.round-loader-callout,.playful-leaderboards-modal>.friend-match-leaderboards-grid,.playful-leaderboards-modal>.friend-match-leaderboard-note{position:relative;z-index:1}.friend-match-leaderboard-hero{min-height:128px;display:grid;place-items:center;color:#fff;pointer-events:none}.friend-match-leaderboard-hero h2{margin:0;color:#fff;font-size:clamp(2.8rem,10vw,5.15rem);letter-spacing:-.06em;line-height:.9;text-shadow:0 5px 0 #082b78,0 10px 22px rgba(5,19,84,.34);-webkit-text-stroke:2px rgba(8,27,86,.34)}.leaderboard-confetti{position:absolute;display:inline-grid;place-items:center}.leaderboard-confetti.star-one{left:24px;top:22px;color:#ffd33d;font-size:2rem;text-shadow:0 3px 0 #ff9f1c;transform:rotate(-12deg)}.leaderboard-confetti.dot-one{left:118px;bottom:28px;width:18px;height:18px;border-radius:999px;background:#ff62d0}.leaderboard-confetti.dash-one,.leaderboard-confetti.dash-two{width:14px;height:34px;border-radius:999px}.leaderboard-confetti.dash-one{left:172px;top:28px;background:#ff8a2d;transform:rotate(-42deg)}.leaderboard-confetti.dash-two{right:216px;top:22px;background:#32d6d0;transform:rotate(10deg)}.leaderboard-confetti.trophy{right:20px;top:10px;font-size:clamp(4rem,13vw,6.8rem);filter:drop-shadow(0 8px 0 rgba(255,145,0,.38));transform:rotate(8deg)}.friend-match-leaderboard-header{padding:22px 26px;border-radius:34px;background:#fffffff5;box-shadow:0 18px 42px #181f501f}.friend-match-leaderboard-header h3{margin:4px 0;color:#10275c;font-size:clamp(2.2rem,7vw,3.35rem);letter-spacing:-.05em;text-shadow:0 2px 0 rgba(255,255,255,.9)}.friend-match-leaderboard-header p{margin:0;color:#4d587a;font-size:1.05rem;font-weight:650;line-height:1.35}.playful-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 15px;border-radius:999px;color:#6d2fe5;background:linear-gradient(180deg,#f3e7ff,#eadcff);box-shadow:inset 0 0 0 1px #6f2fe524}.friend-match-leaderboard-close{min-width:136px;min-height:74px;border-radius:26px;color:#10275c;font-size:1.2rem;font-weight:1000;box-shadow:0 12px 25px #15204e1f}.friend-match-leaderboard-close span{font-size:2rem;line-height:0}.friend-match-leaderboard-tabs{justify-content:center;gap:12px 14px}.friend-match-leaderboard-tab{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:11px 22px;border-radius:999px;color:#10275c;font-size:1.06rem;font-weight:1000;border-color:#2d32601a;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 9px 19px #12205317,inset 0 -2px #1220530a}.friend-match-leaderboard-tab.is-active{color:#fff;border-color:#ff751961;background:linear-gradient(135deg,#ff6536,#ff9d18);box-shadow:0 15px 28px #ff6d1f4d,inset 0 -3px #a8350024;transform:translateY(-1px)}.friend-match-leaderboard-icon{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px}.friend-match-leaderboard-icon.image-icon{background:radial-gradient(circle at 34% 24%,#fff9d8,#ffc124 66%,#ff8a00);box-shadow:inset 0 -3px #b0570033,0 5px 10px #ffa1173d}.friend-match-leaderboard-icon.campaign-icon-bubble{background:radial-gradient(circle at 50% 26%,#fff,#ffeaa8 62%,#8d5bff)}.friend-match-leaderboard-icon img{width:82%;height:82%;object-fit:contain}.friend-match-leaderboard-icon.emoji-icon{font-size:1.75rem;background:linear-gradient(180deg,#efe8ff,#fff);box-shadow:inset 0 0 0 1px #683fe024}.friend-match-leaderboard-card{position:relative;gap:16px;padding:22px;border-radius:30px;border-color:#ffaa343d;background:radial-gradient(circle at 90% 10%,rgba(37,215,207,.14),transparent 16%),radial-gradient(circle at 8% 12%,rgba(255,213,74,.18),transparent 18%),linear-gradient(180deg,#fffdf8fa,#fffffff0);box-shadow:0 14px 34px #693c0c1c}.friend-match-leaderboard-card:after{content:"✦  ★  ✧";position:absolute;top:18px;right:22px;color:#7933ff;font-size:1.3rem;letter-spacing:12px;opacity:.9}.friend-match-leaderboard-card h4{color:#10275c;font-size:clamp(1.15rem,4vw,1.55rem);line-height:1.16}.friend-match-leaderboard-card h4 strong,.friend-match-leaderboard-card h4 em{color:#6f31e8}.friend-match-leaderboard-row{gap:16px;padding:12px 16px;min-height:96px;border:1px solid rgba(23,31,66,.08);border-radius:24px;background:linear-gradient(180deg,#fff,#fffdf9);box-shadow:0 9px 20px #171f4214}.friend-match-leaderboard-rank{position:relative;min-width:70px;width:70px;height:70px;display:inline-grid;place-items:center;border-radius:999px;color:#5c3000;font-size:1.55rem;font-weight:1000;background:linear-gradient(180deg,#ffe06a,#ffad1f);border:3px solid #ffca38;box-shadow:inset 0 2px #ffffffb8,0 8px 14px #ff9e183d}.friend-match-leaderboard-rank:before,.friend-match-leaderboard-rank:after{content:"";position:absolute;bottom:-18px;width:18px;height:30px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#7a45ff,#5621d7);z-index:-1}.friend-match-leaderboard-rank:before{left:14px;transform:rotate(16deg)}.friend-match-leaderboard-rank:after{right:14px;transform:rotate(-16deg)}.friend-match-leaderboard-row.rank-silver .friend-match-leaderboard-rank{color:#2b3445;border-color:#cdd5e4;background:linear-gradient(180deg,#f2f6fb,#b7c0cf);box-shadow:inset 0 2px #ffffffe6,0 8px 14px #4d576c2e}.friend-match-leaderboard-row.rank-bronze .friend-match-leaderboard-rank{color:#612600;border-color:#d97639;background:linear-gradient(180deg,#ffb176,#d65e22);box-shadow:inset 0 2px #ffe8cab8,0 8px 14px #c4521830}.friend-match-leaderboard-row.rank-standard .friend-match-leaderboard-rank{color:#fff;border-color:#7b52ff;background:linear-gradient(180deg,#8e68ff,#5b2bdc)}.friend-match-leaderboard-copy{flex:1 1 auto}.friend-match-leaderboard-copy strong{color:#10275c;font-size:clamp(1.05rem,4vw,1.35rem);line-height:1.12}.friend-match-leaderboard-copy span{color:#626a86;font-size:.98rem;font-weight:850}.friend-match-leaderboard-metric{color:#6f31e8;font-size:clamp(1.15rem,4vw,1.8rem);font-weight:1000;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.95)}.friend-match-leaderboard-metric.with-asset{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:145px}.friend-match-leaderboard-metric.with-asset img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(255,150,0,.22))}.friend-match-leaderboard-metric.with-asset span{display:grid;gap:2px}.friend-match-leaderboard-note{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:12px 18px;border-radius:20px;color:#fff;font-size:1.08rem;font-weight:1000;background:linear-gradient(135deg,#ff4d64,#ff8b2b 52%,#ffba08);box-shadow:0 15px 30px #ff65363d}.friend-match-leaderboard-note span{font-size:2.15rem;filter:drop-shadow(0 4px 0 rgba(145,72,0,.22))}@media(max-width:640px){.playful-leaderboards-modal{padding:0 12px 14px}.playful-leaderboards-modal:before{height:116px;margin:0 -12px -78px}.friend-match-leaderboard-hero{min-height:98px}.leaderboard-confetti.trophy{right:4px;top:8px;font-size:3.35rem}.leaderboard-confetti.dash-two{right:130px}.friend-match-leaderboard-header{grid-template-columns:1fr;padding:18px}.friend-match-leaderboard-close{min-width:auto;min-height:54px;justify-self:stretch}.friend-match-leaderboard-tab{flex:1 1 100%}.friend-match-leaderboard-card{padding:16px}.friend-match-leaderboard-card:after{display:none}.friend-match-leaderboard-row{grid-template-columns:auto 1fr;flex-wrap:wrap}.friend-match-leaderboard-metric,.friend-match-leaderboard-metric.with-asset{width:100%;justify-content:flex-end;grid-column:1 / -1}}@media(max-width:640px){.friend-match-leaderboard-header{align-items:stretch;flex-direction:column}}