@import "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Michroma&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1f1f;background-image:url(https://64.media.tumblr.com/a2726b4b027405abb9fcc760bd7f34df/12b7583f3577fc35-58/s1280x1920/d72622748a865bffeb44780f9a1927c05acb193f.pnj);background-size:cover;background-attachment:fixed}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow-x:hidden}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}@media (width<=700px){#root{border-inline:none}}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}#burger_icon{cursor:pointer;filter:invert();width:30px}.topnav-inner{background-color:#3a4042;justify-content:space-between;padding:16px;display:flex}div[data-reverse=true] nav{display:none}ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}li{margin-top:2px;margin-bottom:10px}.logo{background-color:#fff;border-radius:100%;padding:8px 6px 6px}div[data-reverse=false] #topnav_responsive_menu{background-color:#3a4042;justify-content:left;padding:0 10px;display:flex;position:absolute;right:0}#topnav{z-index:1000;width:100%;position:fixed}.btn{--btn-neon:#4ebeff;appearance:none;border:clamp(2px, .25vw, 4px) solid var(--btn-neon);color:#deddd9;letter-spacing:.02em;text-align:center;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb, var(--btn-neon) 58%, transparent);background:linear-gradient(#3d3d3d 0%,#303030 100%);border-radius:clamp(8px,1vw,10px);justify-content:center;align-items:center;gap:8px;padding:clamp(.45em,1.2vw,.55em) clamp(1em,2vw,1.4em);font-family:Orbitron,sans-serif;font-style:normal;font-weight:400;line-height:1;transition:box-shadow .17s,filter .17s,transform .17s,border-color .17s;display:inline-flex;position:relative}.btn--neon-hover:hover{box-shadow:0 0 18px color-mix(in srgb, var(--btn-neon) 72%, transparent), 0 0 40px color-mix(in srgb, var(--btn-neon) 56%, transparent);filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn--blue{--btn-neon:#4ebeff}.btn--green{--btn-neon:#19e36f}.btn--red{--btn-neon:#ff1f77}.btn--panel{--btn-neon:#d2ff39;background:linear-gradient(#3c3c3c 0%,#2f2f2f 100%);border-width:3px;border-color:#d2ff39;border-radius:10px;width:100%;min-height:clamp(38px,5.5vh,44px)}.btn--icon{min-width:clamp(24px,3.2vw,30px);min-height:clamp(24px,3.2vw,30px);box-shadow:none;background:0 0;border-width:0;padding:0;font-size:clamp(1rem,2.4vw,1.35rem)}.btn--icon.btn--neon-hover:hover{box-shadow:none;filter:brightness(1.12);transform:none}.home_container{box-sizing:border-box;background:radial-gradient(circle at 50% -10%,#232428 0%,#1c1c1f 45%,#18181b 100%);justify-content:center;width:100%;min-height:100svh;margin-top:4%;padding:clamp(12px,2.2vh,26px) 0 clamp(90px,14vh,130px);display:flex}.home_content{flex-direction:column;align-items:center;gap:clamp(10px,2.3vh,24px);width:min(94vw,980px);display:flex}.home_title{letter-spacing:.02em;text-transform:none;color:#ebebeb;margin:14px 0 0;font-family:Orbitron,sans-serif;font-size:clamp(2rem,6.2vw,5rem);font-weight:500;line-height:1}.home_quote_wrap{width:min(100%,920px);margin-top:5%}.home_quote_wrap .box_quote_container{margin:clamp(6px,1.6vh,14px) auto clamp(4px,1vh,10px)}.home_quote_wrap .quote_text{width:75%;max-width:none;margin-inline:auto;font-size:clamp(1rem,2.1vw,1.7rem);line-height:1.35}@media (width>=1200px){.home_quote_wrap .quote_text{width:88%}}.home_quote_wrap .quote_author{font-size:clamp(1rem,1.9vw,1.55rem)}.home_play_button{text-transform:none;width:clamp(180px,30vw,320px);height:clamp(52px,7.6vh,76px);margin-top:clamp(2px,1vh,8px);padding:0;font-size:clamp(1.25rem,3.1vw,2.25rem)}@media (width<=700px){.home_container{margin-top:20%;padding-top:12px;padding-bottom:clamp(104px,16vh,132px)}.home_quote_wrap{margin-top:15%}.home_content{gap:12px;width:min(96%,430px)}.home_title{margin:6px 0 2px;font-size:clamp(1.35rem,8vw,2rem);line-height:1.05;display:block}.home_quote_wrap .box_quote_container{margin:2px auto}.home_quote_wrap .box_quote{min-height:clamp(170px,48vw,200px);padding:30px 12px 18px}.home_quote_wrap .quote_text{width:92%;font-size:clamp(.95rem,4.6vw,1.2rem)}.home_quote_wrap .quote_author{font-size:clamp(.95rem,4.2vw,1.15rem)}.home_play_button{text-transform:uppercase;width:clamp(150px,52vw,250px);height:clamp(48px,8.2vh,60px);font-size:clamp(1.15rem,6.5vw,1.7rem)}}@media (width<=420px){.home_container{padding-top:8px;padding-bottom:110px}.home_content{gap:10px;width:97%}.home_play_button{width:min(62vw,220px);height:46px;font-size:1.05rem}}.history{--history-bg:#373737;--history-border:#d2ff39;--history-text:#ececec;--history-accent:#d2ff39;--history-muted:#f2f2f2;--history-shadow:#d2ff3940;z-index:2000;flex-direction:column;align-items:stretch;gap:8px;width:min(94vw,860px);margin:0;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.history__trigger{font-family:Orbitron,sans-serif}.history__inner{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.history__title{letter-spacing:.04em;color:#efefef;font-size:clamp(.85rem,1.6vw,1.2rem)}.history__arrow{color:var(--history-muted);font-size:clamp(1rem,2vw,1.35rem);line-height:1;transform:translateY(-1px)}.history__body{border:4px solid var(--history-border);background:radial-gradient(circle at 20% 0%, #424242, var(--history-bg) 60%);box-shadow:0 8px 28px var(--history-shadow);opacity:0;transform-origin:bottom;pointer-events:none;max-height:0;color:var(--history-text);border-width:0;border-radius:12px;padding:0 clamp(12px,3vw,28px);font-family:Orbitron,sans-serif;transition:max-height .26s,opacity .22s,transform .26s,padding .26s,border-width .26s;overflow:hidden;transform:translateY(18px)scaleY(.98)}.history.is-open .history__body{opacity:1;pointer-events:auto;border-width:4px;max-height:min(54vh,430px);padding:clamp(10px,2.2vh,20px) clamp(12px,3vw,28px) clamp(12px,2.6vh,24px);transform:translateY(0)scaleY(1)}.history__columns{text-align:left;grid-template-columns:1fr 1fr;margin:6px 0 18px;display:grid}.history__columns h3{color:var(--history-accent);margin:0;font-size:clamp(1.05rem,2.1vw,1.65rem);font-weight:700}.history__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history__list li{text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:20px;font-size:clamp(.88rem,1.4vw,1.2rem);display:grid}.history__name,.history__score{letter-spacing:.02em;font-weight:400}.history__score{justify-self:end}.history__empty{color:#dadada;text-align:center;margin:20px 0 8px;font-size:1rem}@media (width<=700px){.history{width:min(97vw,860px);bottom:8px}.history__title{font-size:.85rem}.history__arrow{font-size:1.05rem}.history__body{padding:0 12px}.history.is-open .history__body{border-width:3px;padding:10px 12px 12px}.history__columns{margin:4px 0 8px}.history__list li{gap:8px}}@media (width<=420px){.history{width:98vw;bottom:6px}.history__inner{gap:6px}.history__title{font-size:.78rem}.history__arrow{font-size:.92rem}.history.is-open .history__body{max-height:min(46vh,290px);padding:8px 10px 10px}.history__columns h3{font-size:.95rem}.history__list{gap:6px}.history__list li{gap:6px;font-size:.78rem}}.box_quote_container{filter:drop-shadow(0 4px 4px #00000040);width:clamp(300px,88vw,900px);margin:clamp(10px,3.2vh,46px) auto}.box_quote{box-sizing:border-box;background:#373737;border:clamp(3px,.35vw,5px) solid #1c1c1c;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:clamp(150px,18vw,240px);padding:clamp(16px,2.2vw,26px) clamp(18px,4vw,44px);display:flex;position:relative}.top_quote{box-sizing:border-box;z-index:10;background:#373737;border:clamp(3px,.35vw,5px) solid #1c1c1c;border-radius:10px;justify-content:center;align-items:center;width:clamp(44px,6vw,68px);height:clamp(44px,6vw,68px);display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.top_quote img{-webkit-user-select:none;user-select:none;width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px)}.box_content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.1vw,24px);width:100%;max-width:100%;display:flex}.quote_text{color:#fff;width:75%;max-width:none;margin:0;font-family:Fira Mono,monospace;font-size:clamp(16px,1.9vw,44px);font-style:normal;font-weight:400;line-height:1.14}@media (width>=1200px){.quote_text{width:88%}}.quote_author{color:#fff;margin:0;font-family:Fira Mono,monospace;font-size:clamp(16px,1.8vw,34px);font-style:normal;font-weight:700;line-height:1.2}@media (width<=768px){.box_quote_container{width:min(95vw,680px);margin:16px auto}.box_quote{min-height:clamp(170px,46vw,220px);padding:24px 14px 18px}.top_quote{width:50px;height:50px;top:-25px;left:15px}.quote_svg_themed{width:24px;height:24px}.quote_text{width:92%;font-size:clamp(15px,3.7vw,21px)}.quote_author{font-size:clamp(15px,3.4vw,19px)}}@media (width<=480px){.quote_text,.quote_author{font-size:16px}.box_quote,.top_quote{border-width:4px}}.main_not_found{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(16px,4vw,32px);display:flex}.not_found_content{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);box-sizing:border-box;border-radius:12px;width:min(92vw,560px);padding:clamp(20px,5vw,48px)}.brand_name{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;font-weight:700}.error_code{color:var(--text-h);margin:0;font-size:clamp(3.2rem,14vw,6rem);line-height:1}.error_message{color:var(--text-h);margin-bottom:1rem;font-size:clamp(1.05rem,4.6vw,1.5rem)}.description{opacity:.8;margin-bottom:2rem}.btn_home{background-color:var(--accent);color:#fff;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block}.btn_home:hover{background-color:#932ee0;transform:translateY(-2px)}.btn_home:active{transform:translateY(0)}@media (width<=480px){.brand_name{letter-spacing:1.2px;font-size:.78rem}.btn_home{box-sizing:border-box;width:100%;padding:.75rem 1rem}}@keyframes game-pulse-good{0%{filter:drop-shadow(0 0 #7cf6a600);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #7cf6a673);transform:scale(1.01)}to{filter:drop-shadow(0 0 #7cf6a600);transform:scale(1)}}@keyframes game-shake-bad{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@media (width<=700px){.game_container{margin-top:20%;padding-top:10px;padding-bottom:clamp(110px,17vh,140px)}.game_content{gap:14px;width:min(96%,430px)}.game_hud{gap:6px;width:min(100%,420px)}.game_hud p{padding:7px 6px;font-size:clamp(.68rem,3vw,.86rem)}.game_timer_bar{width:100%}.game_answers{grid-template-columns:1fr;gap:10px}.game_answer_button{min-height:52px;font-size:clamp(1rem,5.2vw,1.35rem)}.game_quote_wrap{padding-top:10%}.game_answer_key{width:20px;height:20px;font-size:.6rem}}h1{color:#fff;font-family:Orbitron,sans-serif}.tg_container{box-sizing:border-box;background:radial-gradient(circle at 50% -10%,#232428 0%,#1c1c1f 45%,#18181b 100%);justify-content:center;width:100%;min-height:100svh;margin-top:5%;padding:clamp(12px,2.4vh,26px) 0 clamp(98px,15vh,140px);display:flex}.tg_content{flex-direction:column;align-items:center;gap:clamp(14px,2.8vh,28px);width:min(94vw,980px);display:flex}.tg_hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(92%,760px);font-family:Orbitron,sans-serif;display:grid}.tg_hud p{color:#f0f0f0;background:#282828b8;border:1px solid #4ebeff59;border-radius:8px;margin:0;padding:8px 10px;font-size:clamp(.78rem,1.4vw,1rem)}.tg_timer_bar{opacity:1;background:#ffffff14;border-radius:3px;width:min(92%,760px);height:5px;transition:opacity .3s;overflow:hidden}.tg_timer_bar--hidden{opacity:0;pointer-events:none}.tg_timer_bar:after{content:"";height:100%;width:var(--pct,100%);background:linear-gradient(90deg,#4ebeff,#19e36f);border-radius:3px;transition:width 1s linear,background .3s;display:block}.tg_timer_bar--urgent:after{background:linear-gradient(90deg,#ff7aa8,#ff1f77)}.tg_quote_wrap{width:min(100%,920px)}.tg_quote_wrap .box_quote_container{margin:clamp(8px,2vh,18px) auto 0}.tg_quote_wrap--correct{animation:.42s tg-pulse-good}.tg_quote_wrap--wrong{animation:.42s tg-shake-bad}.tg_input_section{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px;width:min(100%,820px);display:flex}.tg_input_wrap{width:min(100%,620px);position:relative}.tg_input{color:#f3f7fb;box-sizing:border-box;background:#0e1014e0;border:1px solid #4ebeff42;border-radius:14px;outline:none;width:100%;min-height:clamp(54px,8vh,68px);padding:0 18px;font-size:clamp(1rem,1.8vw,1.3rem);transition:border-color .16s,box-shadow .16s,transform .16s}.tg_input::placeholder{color:#f3f7fb73}.tg_input:focus{border-color:#4ebeffb3;box-shadow:0 0 0 3px #4ebeff24}.tg_input--correct{border-color:#7cf6a6b8;box-shadow:0 0 0 3px #7cf6a624}.tg_input--wrong{border-color:#ff7aa8b8;box-shadow:0 0 0 3px #ff7aa824}.tg_suggestions{z-index:5;background:#0c0e12f5;border:1px solid #4ebeff38;border-radius:14px;max-height:280px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 36px #00000052}.tg_suggestion_item{color:#f3f7fb;cursor:pointer;border-radius:10px;align-items:center;min-height:44px;padding:10px 14px;transition:background .14s,color .14s,transform .14s;display:flex}.tg_suggestion_item:hover,.tg_suggestion_item--active{color:#fff;background:#4ebeff29}.tg_suggestion_item mark{color:#7cf6a6;background:0 0;font-weight:700}.tg_submit_button,.tg_next_button{min-width:180px}.tg_next_button{gap:10px;width:clamp(170px,26vw,260px);min-height:clamp(46px,7vh,58px);font-size:clamp(.95rem,1.8vw,1.2rem)}.tg_next_enter{opacity:.55;letter-spacing:0;font-family:monospace;font-size:clamp(.75rem,1.2vw,.95rem)}.tg_feedback{letter-spacing:.02em;margin:-6px 0 0;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,1.45vw,1rem)}.tg_feedback--good{color:#7cf6a6;text-shadow:0 0 10px #7cf6a659}.tg_feedback--bad{color:#ff7aa8;text-shadow:0 0 10px #ff7aa84d}@keyframes tg-pulse-good{0%{filter:drop-shadow(0 0 #7cf6a600);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #7cf6a673);transform:scale(1.01)}to{filter:drop-shadow(0 0 #7cf6a600);transform:scale(1)}}@keyframes tg-shake-bad{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@media (width<=700px){.tg_container{margin-top:20%;padding-top:10px;padding-bottom:clamp(110px,17vh,140px)}.tg_content{gap:14px;width:min(96%,430px)}.tg_hud{gap:6px;width:min(100%,420px)}.tg_hud p{padding:7px 6px;font-size:clamp(.68rem,3vw,.86rem)}.tg_timer_bar,.tg_input_section,.tg_input_wrap{width:100%}.tg_input{min-height:52px;font-size:clamp(1rem,5.2vw,1.35rem)}.tg_suggestions{max-height:240px}.tg_next_button{width:100%}}.tg_login_hint{color:#4ebeff;text-underline-offset:3px;text-decoration:underline}.game_container{box-sizing:border-box;background:radial-gradient(circle at 50% -10%,#232428 0%,#1c1c1f 45%,#18181b 100%);justify-content:center;width:100%;min-height:100svh;margin-top:3%;padding:clamp(12px,2.4vh,26px) 0 clamp(98px,15vh,140px);display:flex}.game_content{flex-direction:column;align-items:center;gap:clamp(14px,2.8vh,28px);width:min(94vw,980px);display:flex}.game_hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(92%,760px);font-family:Orbitron,sans-serif;display:grid}.game_hud p{color:#f0f0f0;background:#282828b8;border:1px solid #4ebeff59;border-radius:8px;margin:0;padding:8px 10px;font-size:clamp(.78rem,1.4vw,1rem)}.game_timer_bar{opacity:1;background:#ffffff14;border-radius:3px;width:min(92%,760px);height:5px;transition:opacity .3s;overflow:hidden}.game_timer_bar--hidden{opacity:0;pointer-events:none}.game_timer_bar:after{content:"";height:100%;width:var(--pct,100%);background:linear-gradient(90deg,#4ebeff,#19e36f);border-radius:3px;transition:width 1s linear,background .3s;display:block}.game_timer_bar--urgent:after{background:linear-gradient(90deg,#ff7aa8,#ff1f77)}.game_quote_wrap{width:min(100%,920px)}.game_quote_wrap .box_quote_container{margin:clamp(8px,2vh,18px) auto 0}.game_quote_wrap--correct{animation:.42s game-pulse-good}.game_quote_wrap--wrong{animation:.42s game-shake-bad}.game_answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px);width:min(100%,820px);display:grid}.game_answer_button{text-transform:none;justify-content:flex-start;gap:clamp(8px,1.2vw,14px);width:100%;min-height:clamp(56px,9vh,76px);padding-left:clamp(10px,1.6vw,18px);font-size:clamp(1rem,2vw,1.7rem)}.game_answer_key{opacity:.7;letter-spacing:0;background:#ffffff14;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(18px,2.4vw,26px);height:clamp(18px,2.4vw,26px);font-family:Orbitron,sans-serif;font-size:clamp(.55rem,.9vw,.72rem);display:inline-flex}.game_next_button{gap:10px;width:clamp(170px,26vw,260px);min-height:clamp(46px,7vh,58px);font-size:clamp(.95rem,1.8vw,1.2rem)}.game_next_enter{opacity:.55;letter-spacing:0;font-family:monospace;font-size:clamp(.75rem,1.2vw,.95rem)}.game_feedback{letter-spacing:.02em;margin:-6px 0 0;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,1.45vw,1rem)}.game_feedback--good{color:#7cf6a6;text-shadow:0 0 10px #7cf6a659}.game_feedback--bad{color:#ff7aa8;text-shadow:0 0 10px #ff7aa84d}@media (width<=700px){.game_container{margin-top:20%;padding-top:10px;padding-bottom:clamp(110px,17vh,140px)}.game_content{gap:14px;width:min(96%,430px)}.game_hud{gap:6px;width:min(100%,420px)}.game_hud p{padding:7px 6px;font-size:clamp(.68rem,3vw,.86rem)}.game_timer_bar{width:100%}.game_answers{grid-template-columns:1fr;gap:10px}.game_answer_button{min-height:52px;font-size:clamp(1rem,5.2vw,1.35rem)}.game_quote_wrap{padding-top:10%}.game_answer_key{width:20px;height:20px;font-size:.6rem}}.game_login_hint{color:#4ebeff;text-underline-offset:3px;text-decoration:underline}@media (width<=480px){.auth_card{padding:24px 18px}}.auth_container{box-sizing:border-box;background:radial-gradient(circle at 50% -10%,#232428 0%,#1c1c1f 45%,#18181b 100%);justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(80px,12vh,120px) 16px clamp(40px,6vh,80px);display:flex}.auth_card{background:#282828b8;border:1px solid #4ebeff59;border-radius:10px;width:100%;max-width:420px;padding:clamp(28px,5vh,44px) clamp(24px,5vw,48px);box-shadow:0 0 32px #4ebeff14}.auth_title{letter-spacing:.05em;color:#f0f0f0;text-align:center;margin:0 0 clamp(20px,4vh,32px);font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:400}.auth_field{margin-bottom:18px}.auth_label{letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:7px;font-family:Orbitron,sans-serif;font-size:10px;display:block}.auth_input{color:#f0f0f0;box-sizing:border-box;background:#1c1c1f;border:1px solid #4ebeff38;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth_input:focus{border-color:#4ebeff;outline:none;box-shadow:0 0 10px #4ebeff47}.auth_error{letter-spacing:.04em;color:#ff7aa8;text-align:center;background:#ff1f7714;border:1px solid #ff1f7747;border-radius:6px;margin-bottom:16px;padding:9px 12px;font-family:Orbitron,sans-serif;font-size:10px}.auth_submit{width:100%;margin-top:6px}.auth_footer{letter-spacing:.04em;color:#777;text-align:center;margin-top:22px;font-family:Orbitron,sans-serif;font-size:10px}.auth_link{color:#4ebeff;text-decoration:none}.auth_link:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=480px){.auth_card{padding:24px 18px}}.account_page{box-sizing:border-box;background:radial-gradient(circle at 50% -10%,#232428 0%,#1c1c1f 45%,#18181b 100%);flex-direction:column;align-items:center;gap:16px;width:100%;min-height:100svh;padding:clamp(80px,12vh,110px) clamp(14px,3vw,24px) clamp(40px,8vh,80px);display:flex}.account_profile_card,.account_section_card{box-sizing:border-box;background:#282828b8;border:1px solid #4ebeff59;border-radius:10px;width:100%;max-width:540px;padding:clamp(18px,3vh,28px) clamp(18px,3vw,28px);box-shadow:0 0 24px #4ebeff12}.account_profile_inner{align-items:flex-start;gap:20px;display:flex}.account_avatar{background:#2a2a30;border:2px solid #4ebeff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.account_avatar svg{width:64px;height:64px}.account_profile_info{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.account_field{flex-direction:column;gap:4px;display:flex}.account_field_label{letter-spacing:.1em;text-transform:uppercase;color:#777;font-family:Orbitron,sans-serif;font-size:9px}.account_field_value{color:#ddd;word-break:break-all;align-items:center;gap:8px;font-size:13px;display:flex}.account_pencil_btn{cursor:pointer;color:#4ebeff;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:color .15s,filter .15s;display:flex}.account_pencil_btn:hover{color:#8fd8ff;filter:drop-shadow(0 0 4px #4ebeff80)}.pencil_icon{width:13px;height:13px}.account_inline_form{align-items:center;gap:6px;display:flex}.account_inline_input{color:#f0f0f0;background:#1c1c1f;border:1px solid #4ebeff;border-radius:6px;flex:1;min-width:0;padding:5px 10px;font-size:13px;transition:box-shadow .2s}.account_inline_input:focus{outline:none;box-shadow:0 0 8px #4ebeff59}.account_inline_save,.account_inline_cancel{color:#bbb;cursor:pointer;background:#282828cc;border:1px solid #ffffff26;border-radius:5px;flex-shrink:0;padding:4px 9px;font-family:Orbitron,sans-serif;font-size:11px;transition:border-color .15s,color .15s}.account_inline_save:hover{color:#19e36f;border-color:#19e36f}.account_inline_cancel:hover{color:#ff7aa8;border-color:#ff1f77}.account_field_error{letter-spacing:.04em;color:#ff7aa8;margin-top:2px;font-family:Orbitron,sans-serif;font-size:9px}.account_section_title{letter-spacing:.06em;color:#f0f0f0;text-align:center;margin:0 0 16px;font-family:Orbitron,sans-serif;font-size:clamp(.95rem,2.2vw,1.2rem);font-weight:400}.account_scores_list{margin:0;padding:0;list-style:none}.account_score_row{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:13px 0;display:flex}.account_score_row:first-child{padding-top:0}.account_score_row:last-child{border-bottom:none;padding-bottom:0}.account_star{color:#d2ff39;filter:drop-shadow(0 0 4px #d2ff3980);flex-shrink:0;font-size:18px;line-height:1}.account_score_label{letter-spacing:.06em;text-transform:uppercase;color:#ccc;flex:1;font-family:Orbitron,sans-serif;font-size:11px}.account_score_pts{letter-spacing:.03em;color:#4ebeff;text-shadow:0 0 10px #4ebeff66;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.account_placeholder{letter-spacing:.04em;color:#555;text-align:center;margin:0;padding:6px 0;font-family:Orbitron,sans-serif;font-size:10px}.account_games_grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:540px;display:grid}.account_game_tile{cursor:pointer;background:linear-gradient(#3d3d3d 0%,#303030 100%);border:2px solid #4ebeff59;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:26px 8px 18px;transition:box-shadow .17s,filter .17s,transform .17s;display:flex;box-shadow:0 0 14px #4ebeff2e}.account_game_tile:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 0 18px #4ebeff73,0 0 40px #4ebeff47}.account_game_emoji{font-size:26px;line-height:1}.account_game_label{letter-spacing:.08em;text-transform:uppercase;color:#ccc;font-family:Orbitron,sans-serif;font-size:9px}.account_logout_link{letter-spacing:.06em;text-transform:uppercase;color:#555;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;margin-top:4px;padding:8px 16px;font-family:Orbitron,sans-serif;font-size:10px;text-decoration:underline;transition:color .2s}.account_logout_link:hover{color:#ff7aa8}@media (width<=480px){.account_profile_card,.account_section_card{padding:18px 16px}.account_avatar{width:58px;height:58px}.account_avatar svg{width:52px;height:52px}}