:root{--paper:#f7f3ea;--paper-soft:#fffaf0;--paper-card:#fffaf0eb;--ink:#1a1d24;--muted:#6f6a62;--text-secondary:#6f6a62;--line:#7b603a2e;--line-strong:#b88a4b57;--teal:#2f7778;--teal-dark:#1d595c;--coral:#df6f55;--coral-dark:#bd4f3d;--gold:#d6a948;--sage:#8a9b70;--rose:#b77ba1;--shadow:0 18px 42px #4c361c1f;--shadow-soft:0 8px 22px #4c361c1a;--radius:24px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:Georgia, "Times New Roman", Times, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--paper:#11181a;--paper-soft:#182225;--paper-card:#1d2627f0;--ink:#f5ead6;--muted:#b8aa93;--text-secondary:#b8aa93;--line:#dec5942e;--line-strong:#dec59457;--teal:#5aa7a1;--teal-dark:#8bc7c0;--coral:#e07a62;--coral-dark:#f09a83;--gold:#ddb65a;--sage:#9ab27f;--rose:#c783a7;--shadow:0 18px 42px #00000057;--shadow-soft:0 8px 22px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:#11151d;min-width:320px;min-height:100%;overflow:hidden scroll}body{background:radial-gradient(circle at 15% 4%,#d6a9482e,#0000 18rem),linear-gradient(#fffaf2 0%,#f4eddf 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{overflow-x:hidden}:root[data-theme=dark] body{background:radial-gradient(circle at 18% 3%,#5aa7a129,#0000 18rem),radial-gradient(circle at 82% 18%,#e07a621f,#0000 14rem),linear-gradient(#0d1316 0%,#172022 100%)}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,#6e522d09 1px,#0000 1px),linear-gradient(0deg,#6e522d06 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0}:root[data-theme=dark] body:before{opacity:.16;background-image:linear-gradient(90deg,#dec59409 1px,#0000 1px),linear-gradient(0deg,#dec59406 1px,#0000 1px)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-serif);letter-spacing:0}.screen{width:min(100vw,480px);max-width:100%;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(86px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #fffdf7d1, #f7f1e5db), var(--paper);margin:0 auto;animation:.36s both page-enter;position:relative;overflow-x:hidden}:root[data-theme=dark] .screen{background:linear-gradient(180deg, #121b1df0, #0d1316f5), var(--paper)}.screen:after{content:"";pointer-events:none;background:linear-gradient(#f7f3ea00,#f7f3eabd 72%);height:88px;position:fixed;bottom:0;left:calc(50% - min(50vw,240px));right:calc(50% - min(50vw,240px))}:root[data-theme=dark] .screen:after{background:linear-gradient(#11181a00,#11181adb 72%)}.screen--compact{padding-inline:14px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.screen--compact:after{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{grid-template-columns:58px 1fr 58px;align-items:center;gap:10px;margin-bottom:18px;display:grid}.topbar__title{min-width:0;color:var(--ink);text-align:center;font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(25px,7vw,32px);font-weight:800;overflow:hidden}.topbar__action{color:var(--gold);justify-content:flex-end;display:flex}.icon-button{width:56px;height:56px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffaf0e0;border-radius:18px;place-items:center;display:grid}.button{width:100%;min-height:64px;font-family:var(--font-serif);cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;font-size:24px;font-weight:800;transition:transform .14s,opacity .14s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled),.icon-button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)scale(.99)}.button:disabled{cursor:not-allowed;opacity:.46}.button--primary{color:#fff8e8;background:linear-gradient(180deg, #ffffff1f, transparent), linear-gradient(135deg, var(--coral), #d75e45);border:1px solid #963f2d2e;box-shadow:0 16px 32px #cf5a4242,inset 0 0 0 2px #ffddab29}.button--secondary,.button--ghost{color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffaf0db}.button--danger{color:#fff8e8;background:linear-gradient(135deg, #a95043, var(--coral))}.card{background:linear-gradient(180deg, #ffffff61, #fffbf2bd), var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);animation:.32s both card-enter}.progress{background:#6d583a29;border-radius:999px;height:9px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--teal), #6aa095);border-radius:inherit;height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);display:block}.empty-state,.loading-state{text-align:center;align-content:center;place-items:center;gap:16px;min-height:calc(100vh - 120px);padding:34px 22px;display:grid}.empty-state h2,.loading-state h1{font-size:32px}.empty-state p,.loading-state p{color:var(--muted);line-height:1.48}.empty-state__icon{width:76px;height:76px;color:var(--teal);background:#efe3cd;border-radius:50%;place-items:center;display:grid}.startup-loading{text-align:center;border:1px solid var(--line);min-height:calc(100svh - 64px);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 20%,#d6a9482e,#0000 16rem),linear-gradient(#fffaf0d1,#f6eddcc2);border-radius:28px;align-content:center;justify-items:center;gap:22px;padding:clamp(28px,8vh,74px) 10px 34px;display:grid;position:relative;overflow:hidden}.startup-loading:before,.startup-loading:after{content:"";pointer-events:none;border:1px solid #d6a94829;border-radius:50%;width:180px;height:180px;position:absolute}.startup-loading:before{top:-62px;left:-70px}.startup-loading:after{bottom:-74px;right:-82px}.startup-loading__art{z-index:1;aspect-ratio:auto;place-items:center;width:min(86vw,360px);display:grid;position:relative}.startup-loading__art:before{content:"";filter:blur(4px);background:radial-gradient(circle,#d6a9482e,#0000 68%);border-radius:999px;position:absolute;inset:22% 5% 0}.startup-loading__art .hero-faceoff{width:min(100%,336px);animation:3.2s ease-in-out infinite float-soft}.startup-loading__copy{z-index:1;gap:9px;display:grid;position:relative}.startup-loading__copy small{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.startup-loading__copy h1{font-size:clamp(52px,14vw,72px);line-height:.96}.startup-loading__copy p{color:var(--muted);font-size:16px;line-height:1.4}.startup-loading__meter{z-index:1;border:1px solid var(--line);width:min(100%,348px);box-shadow:var(--shadow);background:linear-gradient(#fffaf0e6,#f6ebd6bd);border-radius:22px;gap:12px;padding:18px;display:grid;position:relative}.startup-loading__meter:before{content:"";border:2px solid #d6a94861;border-top-color:var(--teal);border-radius:50%;justify-self:center;width:26px;height:26px;animation:1.35s linear infinite spin-bottom}.startup-loading__meter>div{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.hero{border:1px solid var(--line);min-height:612px;box-shadow:var(--shadow);background:radial-gradient(circle at 18% 10%,#d6a94833,#0000 16rem),radial-gradient(circle at 86% 22%,#df6f551f,#0000 13rem),linear-gradient(135deg,#fffaf0f5,#f7ecd7e6),#fff3dd;border-radius:24px;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;opacity:.62;background:linear-gradient(90deg,#684d280b 1px,#0000 1px) 0 0/18px 18px,linear-gradient(0deg,#684d2809 1px,#0000 1px) 0 0/18px 18px,radial-gradient(circle at 20% 78%,#2f77781f,#0000 11rem),linear-gradient(#fff8e814,#fff8e8bd);position:absolute;inset:0}.hero:after{display:none}.hero__scene{position:absolute;inset:0;overflow:hidden}.hero__asset,.hero__book,.hero__seal{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.hero img[src*=coffee_cup]{display:none!important}.hero__asset{display:block}.hero__asset--books{opacity:.78;width:132px;top:-18px;left:-36px;transform:rotate(-8deg)}.hero__asset--coffee{display:none}.hero__asset--notebook{opacity:.36;width:142px;top:auto;bottom:168px;right:-58px;transform:rotate(18deg)}.hero__asset--pen{z-index:1;width:120px;top:282px;left:auto;right:-34px;transform:rotate(24deg)}.hero__asset--leaf{width:142px;top:282px;right:-96px;transform:rotate(18deg)}.hero__book{display:none}.hero__seal{color:#6b5231;text-align:center;width:86px;height:86px;font-family:var(--font-serif);box-shadow:var(--shadow-soft);background:#ead2a7;border:3px double #805b2b59;border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1.08;display:grid;top:18px;right:18px;transform:rotate(8deg)}.hero>img{object-fit:cover;object-position:center top;width:100%;height:278px}.hero__overlay{z-index:2;text-align:center;grid-template-rows:auto auto auto auto;align-content:start;gap:18px;min-height:100%;padding:94px 20px 22px;display:grid;position:relative}.hero__text-group{gap:12px;display:grid}.hero__text-group h1{color:var(--ink);margin-top:0;font-size:clamp(48px,14vw,66px);line-height:.9}.hero__text-group span{color:#4f5356;font-size:17px;line-height:1.36}.hero-faceoff{background:radial-gradient(circle,#fffaf0db,#0000 7rem),linear-gradient(135deg,#fffaf0c7,#eedcbc8f);border:1px solid #7b603a38;border-radius:26px;justify-content:center;justify-self:center;align-items:center;gap:clamp(12px,4vw,20px);width:min(100%,348px);height:188px;margin-top:2px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 38px #4c361c29}.hero-faceoff:before{content:"";opacity:.54;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#684d280f 1px,#0000 1px),linear-gradient(0deg,#684d280b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-faceoff:after{content:"";filter:blur(5px);pointer-events:none;background:radial-gradient(#2f777824,#0000 70%);border-radius:999px;height:24px;position:absolute;bottom:14px;left:48px;right:48px}.hero-faceoff__card{z-index:1;border:1px solid #fffaf047;border-radius:24px;flex:0 0 clamp(104px,31vw,124px);height:138px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #17202214}.hero-faceoff__card:before{display:none}.hero-faceoff__card img{object-fit:cover;width:100%;height:100%}.hero-faceoff__question{z-index:3;color:#6b5231;width:58px;height:58px;font-family:var(--font-serif);text-align:center;background:linear-gradient(#fff7df 0%,#efd9af 100%);border:2px solid #ad803e4d;border-radius:50%;flex:0 0 58px;place-items:center;font-size:36px;font-weight:900;line-height:58px;display:grid;position:relative;box-shadow:0 12px 24px #4c361c2e,inset 0 0 0 4px #fffaf0a8}.hero-faceoff__question:after{content:"";border-radius:inherit;border:1px solid #6b523129;position:absolute;inset:8px}.hero__hint{color:#315e5e;background:0 0;border:0;justify-self:center;max-width:330px;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.38}.hero__eyebrow{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.hero .button{border-radius:20px;justify-self:center;width:calc(100% - 22px);min-height:74px;margin-top:0;font-size:34px}.how-strip{border:1px solid var(--line);min-height:66px;box-shadow:var(--shadow-soft);background:#fffaf0e6;border-radius:18px;grid-template-columns:54px 1fr 24px;align-items:center;gap:14px;margin:14px 16px 0;padding:8px 14px;display:grid}.theme-switch{border:1px solid var(--line);min-height:54px;box-shadow:var(--shadow-soft);background:#fffaf0e6;border-radius:18px;grid-template-columns:1fr 74px 1fr;align-items:center;gap:10px;margin:14px 16px 0;padding:8px 12px;display:grid}.theme-switch span{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.theme-switch span:first-child{justify-content:flex-end}.theme-switch__track{border:1px solid var(--line);cursor:pointer;background:#eadfc9;border-radius:999px;width:74px;height:36px;padding:3px;transition:background .18s,border-color .18s}.theme-switch__track i{background:#fffaf0;border-radius:50%;width:28px;height:28px;transition:transform .18s,background .18s;display:block;box-shadow:0 4px 12px #4c361c33}.theme-switch__track--dark{background:linear-gradient(135deg,#172126,#2f7778)}.theme-switch__track--dark i{background:#f5ead6;transform:translate(38px)}.how-strip img{object-fit:contain;border-radius:8px;width:44px;height:44px}.how-strip span{color:var(--ink);font-size:17px}.how-strip b{color:var(--muted);font-size:32px;line-height:1}.home-stats,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.home-stats{color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffaf0e6;border-radius:22px;margin-top:14px;padding:6px}.stat-tile{text-align:center;border:1px solid var(--line);background:#fffaf0cc;border-radius:18px;place-items:center;gap:5px;min-width:0;min-height:84px;padding:12px 6px;display:grid}.home-stats .stat-tile{min-height:50px;color:var(--ink);background:#fff7e7b8;border-color:#b88a4b3d;gap:2px;padding:4px}.home-stats .stat-tile svg{width:18px;height:18px}.home-stats .stat-tile strong{font-size:20px}.stat-tile svg{width:28px;height:28px;color:var(--gold)}.stat-tile strong{overflow-wrap:anywhere;font-family:var(--font-serif);font-size:26px}.stat-tile span{color:var(--muted);font-size:13px}.home-stats .stat-tile span{color:var(--muted);font-size:11px;line-height:1}.feature-grid,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.home-stats+.feature-grid{margin-top:16px}.feature-card{border:1px solid var(--line);min-height:166px;box-shadow:var(--shadow-soft);background:#fffaf0db;border-radius:22px;align-content:start;gap:10px;padding:0 0 16px;display:grid;overflow:hidden}.feature-card>img{object-fit:contain;background:#eadfc9;width:100%;height:112px}.feature-card strong,.feature-card span{padding-inline:14px}.feature-card strong,.story-card h2,.achievement h3{font-family:var(--font-serif);font-size:22px}.feature-card span,.story-card p,.achievement p,.step-card p{color:var(--muted);font-size:14px;line-height:1.42}.onboarding-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d131685;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.onboarding-modal{background:radial-gradient(circle at 50% 0%, #d6a94829, transparent 14rem), var(--paper-soft);border:1px solid var(--line);border-radius:28px;gap:12px;width:min(100%,390px);padding:18px;animation:.18s both card-enter;display:grid;box-shadow:0 28px 74px #00000047}.onboarding-modal>img{object-fit:contain;justify-self:center;width:min(100%,290px);height:126px}.onboarding-modal small{color:var(--gold);text-align:center;text-transform:uppercase;font-size:12px;font-weight:800}.onboarding-modal h2{text-align:center;font-size:34px;line-height:.96}.onboarding-steps{gap:10px;display:grid}.onboarding-steps p{color:var(--muted);border:1px solid var(--line);background:#fffaf0b8;border-radius:16px;grid-template-columns:32px 1fr;align-items:center;gap:10px;margin:0;padding:10px;line-height:1.32;display:grid}.onboarding-steps b{color:#fffaf0;background:var(--teal);width:32px;height:32px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:20px;display:grid}.onboarding-actions{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.feature-icon{width:48px;height:48px;color:var(--teal);background:#efe3cd;border-radius:16px;place-items:center;display:grid}.steps{gap:12px;display:grid}.step-card{grid-template-columns:42% 1fr;min-height:170px;display:grid;overflow:hidden}.step-card img{object-fit:contain;background:#eadfc973;width:100%;height:100%;padding:8px}.step-card div{align-content:center;gap:10px;padding:18px;display:grid}.step-card b{color:#fff8ec;background:var(--coral);width:45px;height:45px;font-family:var(--font-sans);border-radius:50%;place-items:center;font-size:24px;font-weight:800;line-height:1;display:grid}.step-card:nth-child(2) b{background:var(--sage)}.step-card:nth-child(3) b{background:var(--gold)}.step-card:nth-child(4) b{background:var(--rose)}.step-card h2{font-size:24px;line-height:1.05}.story-card{gap:12px;margin:14px 0;padding:18px;display:grid}.search-scene{text-align:center;justify-items:center;gap:16px;padding:6px 8px 18px;display:grid}.search-scene img{border-radius:24px;width:min(100%,390px)}.search-scene h1,.choice-header h1{font-size:36px}.search-scene p,.choice-header p{color:var(--muted);font-size:17px}.match-loader{background:radial-gradient(circle at 50% 15%, #d6a9482e, transparent 18rem), linear-gradient(180deg, #ffffff70, #fffaf0d1), var(--paper-card);border:1px solid var(--line);min-height:550px;box-shadow:var(--shadow);border-radius:28px;grid-template-rows:194px 108px 80px 104px;gap:16px;padding:18px;display:grid}.match-loader__art{border-radius:24px;place-items:center;height:194px;display:grid;overflow:hidden}.match-loader__art img{object-fit:contain;filter:drop-shadow(0 18px 26px #4c361c24);width:min(100%,345px);height:194px;animation:3.4s ease-in-out infinite float-soft}.match-loader__art .hero-faceoff{width:min(100%,342px);height:178px;animation:3.4s ease-in-out infinite float-soft}.match-loader__copy{text-align:center;align-content:center;gap:8px;min-height:108px;display:grid}.match-loader__copy h1{place-items:center;max-width:330px;min-height:86px;margin:0 auto;font-size:clamp(31px,9vw,42px);line-height:1.02;display:grid}.match-loader__copy p{color:var(--muted);font-size:16px;line-height:1.42}.match-loader__progress{border:1px solid var(--line);background:#fffaf0c7;border-radius:20px;align-content:center;gap:12px;min-height:80px;padding:15px;display:grid}.match-loader__progress>div{color:var(--teal-dark);justify-content:space-between;font-weight:800;display:flex}.match-loader__opponent{border:1px solid var(--line);background:#fffaf0c7;border-radius:22px;grid-template-columns:70px 1fr;align-items:center;gap:14px;min-height:104px;padding:14px;display:grid}.match-loader__opponent h2{font-size:23px;line-height:1.04}.match-loader__opponent p{color:var(--muted);margin-top:4px;line-height:1.35}.search-cancel{margin-top:28px}.search-progress,.opponent-card,.profile-card,.reward-grid,.insights-card,.confidence,.mini-transcript,.referral-link{padding:18px}.search-progress{gap:14px;display:grid}.search-progress>div{color:var(--teal-dark);justify-content:space-between;display:flex}.search-pulse{animation:1.2s infinite pulse}.opponent-card{grid-template-columns:76px 1fr;align-items:center;gap:16px;margin-top:14px;display:grid}.opponent-card h2{font-size:24px}.opponent-card p,.inline-error{color:var(--muted)}.inline-error{color:var(--coral-dark);background:#df6f551a;border-radius:16px;margin:12px 0;padding:12px}.game-info-row{grid-template-columns:92px 1fr 92px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.rounds-badge,.forfeit-btn{min-height:42px;color:var(--ink);border:1px solid var(--line);background:#fffaf0db;border-radius:999px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.forfeit-btn{color:var(--coral-dark);cursor:pointer}.game-progress{margin-bottom:12px}.game-room{background:linear-gradient(180deg, #fffcf6eb, #fffaf0c2), var(--paper-card);border:1px solid var(--line);height:calc(100vh - 250px);min-height:390px;box-shadow:var(--shadow-soft);border-radius:26px;display:grid;overflow:hidden}.chat-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;min-height:0;padding:18px;display:flex;overflow-y:auto}.game-hint{color:var(--muted);text-align:center;justify-items:center;gap:10px;margin:auto 0;padding:16px;display:grid}.game-hint img{object-fit:contain;border-radius:22px;width:100%;max-height:250px}.game-hint .hero-faceoff{width:min(100%,338px);height:178px}.game-hint strong{color:var(--ink);font-family:var(--font-serif);font-size:34px}.chat-row{width:100%;display:flex}.chat-row--me{justify-content:flex-end}.chat-row--opponent{justify-content:flex-start}.chat-bubble{max-width:82%;box-shadow:var(--shadow-soft);border-radius:20px;gap:5px;padding:13px 16px;line-height:1.36;display:grid}.chat-row--me .chat-bubble{color:#fffaf0;background:linear-gradient(135deg, var(--teal), #438b8c);border-bottom-right-radius:8px}.chat-row--opponent .chat-bubble{color:var(--ink);border:1px solid var(--line);background:#fff5e6;border-bottom-left-radius:8px}.chat-bubble__name,.chat-bubble time{color:inherit;opacity:.68;font-size:12px}.system-message{color:var(--muted);background:#d6a9481f;border-radius:999px;align-self:center;padding:8px 12px;font-size:13px}.typing{width:max-content;color:var(--muted);border:1px solid var(--line);background:#fff5e6;border-radius:999px;align-items:center;gap:6px;padding:11px 14px;display:inline-flex}.typing i{background:#b6a990;border-radius:50%;width:7px;height:7px;animation:1s infinite typing}.typing i:nth-child(3){animation-delay:.12s}.typing i:nth-child(4){animation-delay:.24s}.composer{grid-template-columns:1fr 58px;gap:10px;margin:12px 0;display:grid}.composer input{min-width:0;height:58px;color:var(--ink);border:1px solid var(--line);background:#fffaf0eb;border-radius:20px;outline:none;padding:0 18px}.composer button{color:#fffaf0;background:var(--teal);border:0;border-radius:19px;place-items:center;width:58px;height:58px;display:grid}.composer button:disabled{opacity:.42}.choice-header{text-align:center;gap:6px;margin-bottom:16px;display:grid}.mini-transcript{gap:10px;margin-bottom:14px;display:grid}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-card{min-width:0;box-shadow:var(--shadow-soft);cursor:pointer;background:linear-gradient(#fffaf0ad,#eadfc98c);border:3px solid #0000;border-radius:22px;padding:0;transition:transform .16s,border-color .16s;position:relative;overflow:hidden}.choice-card.active{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 18px 36px #4c361c33,0 0 0 3px #d6a9482e}.choice-portrait{object-fit:contain;background:#eadfc980;width:100%;height:310px}.confidence{gap:14px;margin:14px 0;display:grid}.confidence h2{text-align:center;font-size:20px}.confidence input{accent-color:var(--teal)}.confidence div{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.confidence b{color:var(--teal-dark);background:#eee2cc;border-radius:10px;padding:7px 12px;font-size:22px}.safe-note{color:var(--muted);text-align:center;margin-top:14px}.result-hero{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px;justify-items:center;gap:12px;padding:26px 18px 20px;display:grid}.result-hero--win{--result-main:var(--teal);--result-deep:var(--teal-dark);background:radial-gradient(circle at 50% 18%,#5aa7a157,#0000 18rem),linear-gradient(#ecfbf3,#d8efe6);border-color:#2f777857}.result-hero--lose{--result-main:var(--coral);--result-deep:var(--coral-dark);background:radial-gradient(circle at 50% 18%,#df6f5557,#0000 18rem),linear-gradient(#fff0e9,#f8d9cf);border-color:#df6f555c}.result-hero p{color:var(--result-deep);font-size:20px}.result-hero h1{color:var(--result-deep);font-size:clamp(54px,16vw,82px);line-height:.95}.result-hero span{color:var(--result-deep);font-size:22px}.result-hero span b,.result-hero--win h1,.result-hero--lose h1{color:var(--result-deep)}.result-hero img{filter:drop-shadow(0 14px 22px #2f77782e);width:min(72%,280px)}.result-hero--lose img{filter:drop-shadow(0 14px 22px #df6f5533)}.result-hero>b{color:var(--result-deep);align-items:center;gap:7px;display:inline-flex}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reward-grid div{border-right:1px solid var(--line);place-items:center;gap:5px;padding:8px;display:grid}.reward-grid div:last-child{border-right:0}.reward-grid span{color:var(--muted)}.reward-grid strong{font-family:var(--font-serif);color:var(--teal);font-size:34px}.insights-card{gap:12px;margin-top:14px;display:grid}.insights-card h2{text-align:center;font-size:25px}.insights-card p{color:var(--muted);border:1px solid var(--line);background:#fffaf0b8;border-radius:16px;padding:12px}.result-actions{gap:10px;margin-top:14px;display:grid}.profile-card{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid}.profile-card aside{border:1px solid var(--line);background:#d6a9481f;border-radius:18px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:14px;display:grid}.profile-card aside svg{grid-row:1/3}.profile-card aside strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.profile-card aside b{grid-area:1/3/3}.profile-card aside span{grid-column:2}.profile-card h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,10vw,42px);line-height:.95;overflow:hidden}.profile-card p,.profile-card span,.profile-card aside span{color:var(--muted)}.profile-card>div{gap:5px;min-width:0;display:grid}.profile-card>div .progress{width:100%;margin-top:2px}.avatar{width:76px;height:76px;box-shadow:var(--shadow-soft);background:url(/assets/avatar_mystery_question.png?v=edge9) 50%/cover no-repeat,#e8dcc7;border:3px solid #fff7e7;border-radius:50%;overflow:hidden}.avatar--with-image{background:#e8dcc7}.profile-card .avatar{width:104px;height:104px}.avatar img,.avatar span{object-fit:cover;width:100%;height:100%;display:block}.toggle-row{border-top:1px solid var(--line);grid-template-columns:1fr 60px;align-items:center;gap:12px;min-height:44px;display:grid}.toggle-row:first-of-type{border-top:0}.toggle-input{opacity:0;position:absolute}.toggle-switch{border:1px solid var(--line);background:#d7cbb8;border-radius:999px;width:58px;height:34px;transition:background .16s;display:block}.toggle-switch:after{content:"";background:#fffaf0;border-radius:50%;width:28px;height:28px;margin:2px;transition:transform .16s;display:block;box-shadow:0 2px 8px #00000029}.toggle-input:checked+.toggle-switch{background:var(--teal)}.toggle-input:checked+.toggle-switch:after{transform:translate(24px)}.wide-link{border:1px solid var(--line);min-height:58px;box-shadow:var(--shadow-soft);background:#fffaf0db;border-radius:18px;justify-content:center;align-items:center;margin-top:12px;padding:0 18px;font-weight:700;display:flex}.screen-art{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffaf0d1;border-radius:24px;grid-template-columns:42% 1fr;align-items:center;gap:18px;margin-bottom:14px;padding:18px;display:grid}.screen-art img{object-fit:contain;width:100%;max-height:150px}.screen-art span{color:var(--gold);font-weight:800}.screen-art h1{margin:4px 0;font-size:30px}.screen-art p{color:var(--muted);line-height:1.4}.segmented{border:1px solid var(--line);background:#fffaf0cc;border-radius:999px;grid-template-columns:repeat(2,1fr);margin:14px 0;padding:4px;display:grid}.segmented button{min-height:50px;color:var(--ink);background:0 0;border:0;border-radius:999px;font-weight:800}.segmented button.active{color:#fff8e8;background:#142128}.podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.podium-card{text-align:center;justify-items:center;gap:8px;padding:14px 8px;display:grid}.podium-card span{color:var(--gold);font-weight:900}.podium-card h2{text-overflow:ellipsis;max-width:100%;font-size:18px;overflow:hidden}.leaderboard-list{gap:10px;display:grid}.leader-row{grid-template-columns:28px 52px minmax(0,1fr) minmax(48px,auto);align-items:center;gap:10px;padding:10px;display:grid}.leader-row--me{color:#fff9e9;background:linear-gradient(135deg, var(--teal), #2a696b)}.leader-row .avatar{width:52px;height:52px}.leader-row>div{gap:3px;min-width:0;display:grid}.leader-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leader-row span{color:var(--muted);font-size:12px;line-height:1.2}.leader-row--me span{color:#fff9e9bd}.leader-row em{font-style:normal;font-weight:900}.achievement{opacity:.62;gap:10px;min-width:0;padding:16px;display:grid;overflow:hidden}.achievement--unlocked{opacity:1}.achievement__icon{width:70px;height:70px;color:var(--teal);background:#efe3cd;border-radius:18px;place-items:center;display:grid}.achievement__icon img{object-fit:contain;border-radius:18px;width:100%;height:100%}.achievement__icon svg{opacity:.7;width:34px;height:34px}.achievement h3,.achievement p,.achievement small,.achievement .progress{min-width:0;max-width:100%}.achievement h3{overflow-wrap:anywhere;line-height:1.05}.achievement p{overflow-wrap:break-word}.stats-page{gap:14px;display:grid}.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.stats-summary div{border:1px solid var(--line);background:#fffaf0b8;border-radius:16px;align-content:center;gap:6px;min-height:86px;padding:12px;display:grid}.stats-summary span{color:var(--muted);font-size:13px}.stats-summary strong{color:var(--teal-dark);font-family:var(--font-serif);font-size:30px}.chart-card{gap:12px;padding:16px;display:grid}.chart-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-card__head h2{font-size:24px}.chart-card__head span{color:var(--gold);font-weight:900}.mini-chart{background:#2f777814;border-radius:18px;align-items:end;gap:10px;height:118px;padding:12px;display:flex}.mini-chart span{background:linear-gradient(180deg, #6aa095, var(--teal));border-radius:12px 12px 4px 4px;flex:1;min-height:12px}.referral-link{grid-template-columns:32px 1fr;align-items:center;gap:10px;margin:14px 0;display:grid}.referral-link span{overflow-wrap:anywhere;min-width:0;color:var(--muted)}.bottom-nav{z-index:5;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid var(--line);width:min(100% - 28px,444px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0f5;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav a{color:#74716b;border-radius:16px;place-items:center;gap:4px;min-width:0;padding:5px 4px;font-size:11px;display:grid}.bottom-nav svg{width:24px;height:24px}.bottom-nav a.active{color:var(--teal);background:#2f777814}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .button--secondary,:root[data-theme=dark] .button--ghost,:root[data-theme=dark] .card,:root[data-theme=dark] .theme-switch,:root[data-theme=dark] .how-strip,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .stat-tile,:root[data-theme=dark] .choice-card,:root[data-theme=dark] .match-loader__progress,:root[data-theme=dark] .match-loader__opponent,:root[data-theme=dark] .rounds-badge,:root[data-theme=dark] .forfeit-btn,:root[data-theme=dark] .composer input,:root[data-theme=dark] .confidence b,:root[data-theme=dark] .insights-card p,:root[data-theme=dark] .wide-link,:root[data-theme=dark] .screen-art,:root[data-theme=dark] .segmented,:root[data-theme=dark] .stats-summary div,:root[data-theme=dark] .referral-link,:root[data-theme=dark] .bottom-nav{border-color:var(--line);background:#1d2627eb}:root[data-theme=dark] .card{background:linear-gradient(180deg, #fff8e50d, #070b0d24), var(--paper-card)}:root[data-theme=dark] .startup-loading__meter,:root[data-theme=dark] .empty-state__icon,:root[data-theme=dark] .feature-icon,:root[data-theme=dark] .achievement__icon{background:#dec5941f}:root[data-theme=dark] .startup-loading__meter{background:linear-gradient(#26302df5,#19201fe6)}:root[data-theme=dark] .startup-loading{background:radial-gradient(circle at 50% 20%,#5aa7a129,#0000 16rem),linear-gradient(#0d1719fa,#0a1012f0)}:root[data-theme=dark] .hero{background:radial-gradient(circle at 18% 10%,#5aa7a126,#0000 16rem),radial-gradient(circle at 86% 22%,#e07a6229,#0000 13rem),linear-gradient(135deg,#182225f5,#0d1316fa),#172022}:root[data-theme=dark] .hero:before{opacity:.5;background:linear-gradient(90deg,#dec5940a 1px,#0000 1px) 0 0/18px 18px,linear-gradient(0deg,#dec59409 1px,#0000 1px) 0 0/18px 18px,radial-gradient(circle at 18% 78%,#5aa7a124,#0000 11rem),linear-gradient(#0c121414,#0c12149e)}:root[data-theme=dark] .hero:after{background:radial-gradient(circle at 16% 18%,#f5ead60f,#0000 9rem),radial-gradient(circle at 92% 82%,#5aa7a11f,#0000 12rem);border-color:#dec59429}:root[data-theme=dark] .hero__text-group span{color:#cabda7}:root[data-theme=dark] .hero__hint{color:#d8c9ae}:root[data-theme=dark] .hero__seal{color:#2b2114;background:#d9bb79}:root[data-theme=dark] .hero-faceoff__question{color:#f5ead6;background:linear-gradient(#2b3f42 0%,#182527 100%);border-color:#dec5944d;box-shadow:0 12px 24px #00000052,inset 0 0 0 4px #f5ead614}:root[data-theme=dark] .theme-switch__track{background:#dec59429}:root[data-theme=dark] .theme-switch__track--dark{background:linear-gradient(135deg, #20383a, var(--teal))}:root[data-theme=dark] .feature-card>img,:root[data-theme=dark] .step-card img,:root[data-theme=dark] .choice-portrait{background:#dec5941a}:root[data-theme=dark] img[src*="/assets/trophy_gold.png"]{content:url(/assets/trophy_gold_dark.png?v=edge9)}:root[data-theme=dark] img[src*="/assets/badge_crown.png"]{content:url(/assets/badge_crown_dark.png?v=edge9)}:root[data-theme=dark] .home-stats{box-shadow:var(--shadow);background:linear-gradient(135deg,#071012,#18383a);border:1px solid #dec5941f}:root[data-theme=dark] .home-stats .stat-tile{color:#fff3d8;background:0 0;border-color:#fff4da2e}:root[data-theme=dark] .home-stats .stat-tile span{color:#fff4dac2}:root[data-theme=dark] .onboarding-modal{background:radial-gradient(circle at 50% 0%, #5aa7a12e, transparent 14rem), var(--paper-soft)}:root[data-theme=dark] .onboarding-steps p{background:#1d2627eb}:root[data-theme=dark] .result-hero--win{background:radial-gradient(circle at 50% 18%,#5aa7a152,#0000 18rem),linear-gradient(#18433dfa,#102a28f0)}:root[data-theme=dark] .result-hero--lose{background:radial-gradient(circle at 50% 18%,#e07a6257,#0000 18rem),linear-gradient(#4a2620fa,#2d1b19f0)}:root[data-theme=dark] .match-loader{background:radial-gradient(circle at 50% 15%, #d6a9481f, transparent 18rem), linear-gradient(180deg, #fff8e50d, #11181ae6), var(--paper-card)}:root[data-theme=dark] .game-room{background:linear-gradient(180deg, #1d2627eb, #11181aeb), var(--paper-card)}:root[data-theme=dark] .chat-row--opponent .chat-bubble,:root[data-theme=dark] .typing{color:var(--ink);border-color:var(--line);background:#2b2219eb}:root[data-theme=dark] .chat-row--me .chat-bubble{color:#f8f0df;background:linear-gradient(135deg,#2f7778,#1d595c)}:root[data-theme=dark] .system-message,:root[data-theme=dark] .profile-card aside,:root[data-theme=dark] .mini-chart,:root[data-theme=dark] .inline-error{background:#d6a9481f}:root[data-theme=dark] .composer button{color:#081112;background:var(--teal)}:root[data-theme=dark] .toggle-switch{background:#3a3329}:root[data-theme=dark] .toggle-switch:after{background:#f5ead6}:root[data-theme=dark] .avatar{background-color:#252d2d;border-color:#f5ead652}:root[data-theme=dark] .segmented button.active{color:#081112;background:var(--gold)}:root[data-theme=dark] .leader-row--me{color:#f8f0df;background:linear-gradient(135deg,#2f7778,#184c4f)}:root[data-theme=dark] .bottom-nav a{color:#b8aa93}:root[data-theme=dark] .bottom-nav a.active{color:#081112;background:#5aa7a1e6}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spin-bottom{to{transform:rotate(360deg)}}@keyframes typing{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (width<=380px){.screen{padding-inline:12px}.hero{min-height:590px}.hero__text-group h1{font-size:46px}.hero__overlay{gap:16px;padding-inline:16px}.hero-faceoff{gap:10px;width:100%;height:166px;padding-inline:14px}.hero-faceoff__card{flex-basis:clamp(96px,31vw,112px);height:136px}.hero-faceoff__question{flex-basis:52px;width:52px;height:52px;font-size:32px;line-height:52px}.hero .button{font-size:30px}.button{min-height:58px;font-size:21px}.choice-portrait{height:262px}.topbar__title{font-size:28px}.step-card{grid-template-columns:38% 1fr}.stat-tile strong{font-size:22px}}