:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0d1730;background:#fbfaf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:650;line-height:1.45}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 18% 28%,#7a5cff14,#0000 26rem),radial-gradient(circle at 84% 22%,#44d3c61f,#0000 24rem),#fbfaf8}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:min(1740px,100% - 48px);margin:0 auto;padding:34px 0 26px}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:0;align-items:center;gap:12px;font-size:28px;font-weight:950;display:inline-flex}.brand span:last-child{color:#42d6c2}.brand-mark{color:#fff;background:linear-gradient(145deg,#ff7c5e,#7a54ff 58%,#42d6c2);border-radius:14px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:950;display:grid;box-shadow:0 16px 34px #7a54ff38}.top-controls{align-items:center;gap:12px;display:flex}.player-field,.locale-field{color:#687286;align-items:center;gap:10px;font-size:14px;font-weight:900;display:inline-flex}.player-field span,.locale-field span{text-transform:uppercase;letter-spacing:.04em}.player-field input,.locale-field select{color:#111827;background:#ffffffd6;border:1px solid #dfe5ef;border-radius:999px;outline:none;width:210px;min-height:44px;padding:0 16px;box-shadow:0 8px 24px #43377014}.locale-field select{appearance:none;width:128px}.player-field input:focus,.locale-field select:focus{border-color:#7a75ff;box-shadow:0 0 0 4px #7a75ff29}.prompt{text-align:center;margin:34px auto 46px}.prompt p{color:#687286;margin:0;font-size:26px;font-weight:850}.prompt h1{letter-spacing:0;max-width:1280px;margin:10px auto 0;font-size:clamp(42px,4vw,72px);line-height:1.05}.prompt h1 span{background:linear-gradient(90deg,#e84aa3,#7a54ff,#4d6cff);color:#0000;-webkit-background-clip:text;background-clip:text}.play-grid{grid-template-columns:minmax(360px,1.2fr) minmax(430px,1.2fr) 360px;align-items:start;gap:clamp(28px,3vw,54px);display:grid}.scene-card,.guess-card,.summary-card,.leaderboard{border:1px solid #e1e6f0;border-radius:28px;box-shadow:0 30px 80px #43377029}.scene-card{background:#fff;overflow:hidden}.image-stage{aspect-ratio:1;background:#eef2f7;position:relative;overflow:hidden}.scene-card>p{color:#6b7280;text-align:center;margin:0;padding:12px 18px 16px;font-size:12px}.question-image{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.guess-card{min-height:560px;position:relative;overflow:hidden}.round-chip{z-index:3;color:#0d1730b8;text-align:center;background:#ffffff57;border-radius:999px;min-width:52px;padding:3px 10px;font-size:18px;font-weight:950;position:absolute;top:34px;left:50%;transform:translate(-50%)}.picker-mode{align-items:end;padding:34px;display:grid}.slider-stack{grid-template-columns:48px 48px 48px;display:grid;position:absolute;inset:0 auto 0 0}.vertical{appearance:none;transform-origin:24px 24px;outline:none;width:560px;height:48px;margin:0;transform:rotate(90deg)translateY(-48px)}.vertical::-webkit-slider-thumb{appearance:none;background:#fff;border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 6px 18px #0d173047}.hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturation-track{background:linear-gradient(90deg,#ffffff73,#00000026)}.brightness-track{background:linear-gradient(90deg,#ffffffbf,#000000b3)}.picker-meta{color:#0d1730c7;gap:6px;display:grid;position:absolute;top:92px;left:206px}.picker-meta strong{font-size:28px}.round-action{color:#3b4454;background:#fff;border:0;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute;bottom:58px;right:58px;box-shadow:0 18px 34px #141a2b29}.result-mode{background:#fff;grid-template-rows:1fr 1fr;display:grid}.color-half{color:#111827;align-content:center;padding:68px 80px;display:grid}.guess-half{grid-template-columns:minmax(0,1fr) minmax(190px,240px);align-content:stretch;align-items:center;gap:34px;padding:70px 64px}.color-half span{text-transform:uppercase;font-size:20px;font-weight:850}.color-half strong{white-space:nowrap;margin-top:8px;font-size:22px;font-weight:950}.score-block{text-align:center;color:#05070d;justify-items:center;gap:8px;min-width:0;display:grid}.score-block strong{font-size:clamp(58px,5vw,82px);font-weight:950;line-height:.95}.score-block span{font-size:22px}.next{bottom:72px;right:70px}.result-mode>small{color:#0d17308c;position:absolute;top:28px;right:28px}.save-row{grid-template-columns:1fr 160px;gap:12px;display:grid;position:absolute;bottom:48px;left:40px;right:40px}.save-row input,.save-row button{border:0;border-radius:18px;min-height:58px;padding:0 18px}.save-row input{color:#111827;background:#ffffffdb}.save-row button{color:#fff;background:#111827}.summary-card{color:#fff;background:#111827;min-height:560px;overflow:hidden}.summary-top{color:#0d1730;background:#fff;padding:46px 58px 28px}.summary-top strong{font-size:92px;font-weight:950;line-height:.95;display:block}.summary-top span{margin-top:10px;font-size:22px;font-weight:900;display:block}.summary-strip{grid-template-columns:repeat(5,1fr);gap:14px;padding:36px 48px 18px;display:grid}.summary-thumb{aspect-ratio:1;background:#263145;border-radius:12px;position:relative;overflow:hidden}.summary-thumb img{object-fit:cover;width:100%;height:100%}.summary-thumb span{color:#fff;text-align:center;background:#000000ad;border-radius:8px;min-width:48px;padding:4px 7px;font-size:16px;font-weight:950;position:absolute;bottom:6px;right:6px}.summary-actions{justify-content:center;gap:26px;padding:58px 0 22px;display:flex}.summary-actions button{color:#394150;background:#fff;border:0;border-radius:50%;place-items:center;width:86px;height:86px;display:grid}.summary-actions button:first-child{color:#fff;background:linear-gradient(135deg,#8b5cf6,#f472b6)}.summary-card p{color:#ffffffb8;text-align:center;margin:0}.share-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.share-panel{text-align:center;background:#fff;border-radius:28px;width:min(640px,100%);max-height:min(920px,100svh - 44px);padding:30px;position:relative;overflow:auto;box-shadow:0 34px 120px #0f172a47}.share-close{color:#5f6878;background:#f3f4f6;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:20px;right:20px}.share-head{gap:6px;padding:10px 48px 22px;display:grid}.share-head strong{color:#101827;font-size:32px;font-weight:950;line-height:1.05}.share-head span,.share-panel p{color:#6b7280}.share-preview{background:linear-gradient(#f8fafc,#fff);border-radius:18px;place-items:center;min-height:360px;display:grid}.share-preview img{border-radius:18px;width:min(420px,100%);box-shadow:0 24px 70px #0f172a38}.share-socials{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.share-socials a,.share-actions button{border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.share-socials a{color:#111827;background:#f3f4f6;min-height:46px}.share-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.share-actions button{color:#394150;background:#fff;border:1px solid #e1e6f0;gap:8px;min-height:46px;padding:0 18px}.share-actions button:first-child{color:#fff;background:#111827;border-color:#0000}.share-actions button:disabled{cursor:not-allowed;opacity:.5}.share-panel p{margin:14px 0 0;font-size:14px}.leaderboard{background:#fff;min-height:560px;padding:24px}.board-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-head span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:950}.board-head h2{color:#aa5cff;align-items:center;gap:8px;margin:4px 0 0;font-size:26px;display:flex}.live-pill,.sample-pill{text-transform:uppercase;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:15px;display:inline-flex}.live-pill{color:#15945f;background:#dcfce7}.sample-pill{color:#6b7280;background:#eef2ff}.tabs{background:#f7f7f8;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 16px;padding:5px;display:grid}.tabs button{color:#6875ff;background:#fff;border:0;border-radius:12px;min-height:42px;box-shadow:0 5px 14px #414c731a}.tabs button+button{color:#6b7280;box-shadow:none;background:0 0}.leaderboard ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border-bottom:1px solid #edf0f5;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:72px;display:grid}.rank{color:#7775ff;background:#ecebff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.leaderboard li span:nth-child(2){gap:2px;display:grid}.leaderboard li strong{word-break:break-word;font-size:20px;line-height:1.12}.leaderboard li small,.leaderboard p{color:#6b7280}.leaderboard li b{font-size:24px}.leaderboard p{align-items:center;gap:6px;margin:18px 0 0;font-size:14px;display:flex}.footnote{color:#6b7280;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:14px;display:flex}.seo-section{background:#fff;border-top:1px solid #e8edf5}.seo-inner{width:min(1120px,100% - 48px);margin:0 auto;padding:72px 0 84px}.seo-intro{max-width:820px}.seo-intro>p:first-child{color:#6875ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:950}.seo-intro h2,.seo-faq h2{color:#101827;letter-spacing:0;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.05}.seo-intro p:last-child{color:#5f6878;margin:20px 0 0;font-size:19px;line-height:1.7}.seo-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.seo-grid article{background:#fbfaf8;border:1px solid #e8edf5;border-radius:8px;padding:24px}.seo-grid h3{color:#101827;margin:0 0 10px;font-size:22px}.seo-grid p,.seo-faq p{color:#5f6878;margin:0;line-height:1.65}.seo-faq{margin-top:54px}.seo-faq h2{margin-bottom:18px;font-size:clamp(28px,3vw,40px)}.seo-faq details{border-top:1px solid #e8edf5;padding:18px 0}.seo-faq details:last-child{border-bottom:1px solid #e8edf5}.seo-faq summary{cursor:pointer;color:#101827;font-size:20px;font-weight:900}.seo-faq details p{max-width:760px;padding-top:10px}@media (width<=1280px){.play-grid{grid-template-columns:1fr 1fr}.leaderboard{grid-column:1/-1;min-height:auto}}@media (width<=820px){html,body,#root{min-height:100%}body{overflow-x:hidden}.app-shell{grid-template-rows:auto auto 1fr;gap:10px;width:min(100%,520px);min-height:100svh;margin:0 auto;padding:8px 10px 10px;display:grid;overflow:visible}.app-shell>*{min-width:0}.topbar{gap:8px;min-width:0;display:flex}.brand{gap:8px;font-size:18px}.brand-mark{border-radius:10px;width:34px;height:34px;font-size:13px}.top-controls{gap:6px;min-width:0}.player-field span,.locale-field span{display:none}.player-field input{width:104px;min-height:34px;padding:0 10px;font-size:12px}.locale-field select{width:78px;min-height:34px;padding:0 10px;font-size:12px}.prompt{min-width:0;margin:0;padding:0 4px}.prompt p{font-size:12px;line-height:1.1}.prompt h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;max-height:58px;margin-top:3px;font-size:clamp(20px,6vw,28px);line-height:1.02;display:-webkit-box;overflow:hidden}.play-grid{grid-template-rows:minmax(300px,42svh) minmax(260px,34svh) auto;grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;min-height:0;display:grid}.scene-card,.guess-card,.summary-card{border-radius:22px;width:100%;height:100%;min-height:0;box-shadow:0 14px 38px #43377024}.scene-card{display:block}.image-stage{aspect-ratio:auto;height:100%}.scene-card>p,.footnote{display:none}.leaderboard{border-radius:22px;min-height:auto;padding:18px;display:block}.leaderboard li{min-height:58px}.leaderboard ol li:nth-child(n+5){display:none}.board-head h2{font-size:22px}.tabs{margin:16px 0 8px}.tabs button{min-height:36px;font-size:14px}.leaderboard li strong{font-size:17px}.leaderboard li b{font-size:20px}.slider-stack{grid-template-columns:40px 40px 40px;height:100%}.vertical{transform-origin:50%;writing-mode:vertical-lr;direction:rtl;width:40px;height:100%;transform:none}.hue-track{background:linear-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.saturation-track{background:linear-gradient(#00000026,#ffffff73)}.brightness-track{background:linear-gradient(#000000b3,#ffffffbf)}.picker-meta{gap:4px;top:46%;left:144px;right:92px;transform:translateY(-50%)}.picker-meta strong{white-space:nowrap;font-size:clamp(24px,7.2vw,32px);line-height:1}.picker-meta span{font-size:15px;line-height:1.2}.round-action{width:72px;height:72px;bottom:22px;right:24px}.color-half{padding:26px 24px}.color-half span{font-size:13px}.color-half strong{font-size:16px}.score-block{gap:4px;width:auto}.score-block strong{font-size:clamp(38px,12vw,54px)}.score-block span{font-size:14px}.guess-half{grid-template-columns:minmax(0,1fr) minmax(104px,128px);gap:14px}.round-chip{min-width:46px;font-size:16px;top:22px}.result-mode>small{font-size:12px;top:16px;right:18px}.save-row{grid-template-columns:1fr;gap:8px;bottom:18px;left:18px;right:18px}.save-row input,.save-row button{border-radius:14px;min-height:42px}.summary-top{padding:18px 26px 14px}.summary-top strong{font-size:52px}.summary-top span{margin-top:4px;font-size:18px}.summary-strip{gap:9px;padding:18px 20px 8px}.summary-thumb span{min-width:38px;font-size:12px}.summary-actions{padding:18px 0 10px}.summary-actions button{width:58px;height:58px}.summary-card p{padding:0 12px 10px;font-size:12px}.share-overlay{padding:12px}.share-panel{border-radius:22px;max-height:calc(100svh - 24px);padding:18px}.share-head{padding:6px 42px 16px}.share-head strong{font-size:26px}.share-preview{min-height:0}.share-preview img{width:min(310px,100%)}.share-socials{grid-template-columns:repeat(2,1fr)}.share-actions button{flex:140px}.seo-inner{width:min(100% - 28px,520px);padding:44px 0 58px}.seo-intro h2{font-size:30px}.seo-intro p:last-child{font-size:16px;line-height:1.6}.seo-grid{grid-template-columns:1fr;margin-top:28px}.seo-grid article{padding:20px}.seo-faq{margin-top:36px}.seo-faq summary{font-size:18px}}