.game-container{flex-direction:column;align-items:center;width:min(1100px,94vw);margin:clamp(8px,2.2vw,16px) auto 0;padding:16px 16px 22px;display:flex}#gameCanvas{background:radial-gradient(120% 120% at 50% 0,#ffffff0f,#fff0 60%);border:1px solid #ffffff1f;border-radius:14px;max-width:100%;display:block;box-shadow:inset 0 0 24px #00000073}#controls{margin-top:14px}#startButton{color:#fff;border-radius:var(--radius-md,10px);cursor:pointer;background:linear-gradient(to bottom right,#3498dbe6,#2980b9e6);border:1px solid #ffffff40;padding:12px 24px;font-size:1.05rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 22px #0000002e}#startButton:hover,#startButton:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 14px 28px #0000003d}#leaderboard{top:calc(var(--header-h,64px) + 10px);background:var(--glass-bg,#0f172a59);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg,15px);width:min(360px,92vw);box-shadow:var(--glass-shadow,0 10px 40px #00000059);color:var(--brand-text,#e5e7eb);z-index:32;padding:16px 16px 12px;position:fixed;left:clamp(12px,3vw,24px)}#leaderboard h2{text-align:center;color:var(--blue,#3498db);margin:0 0 10px;font-weight:800}#leaderboard .pip-trigger{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#3498dbe6,#2980b9e6);border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin:10px 0 12px;padding:10px 16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px #0000002e}#leaderboard .pip-trigger:before{content:"🪟";font-size:1.1em}#leaderboard .pip-trigger:hover,#leaderboard .pip-trigger:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 14px 26px #0000003d}#leaderboard ul{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}#leaderboard li{border-bottom:1px solid #ffffff1f;padding:8px 2px;font-size:.95em}#leaderboard li b{color:#fff}.hidden{display:none!important}.seo-content{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg,15px);box-shadow:var(--glass-shadow,0 10px 40px #00000059);text-align:left;max-width:780px;color:var(--brand-text,#e5e7eb);margin:28px auto 0;padding:24px 28px;line-height:1.7}.seo-content h1{color:var(--blue,#3498db);text-align:center;margin:0 0 14px;font-size:2rem}.seo-content h2{color:var(--blue-600,#2980b9);text-align:center;margin:18px 0 10px;font-size:1.35rem}.seo-content a{color:var(--blue-600,#2980b9);font-weight:700;text-decoration:none}.seo-content a:hover{text-decoration:underline}#leaderboard{color:#eef2ff;border-radius:16px;width:100%;max-width:600px;margin:16px auto 0;padding:18px 18px 14px;top:auto;left:auto;box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff1a;background:var(--lb-solid,#0e1421)!important;backdrop-filter:none!important;border:1px solid #ffffff14!important;position:static!important}#leaderboard h2{color:#fff;letter-spacing:.01em;margin:0 0 10px;font-weight:800}#leaderboard .pip-trigger{color:#fff;background:linear-gradient(135deg,#3a8fd8,#2b6ea6);border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;font-weight:800;display:inline-flex}#leaderboard ul{scroll-behavior:smooth;max-height:min(68vh,560px);margin:10px 0 0;padding-right:6px;overflow-y:auto}#leaderboard li{color:#fffffff2;word-wrap:break-word;border-bottom:1px solid #ffffff24;padding:10px 0;line-height:1.5}#leaderboard li.current-speaker{color:#0ff;background:#00ffff26;border-radius:8px;margin:4px 0;padding:10px;box-shadow:0 0 8px #0ff6}#leaderboard li.current-speaker b{color:#0ff}#leaderboard li:last-child{border-bottom:none}#leaderboard li b{color:#fff;font-weight:800}@media (width<=900px){#leaderboard{margin:14px auto 0;padding:16px 16px 12px;box-shadow:0 12px 26px #00000038,inset 0 1px #ffffff14}}@media (width<=520px){#leaderboard{border-radius:14px;padding:14px 14px 10px}#leaderboard h2{font-size:1.1rem}#leaderboard .pip-trigger{font-size:.95rem}#leaderboard ul{max-height:56vh}}@media (width<=380px){#leaderboard{margin-inline:max(8px, env(safe-area-inset-left))}.game-container{padding:12px 8px 18px}}#leaderboard ul::-webkit-scrollbar{width:10px}#leaderboard ul::-webkit-scrollbar-thumb{background:#ffffff47 padding-box padding-box;border:2px solid #0000;border-radius:8px}#leaderboard ul::-webkit-scrollbar-track{background:0 0}:root.light #leaderboard{--lb-solid:#fff;color:#0b1220;box-shadow:0 14px 32px #00000029,inset 0 1px #fff9;border-color:#0000001a!important}:root.light #leaderboard h2,:root.light #leaderboard li b{color:#0b1220}:root.light #leaderboard li{color:#0b1220f2;border-bottom-color:#0000001a}:root.light #leaderboard li.current-speaker{color:teal;background:#0096961a;box-shadow:0 0 8px #00969633}:root.light #leaderboard li.current-speaker b{color:teal}@media (width<=900px){#leaderboard{margin:12px auto 0;position:relative;top:auto;left:auto}}@media (width<=520px){.seo-content{padding:18px 16px}.seo-content h1{font-size:1.8rem}.seo-content h2{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){#startButton,#leaderboard .pip-trigger{transition:none!important;transform:none!important}}