/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}}:root{--navy:#08155d;--blue:#075ef2;--cyan:#0fa7ff;--gold:#ffc928;--green:#10b75a;--line:#dce5ff;--shadow:0 18px 55px #04278c28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--navy);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{justify-content:space-between;align-items:center;gap:28px;max-width:1320px;height:78px;margin:auto;padding:0 26px;display:flex}.brand{white-space:nowrap;align-items:center;gap:11px;font-size:25px;display:flex}.brand em{color:var(--blue);font-style:normal}.brand-mark{color:#ffe23a;clip-path:polygon(50% 0,95% 17%,86% 76%,50% 100%,14% 76%,5% 17%);background:linear-gradient(145deg,#0a75ff,#0645ce);border:5px solid #19a554;place-items:center;width:44px;height:48px;font-weight:900;display:grid}.site-header nav{gap:32px;font-size:14px;font-weight:700;display:flex}.site-header nav a:hover{color:var(--blue)}.button{text-transform:uppercase;letter-spacing:.01em;border-radius:10px;justify-content:center;align-items:center;font-weight:900;transition:all .2s;display:inline-flex}.button:hover{filter:brightness(1.04);transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff;box-shadow:0 7px 18px #075ef246}.button.small{padding:14px 21px;font-size:13px}.hero{color:#fff;background:radial-gradient(circle at 34% 30%,#00b7ff66,#0000 24%),radial-gradient(circle at 88% 15%,#1646ff,#0000 34%),linear-gradient(128deg,#0785ed 0%,#075bea 42%,#052dd1 100%);grid-template-columns:430px minmax(600px,760px);align-items:center;gap:45px;min-height:535px;padding:48px max(30px,50vw - 640px);display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"✦";color:#b5efff;font-size:27px;position:absolute}.hero:before{top:45px;left:43%}.hero:after{bottom:30px;right:7%}.hero-copy{z-index:1;position:relative}.eyebrow{color:#ffdc28;font-size:30px;position:absolute;top:5px;left:-42px}.hero h1{letter-spacing:-1.6px;margin:0 0 20px;font-size:43px;line-height:1.05}.hero-copy>p{max-width:430px;margin:0 0 25px;font-size:16px;line-height:1.55}.actions{gap:16px;margin-bottom:22px;display:flex}.button-gold{color:#16165d;background:linear-gradient(#ffe559,#ffbb16);padding:17px 27px;box-shadow:0 8px 22px #ffbd2170}.button-ghost{border:2px solid #fff;padding:15px 27px}.benefits{margin-bottom:20px;font-size:13px;font-weight:700}.online{background:#006e9b8f;border:1px solid #21bd94;border-radius:20px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:inline-flex}.online span{background:#36ef8b;border-radius:50%;width:10px;height:10px}.lobby{color:var(--navy);background:#fff;border-radius:18px;padding:17px 18px;box-shadow:0 28px 70px #00187b66}.lobby .brand{font-size:16px}.lobby .brand-mark{border-width:3px;width:27px;height:30px}.lobby-top{justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.search{border:1px solid var(--line);color:#9aa5c7;border-radius:7px;flex:1;max-width:310px;padding:9px 13px}.lobby-grid{grid-template-columns:1fr 170px;gap:12px;margin-top:14px;display:grid}.welcome{color:#fff;background:radial-gradient(circle at 12%,#00bfff55,#0000 24%),linear-gradient(135deg,#075df0,#0737d8);border-radius:10px;align-items:center;gap:18px;min-height:136px;padding:20px;display:flex}.bolt{border:2px solid #55e8ff;border-radius:50%;place-items:center;width:80px;height:80px;font-size:42px;display:grid;box-shadow:0 0 25px #55e8ff}.welcome b{font-size:23px}.welcome p{font-size:10px;line-height:1.4}.lobby aside{border:1px solid #e1e9fc;border-radius:9px;padding:12px;font-size:11px}.lobby aside>b{color:#079848}.live-pill{float:right;color:#079848;background:#dbf8e7;border-radius:10px;padding:2px 7px}.lobby aside p{color:#13a453;margin:13px 0}.lobby aside i{float:right;font-style:normal}.room-title{justify-content:space-between;align-items:center;margin:16px 4px 10px;font-size:11px;display:flex}.rooms{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.room{border:1px solid #e6ebfa;border-radius:8px;grid-template-columns:34px 1fr;gap:2px 7px;padding:10px 8px;font-size:9px;display:grid}.room>span{color:#fff;background:#7f45ef;border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.room small{color:#7884a7}.room button{color:#0754e9;text-transform:uppercase;background:#fff;border:1px solid #9cb8ff;border-radius:5px;grid-column:1/-1;margin-top:8px;padding:5px;font-size:8px;font-weight:800}.mobile-menu{display:none}.content-section{width:min(1280px,100% - 48px);margin:0 auto;padding:34px 0}.section-title{letter-spacing:-.6px;justify-content:center;align-items:center;gap:12px;margin:0 0 26px;font-size:30px;display:flex}.section-title>span{color:#ffb400}.section-title>i{color:#9fc2ff;font-size:17px;font-style:normal}.mode-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mode{border:1px solid var(--line);border-radius:15px;align-items:center;gap:20px;min-height:152px;padding:25px;transition:all .2s;display:flex;box-shadow:0 10px 27px #051a7710}.mode:hover{transform:translateY(-4px);box-shadow:0 16px 35px #051a7720}.mode>span{color:#fff;background:linear-gradient(145deg,#8b55f4,#5826d8);border-radius:50%;flex:0 0 72px;place-items:center;height:72px;font-size:30px;font-weight:900;display:grid}.mode-2>span{background:linear-gradient(145deg,#ff9d35,#f15c16)}.mode-3>span{background:linear-gradient(145deg,#30c86f,#079747);font-size:21px}.mode h3{margin:0 0 9px;font-size:20px}.mode-2 h3{color:#f36612}.mode-3 h3{color:#079747}.mode p{margin:0;font-size:14px;line-height:1.55}.mode>b{color:#6782bd;margin-left:auto;font-size:30px;font-weight:400}.gameplay-section{padding-top:10px}.game-stage{grid-template-columns:minmax(550px,730px) 215px;justify-content:center;align-items:stretch;min-height:395px;display:grid;position:relative}.game-board{background:#062a7b;border:10px solid #092a68;border-right:0;border-radius:15px 0 0 15px;margin-left:115px;overflow:hidden;box-shadow:0 17px 38px #00124d35}.game-head{color:#fff;background:linear-gradient(90deg,#0d35a8,#142982);justify-content:space-between;align-items:center;height:42px;padding:0 16px;font-size:12px;display:flex}.question{text-align:center;background:#fff;border-radius:0 0 8px 8px;margin:0 10px;padding:24px 30px 26px}.question h3{margin:0 0 22px;font-size:18px;line-height:1.35}.answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answers button{color:var(--navy);background:#fff;border:1px solid #cad6ef;border-radius:6px;padding:10px;font-weight:700}.player-bar{color:#fff;grid-template-columns:48px 95px 1fr 90px;align-items:center;gap:8px;height:80px;padding:10px 15px;display:grid}.avatar{color:#062a7b;background:#f79420;border:3px solid #0e7afa;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.player-bar div{display:grid}.player-bar small{font-size:9px;font-weight:400}.player-bar .xp{display:block;position:relative}.xp>span{background:linear-gradient(90deg,#ffca22 76%,#52679b 76%);border-radius:9px;height:7px;margin-bottom:5px;display:block}.player-bar>strong{text-align:center;background:#153c8f;border-radius:8px;padding:10px}.player-bar>strong small{display:block}.live-panel{color:#fff;background:#05255e;border:10px solid #092a68;border-left:0;border-radius:0 15px 15px 0;font-size:11px;overflow:hidden}.live-panel>div{padding:13px}.live-panel p{justify-content:space-between;margin:13px 0;display:flex}.live-panel .chat{border-top:1px solid #2d4b81}.chat p{margin:9px 0;display:block}.chat>span{color:#8ca5d1;background:#18396f;border-radius:6px;padding:9px;display:block}.callout{border:1px solid var(--line);z-index:2;background:#fff;border-radius:10px;align-items:center;gap:12px;width:180px;padding:18px 15px;font-size:14px;display:flex;position:absolute;box-shadow:0 12px 28px #061b7718}.callout.left{left:8px}.callout.right{right:0}.callout.one{top:0}.callout.two{top:142px}.callout.three{top:282px}.callout.left:after,.callout.right:before{content:"";border-top:2px dashed #24a4ff;width:47px;position:absolute;top:50%}.callout.left:after{right:-47px}.callout.right:before{left:-47px}.categories{text-align:center;padding-top:8px}.category-grid{grid-template-columns:repeat(8,1fr);gap:16px;display:grid}.category{border:1px solid var(--line);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:125px;padding:18px 8px;font-size:13px;display:flex;box-shadow:0 8px 24px #081f7710}.category span{color:#fff;background:#0ab15e;border-radius:50%;place-items:center;width:55px;height:55px;font-size:20px;font-weight:900;display:grid}.category.pink span{background:#ed3267}.category.purple span{background:#743be9}.category.blue span{background:#196fe9}.category.orange span{background:#ef9d08}.category.teal span{background:#13a99c}.category.sky span{background:#208bd4}.category.yellow span{background:#eeb513}.outline-link{border:1px solid #8cabff;border-radius:7px;margin-top:20px;padding:11px 27px;font-size:12px;font-weight:800;display:inline-block}.progression{grid-template-columns:1.2fr .75fr;gap:24px;padding-top:12px;display:grid}.feature-card,.profile-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;box-shadow:0 10px 30px #081f7710}.feature-card h2{margin:0 0 18px;font-size:23px;line-height:1.25}.feature-card>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feature-card article{border:1px solid #e1e8fb;border-radius:9px;gap:12px;min-height:96px;padding:14px;display:flex}.feature-card article>span{color:#1263ee;font-size:25px}.feature-card article:nth-child(2)>span{color:#883ee6}.feature-card article:nth-child(3)>span{color:#eaa200}.feature-card article:nth-child(4)>span{color:#08a852}.feature-card h3{color:#1263ee;margin:0 0 6px;font-size:14px}.feature-card p{margin:0;font-size:11px;line-height:1.45}.profile-card{padding:0;overflow:hidden}.profile-top{color:#fff;background:linear-gradient(145deg,#0870ed,#062fbe);align-items:center;gap:15px;padding:22px;display:flex}.avatar.large{width:78px;height:78px;font-size:27px}.profile-top h3{margin:0;font-size:22px}.profile-top p{margin:4px 0 9px;font-size:12px}.profile-top b{background:#4850d8;border-radius:12px;padding:5px 9px;font-size:11px}.progress{text-align:center;background:#dbe0f2;border-radius:20px;height:22px;margin:18px;position:relative;overflow:hidden}.progress span{background:linear-gradient(90deg,#a141ef,#6c32e8);position:absolute;inset:0 20% 0 0}.progress b{color:#fff;font-size:10px;position:relative}.profile-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:18px;display:grid}.profile-stats>b{color:#f0a500;justify-content:center;gap:10px;font-size:25px;display:flex}.profile-stats strong{color:var(--navy);font-size:13px}.rankings-section{background:linear-gradient(#f2f7ff,#fff);margin-top:20px;padding:45px 0 55px}.rankings-section h2{text-align:center;margin:6px 0;font-size:34px}.overline{text-align:center;text-transform:uppercase;color:#0b68ef;letter-spacing:1.8px;font-size:11px;font-weight:900}.ranking-sub{text-align:center;color:#53628d;margin-bottom:28px}.ranking-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.rank-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 14px 40px #061b7714}.rank-card header{border-bottom:1px solid #e6ebf7;justify-content:space-between;align-items:start;padding-bottom:17px;display:flex}.rank-card header>div{gap:12px;display:flex}.rank-card header>div>span{color:#1465ed;background:#e9efff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.rank-card h3{text-transform:capitalize;margin:0;font-size:19px}.rank-card header p{color:#64719a;margin:5px 0 0;font-size:11px}.rank-card header small{color:#13a85b;background:#e6f8ed;border-radius:12px;padding:6px 9px}.data-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:185px;display:flex}.data-empty>span{color:#aab6d6;font-size:37px}.data-empty h4{margin:8px}.data-empty p{color:#6a7698;max-width:380px;font-size:12px;line-height:1.5}.rank-card>a{text-align:center;color:#0954e5;border:1px solid #91adff;border-radius:7px;padding:11px;font-size:12px;font-weight:800;display:block}.mobile-tabs{display:none}.final-cta{text-align:center;color:#fff;background:radial-gradient(circle at 20% 40%,#0acaff55,#0000 18%),linear-gradient(135deg,#0871ec,#0633ce);border-radius:14px;grid-template-columns:160px 1fr 160px;align-items:center;width:min(1280px,100% - 48px);min-height:190px;margin:0 auto 38px;padding:25px 70px;display:grid;overflow:hidden}.bolt.big{width:110px;height:110px;margin:auto;font-size:55px}.final-cta h2{margin:0;font-size:31px}.final-cta p{margin:7px 0 15px}.final-cta .button{padding:14px 34px}.trophy{color:#ffc41c;text-shadow:0 6px #c68300;font-size:90px}footer{width:min(1280px,100% - 48px);margin:auto;padding:0 25px 18px}.footer-grid{grid-template-columns:1.7fr repeat(4,1fr);gap:35px;padding:5px 0 25px;display:grid}.footer-grid .brand{font-size:21px}.footer-grid .brand-mark{width:38px;height:42px}.footer-grid p{font-size:12px;line-height:1.6}.footer-grid h3{margin:5px 0 11px;font-size:13px}.footer-grid>div>a{margin:0 0 10px;font-size:12px;display:block}.socials{color:#0b5de9;font-size:19px}footer>small{text-align:center;color:#596486;font-size:11px;display:block}@media (max-width:1100px){.game-stage{grid-template-columns:minmax(550px,1fr) 205px}.game-board{margin-left:0}.callout{display:none}.category-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:390px minmax(520px,1fr);gap:30px}.hero h1{font-size:39px}}@media (max-width:950px){.site-header>nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;font-size:25px;list-style:none}.mobile-menu>div{border:1px solid var(--line);width:220px;box-shadow:var(--shadow);z-index:20;background:#fff;border-radius:10px;padding:10px;position:absolute;top:38px;right:0}.mobile-menu a{padding:12px;font-weight:700;display:block}.hero{grid-template-columns:1fr;padding:60px 25px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.actions{justify-content:center}.eyebrow{display:none}.hero h1{font-size:40px}.game-stage{grid-template-columns:1fr}.game-board{border-right:10px solid #092a68;border-radius:15px}.live-panel{border:10px solid #092a68;border-top:0;border-radius:0 0 15px 15px;grid-template-columns:1fr 1fr;display:grid}.progression{grid-template-columns:1fr 1fr}.feature-card>div{grid-template-columns:1fr}.feature-card article:nth-child(n+3){display:none}.final-cta{grid-template-columns:110px 1fr}.final-cta .trophy{display:none}.footer-grid{grid-template-columns:1.7fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){display:none}}@media (max-width:700px){.content-section{width:min(100% - 30px,1280px);padding:27px 0}.section-title{font-size:23px}.site-header{height:68px;padding:0 16px}.site-header>.button{display:none}.brand{font-size:19px}.brand-mark{width:36px;height:40px}.hero{padding:48px 16px}.hero h1{font-size:35px}.actions{flex-direction:column}.button{width:100%}.benefits{line-height:2}.lobby{padding:11px}.lobby-grid{grid-template-columns:1fr}.lobby aside{display:none}.welcome{padding:14px}.welcome b{font-size:18px}.bolt{width:58px;height:58px;font-size:30px}.rooms{grid-template-columns:repeat(2,1fr)}.room:nth-child(n+3){display:none}.mode-grid{grid-template-columns:1fr}.mode{min-height:125px;padding:19px}.mode>span{flex-basis:58px;height:58px}.game-board{border-width:6px}.question{padding:20px 10px}.question h3{font-size:15px}.answers button{font-size:12px}.player-bar{grid-template-columns:42px 80px 1fr}.player-bar>strong,.live-panel{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category{min-height:108px}.progression{grid-template-columns:1fr}.feature-card>div{grid-template-columns:1fr 1fr}.feature-card article:nth-child(n){display:flex}.feature-card article{padding:11px}.ranking-grid{grid-template-columns:1fr}.mobile-tabs{background:#fff;border:1px solid #cbd8f6;border-radius:8px;grid-template-columns:1fr 1fr;margin:0 auto 15px;display:grid;overflow:hidden}.mobile-tabs span{text-align:center;padding:11px;font-size:12px;font-weight:800}.mobile-tabs span:first-child{color:#fff;background:#0a61ed}.rank-card header small{display:none}.final-cta{grid-template-columns:1fr;width:calc(100% - 30px);padding:28px 20px}.final-cta>.bolt{display:none}.final-cta h2{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.mode{transition:none}}.rank-toggle{display:none}@media (max-width:700px){.mobile-tabs label{text-align:center;cursor:pointer;padding:11px;font-size:12px;font-weight:800}.rank-monthly:checked~.mobile-tabs label:first-child,.rank-global:checked~.mobile-tabs label:last-child{color:#fff;background:#0a61ed}.rank-global:checked~.ranking-grid .monthly,.rank-monthly:checked~.ranking-grid .global{display:none}}.game-stage{min-height:0;display:block}.room-window{aspect-ratio:1.5;background:#f8fbff;border:2px solid #1681ff;border-radius:16px;width:min(980px,100%);margin:auto;overflow:hidden;box-shadow:0 18px 42px #08236e20}.room-window>header{background:#fff;border-bottom:1px solid #d7e5f8;justify-content:space-between;align-items:center;height:60px;padding:0 22px;display:flex}.room-window>header div{gap:3px;display:grid}.room-window>header b{font-size:18px}.room-window>header small{color:#7180a1;font-size:10px}.room-window>header>span{font-size:13px}.room-body{grid-template-columns:1fr 230px;gap:12px;height:calc(100% - 60px);padding:12px;display:grid}.room-main{grid-template-rows:1fr 92px 54px;gap:7px;display:grid}.room-feed,.room-question,.room-answer,.room-players{background:#fff;border:1px solid #b9d4ff;border-radius:12px}.room-feed{padding:64px 32px 20px;position:relative}.timer{color:#fff;letter-spacing:1px;background:#0c8cff;border-radius:8px;padding:11px 13px;font:900 18px monospace;position:absolute;top:12px;left:12px}.favorite{color:#7180a1;font-size:24px;position:absolute;top:24px;right:14px}.room-feed p{align-items:flex-start;gap:8px;margin:0;font-size:14px;display:flex}.room-feed p small{text-align:right;color:#1470e8;font-size:10px;line-height:1}.room-feed p small i{color:#44aa4d;font-size:7px;font-style:normal}.room-feed p>span{color:#667494;font-size:11px}.room-feed p b{color:#8a0909}.room-question{background:#dceeff;align-items:center;padding:22px;font-size:18px;font-weight:800;display:flex}.room-answer{background:0 0;border:0;grid-template-columns:1fr 100px;gap:8px;display:grid}.room-answer input{min-width:0;color:var(--navy);font:inherit;border:1px solid #a9c9fb;border-radius:11px;padding:0 14px}.room-answer button{color:#fff;background:#0b7df1;border:0;border-radius:9px;font-weight:800}.room-players{padding:12px;position:relative}.room-players>div,.room-players>p{justify-content:space-between;margin:0;display:flex}.room-players>div{border-bottom:1px solid #dce7f5;padding-bottom:8px;font-size:12px}.room-players>p{color:#0b65e7;padding:12px 2px;font-size:12px}.room-players i{color:#ffc400;font-style:normal}.room-players nav{grid-template-columns:repeat(4,1fr);gap:7px;padding:0 8px 9px;display:grid;position:absolute;bottom:0;left:0;right:0}.room-players nav button{color:#1564cf;background:#f7fbff;border:1px solid #b9d4ff;border-radius:8px;height:32px}@media (max-width:700px){.room-window{aspect-ratio:auto}.room-window>header{height:52px;padding:0 14px}.room-window>header b{font-size:15px}.room-body{grid-template-columns:1fr;height:auto;padding:8px}.room-main{grid-template-rows:230px 78px 50px}.room-feed{padding:58px 15px 15px}.timer{padding:8px 10px;font-size:14px}.room-feed p{flex-wrap:wrap;font-size:11px}.room-question{padding:14px;font-size:14px}.room-answer{grid-template-columns:1fr 78px}.room-players{min-height:130px}.room-players nav{grid-template-columns:repeat(4,1fr)}}.room-callout{z-index:2;border:1px solid var(--line);color:#0b62e7;background:#fff;border-radius:10px;align-items:center;gap:7px;width:122px;min-height:56px;padding:11px 9px;font-size:12px;display:flex;position:absolute;box-shadow:0 12px 28px #061b7718}.room-callout b{color:var(--navy);line-height:1.25}.room-callout.left{left:0}.room-callout.right{right:0}.room-callout.left:after,.room-callout.right:before{content:"";border-top:2px dashed #25a4ff;width:28px;position:absolute;top:50%}.room-callout.left:after{right:-28px}.room-callout.right:before{left:-28px}.timer-note{top:75px}.question-note{top:250px}.answer-note{bottom:42px}.players-note{top:142px}.controls-note{bottom:34px}@media (max-width:1100px){.room-callout{display:none}}.gameplay-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:24px;display:grid}.gameplay-main{min-width:0}.gameplay-layout .game-stage{min-width:0;padding-inline:140px}.gameplay-layout .room-window{aspect-ratio:1.35;width:100%}.gameplay-layout .room-body{grid-template-columns:minmax(0,1fr) 170px}.gameplay-layout .room-main{grid-template-rows:1fr 78px 50px}.gameplay-layout .room-question{padding:16px;font-size:15px}.gameplay-layout .room-feed{padding-inline:18px}.preview-rankings{grid-template-rows:1fr 1fr;gap:14px;display:grid}.preview-rank-card{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:15px;box-shadow:0 12px 30px #061b7714}.preview-rank-card header{border-bottom:1px solid #e6ebf7;align-items:center;gap:10px;padding-bottom:10px;display:flex}.preview-rank-card header>span{color:#e99c00;background:#fff1c9;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.preview-rank-card h3{text-transform:capitalize;margin:0 0 2px;font-size:16px}.preview-rank-card small{color:#7180a1}.preview-rank-card ol{margin:8px 0;padding:0;list-style:none}.preview-rank-card li{border-bottom:1px solid #edf1fa;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:grid}.preview-rank-card li>b{color:#0c61e8;background:#eaf1ff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.preview-rank-card li:first-child>b{color:#6b4a00;background:#ffd43a}.preview-rank-card li>strong{font-size:11px}.preview-rank-card>a{text-align:center;color:#0954e5;border:1px solid #91adff;border-radius:7px;margin-top:10px;padding:8px;font-size:11px;font-weight:800;display:block}@media (max-width:1100px){.gameplay-layout{grid-template-columns:minmax(0,1fr) 280px}.gameplay-layout .game-stage{padding:0}.gameplay-layout .room-window{aspect-ratio:1.3}}@media (max-width:950px){.gameplay-layout{grid-template-columns:1fr}.preview-rankings{grid-template-rows:auto;grid-template-columns:1fr 1fr}.gameplay-layout .room-window{width:min(760px,100%)}}@media (max-width:700px){.preview-rankings,.gameplay-layout .room-body{grid-template-columns:1fr}.gameplay-layout .room-main{grid-template-rows:230px 78px 50px}}.preview-rank-card small{align-items:center;gap:5px;display:flex}.live-dot{background:#10b75a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b75a20}.ranking-state{text-align:center;color:#7180a1;place-items:center;min-height:105px;margin:8px 0;font-size:12px;display:grid}.rooms-carousel-shell{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.rooms-carousel-shell>button{color:#075ef2;cursor:pointer;background:#fff;border:1px solid #91adff;border-radius:50%;width:42px;height:42px;font-size:30px;box-shadow:0 8px 22px #061b7714}.rooms-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:8px 2px 14px;display:flex;overflow-x:auto}.rooms-carousel::-webkit-scrollbar{display:none}.live-room{scroll-snap-align:start;border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;flex:0 0 150px;justify-content:center;align-items:center;gap:9px;min-height:142px;padding:16px 10px;display:flex;box-shadow:0 8px 24px #081f7710}.live-room>span{background:linear-gradient(145deg,#edf5ff,#dfe9ff);border-radius:50%;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.live-room>b{font-size:13px}.live-room>small{color:#7180a1;font-size:10px}.rooms-state{color:#7180a1;place-items:center;min-width:100%;height:130px;display:grid}.categories>.outline-link{margin-top:12px}@media (max-width:700px){.rooms-carousel-shell{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.rooms-carousel-shell>button{width:32px;height:32px;font-size:24px}.live-room{flex-basis:132px}}.brand-mark{clip-path:none;color:#ffc400;-webkit-text-stroke:1.5px #07134f;background:0 0;border:0;font-size:33px}.lobby .brand-mark{font-size:22px}.lobby aside>b,.lobby aside p{color:#111}.lobby aside p>span,.lobby aside p>i{color:#13a453}.preview-rankings{grid-template-rows:repeat(3,1fr)}@media (max-width:950px){.preview-rankings{grid-template-rows:auto}}