:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--side:#181818;--card:#1c1c1c;--line:#262626;--key:#272727;--ink:#f4f4f2;--grey:#a3a3a3;--grey2:#c6c6c6;--grey3:#8a8a8a;--acc:#ff5a36;--opp:#62a8ff;--ok:#4fd389;--bad:#ff6b5e;--gold:#ffc24a;--acc-text:#ff5a36;--key2:#2a2a2a;--hover:#232323;--panel:#1f1f1f;--rule:#242424;--edge:#333;--edge2:#3a3a3a;--dash:#575757;--shadow:#080808;--inv:#f4f4f2;--invink:#141414;--scrim:#0009;--chev:#a3a3a3}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f3ee;--side:#fff;--card:#fff;--line:#e4e1d9;--key:#ebe8e0;--ink:#1a1a18;--grey:#5f5f5a;--grey2:#44443f;--grey3:#6b6b65;--acc:#ff5a36;--opp:#4f9bf5;--ok:#17935a;--bad:#d63c30;--gold:#b97d00;--acc-text:#c93d1a;--key2:#e6e3da;--hover:#efece4;--panel:#f0ede6;--rule:#ece9e1;--edge:#d3d0c7;--edge2:#c4c1b8;--dash:#a8a59c;--shadow:#d3d0c7;--inv:#1a1a18;--invink:#f5f3ee;--scrim:#14141273;--chev:#5f5f5a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Archivo,system-ui,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.app{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}nav.side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px 20px;display:flex}.logo{width:26px;height:26px;position:relative}.logo i{border-radius:3px;width:6px;height:26px;position:absolute;top:0;left:10px}.logo i:first-child{background:var(--acc);transform:rotate(35deg)}.logo i:last-child{background:var(--opp);mix-blend-mode:screen;transform:rotate(-35deg)}.brand b{text-transform:uppercase;font-size:22px;font-weight:900;font-stretch:72%}.tag{background:var(--key);color:var(--grey2);border-radius:6px;padding:3px 7px;font-size:11px;font-weight:800}.navbtn{height:40px;color:var(--grey2);text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;font-weight:700;display:flex}.navbtn:hover{background:var(--hover)}.navbtn.on{background:var(--key);color:var(--ink)}.navbtn span{color:var(--grey3);font-size:12px}.me{background:var(--panel);border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.me .av{background:var(--ok);color:#0a2615;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:900;display:flex}.me div{flex-direction:column;display:flex}.me small{color:var(--grey3);font-size:12px}.me button{color:var(--grey3);background:0 0;border:none;margin-left:auto;font-size:12px}main{min-width:0;padding:32px 40px;position:relative}.kick{letter-spacing:.14em;text-transform:uppercase;color:var(--acc-text);font-size:12px;font-weight:800}h1{text-transform:uppercase;margin:4px 0 0;font-size:48px;font-weight:900;font-stretch:68%;line-height:.9}.head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.btn{background:var(--inv);height:44px;color:var(--invink);border:none;border-radius:12px;padding:0 20px;font-size:14px;font-weight:800}.btn.acc{background:var(--acc);color:#160806}.btn.sec{background:var(--key);color:var(--ink);font-weight:700}.btn.dark{background:var(--invink);color:var(--inv)}.btn.bad{background:var(--key);color:var(--bad)}.btn:disabled{opacity:.4;cursor:default}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.row{align-items:center;gap:8px;display:flex}.grow{flex:1}.muted{color:var(--grey);font-size:13px}.title24{font-size:24px;font-weight:900;font-stretch:76%;line-height:1.05}label{color:var(--grey2);font-size:13px;font-weight:700}input.in{border:1px solid var(--edge);background:var(--card);height:44px;color:var(--ink);border-radius:10px;outline:none;width:100%;padding:0 12px;font-size:15px;font-weight:700}input.in:focus{border-color:var(--opp)}.builder{grid-template-columns:300px minmax(0,1fr);min-height:100vh;margin:-32px -40px;display:grid}.qlist{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:24px 12px;display:flex}.qitem{color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.qitem.on{background:var(--key);border-color:var(--edge2)}.qitem .n{width:26px;color:var(--grey3);font-size:13px;font-weight:800}.qitem .q{flex:1;font-size:16px;font-weight:800}.qitem .a{color:var(--ok);font-size:13px;font-weight:800}.dash{border:1px dashed var(--dash);color:var(--ink);background:0 0;border-radius:10px;height:44px;font-size:14px;font-weight:700}.edit{flex-direction:column;gap:22px;padding:28px 36px;display:flex}.bigin{border:1px solid var(--edge);background:var(--card);height:72px;color:var(--ink);border-radius:14px;outline:none;width:100%;padding:0 18px;font-size:36px;font-weight:900;font-stretch:72%}.bigin.ans{border:2px solid var(--ok);color:var(--ok);font-stretch:100%}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.choice{color:#141414;border-radius:14px;flex-direction:column;justify-content:space-between;height:84px;padding:10px 14px;display:flex}.choice b{font-size:12px;font-weight:900}.choice span{font-size:30px;font-weight:900;font-stretch:72%}.seg{background:var(--card);border-radius:12px;gap:4px;width:max-content;padding:4px;display:flex}.seg button{height:36px;color:var(--grey2);background:0 0;border:none;border-radius:9px;padding:0 16px;font-size:13px;font-weight:800}.seg button.on{background:var(--inv);color:var(--invink)}.hostgrid{grid-template-columns:minmax(0,1fr) 380px;gap:32px;display:grid}.opt{border:2px solid var(--line);background:var(--card);color:var(--ink);text-align:left;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.opt.on{border-color:var(--acc)}.opt b{font-size:17px;font-weight:800}.opt span{color:var(--grey);font-size:13px;line-height:1.45}.toggle{border:none;border-bottom:1px solid var(--line);height:60px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:0 18px;font-size:15px;font-weight:600;display:flex}.sw{border-radius:999px;width:42px;height:24px;transition:background .15s;position:relative}.sw i{background:#f4f4f2;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px}.pinbox{background:var(--acc);color:#160806;border-radius:24px;flex-direction:column;gap:12px;padding:24px;display:flex}.pin{font-variant-numeric:tabular-nums;font-size:72px;font-weight:900;font-stretch:66%;line-height:.86}.statgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat b{font-size:36px;font-weight:900;font-stretch:72%}.bar{background:var(--key2);border-radius:4px;height:8px;overflow:hidden}.bar i{height:100%;display:block}.rep{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;display:grid}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th{color:var(--grey3);text-transform:uppercase;letter-spacing:.08em;text-align:right;padding:12px 8px;font-size:12px;font-weight:800}th:first-child,th:nth-child(2){text-align:left}td{border-top:1px solid var(--rule);text-align:right;padding:9px 8px}td:first-child,td:nth-child(2){text-align:left}.toast{z-index:50;background:var(--inv);color:var(--invink);border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.login{flex-direction:column;gap:14px;max-width:420px;margin:12vh auto;padding:0 24px;display:flex}.ctl{flex-wrap:wrap;gap:8px;display:flex}.err{color:var(--bad);min-height:18px;font-size:13px}@media (width<=900px){.app{grid-template-columns:1fr}nav.side{z-index:50;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-flow:row;align-items:center;gap:6px;height:auto;padding:10px 12px;position:sticky;top:0;overflow:auto hidden}nav.side::-webkit-scrollbar{display:none}nav.side>*{flex:none}nav.side .brand{margin:0 6px 0 0}.navbtn{white-space:nowrap;gap:6px}nav.side .me{margin:0 0 0 6px;padding:6px 10px}nav.side .legal{white-space:nowrap;gap:12px;display:flex}.hostgrid,.rep,.builder{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}main{padding:20px}}select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--chev) 50%),linear-gradient(135deg,var(--chev) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.play{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:70vh;display:flex}.rankcard{background:var(--acc);color:#160806;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex}.rankcard .big{text-transform:uppercase;font-size:44px;font-weight:900;font-stretch:68%;line-height:.88}.rankcard small{color:#4a1a0e;font-size:12px;font-weight:700;display:block}.rankcard b{font-size:26px;font-weight:900}.chip{background:#1608061f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.chip.blue{border:1.5px solid var(--opp);color:var(--ink);background:#62a8ff1f;padding:8px 12px;font-size:14px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:var(--card);color:var(--ink);text-align:left;min-height:110px;box-shadow:0 4px 0 var(--shadow);border:none;border-radius:18px;flex-direction:column;gap:8px;padding:14px;font-size:16px;display:flex}.tile .g{background:var(--key);width:38px;height:38px;color:var(--acc);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex}.duel{flex-direction:column;gap:12px;display:flex}.scores{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.sc{border-radius:20px;flex-direction:column;padding:10px 14px;display:flex}.sc small{font-size:12px;font-weight:800}.sc b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:900}.sc.acc{background:var(--acc);color:#160806}.sc.opp{background:var(--opp);color:#0b1a2e;text-align:right}.timer{font-variant-numeric:tabular-nums;font-size:48px;font-weight:900;font-stretch:75%}.q{text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-height:130px;padding:16px 0;font-size:72px;font-weight:900;font-stretch:66%;display:flex}.answer{background:var(--card);border:2px solid var(--acc);font-variant-numeric:tabular-nums;border-radius:18px;justify-content:center;align-items:center;height:76px;font-size:40px;font-weight:800;display:flex;position:relative}.fb{white-space:nowrap;font-size:18px;font-weight:900;animation:.9s ease-out forwards fl;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes fl{0%{opacity:1;transform:translate(-50%,6px)}to{opacity:0;transform:translate(-50%,-34px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.keys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keys button{background:var(--key2);height:62px;color:var(--ink);box-shadow:0 4px 0 var(--shadow);border:none;border-radius:14px;font-size:26px;font-weight:700}.keys button:active{box-shadow:none;transform:translateY(3px)}.bigtitle{text-transform:uppercase;font-size:96px;font-weight:900;font-stretch:66%;line-height:.82}.stat{background:var(--card);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat b{font-size:30px;font-weight:900}.pins{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pins div{background:var(--card);border:2px solid var(--key);border-radius:14px;justify-content:center;align-items:center;height:64px;font-size:32px;font-weight:900;display:flex}.pulse{background:var(--acc);border-radius:50%;width:96px;height:96px;animation:1.4s infinite pu}@keyframes pu{0%{box-shadow:0 0 #ff5a36b3}to{box-shadow:0 0 0 60px #ff5a3600}}.vs{font-size:84px;font-style:italic;font-weight:900;font-stretch:62%}.vsname{text-transform:uppercase;font-size:40px;font-weight:900;font-stretch:70%}.avatar{background:var(--opp);color:#0b1a2e;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:900;display:flex}.choice.big{color:#141414;text-align:left;border:none;border-radius:24px;flex-direction:column;justify-content:space-between;height:130px;padding:14px 18px;display:flex}.choice.big b{font-size:22px}.choice.big span{font-size:44px;font-weight:900;font-stretch:72%}.fbscreen{color:#0a2615;border-radius:24px;flex-direction:column;justify-content:center;gap:16px;min-height:70vh;padding:28px;display:flex}.fbscreen small{font-size:13px;font-weight:700;display:block}.fbscreen b{font-size:40px;font-weight:900}.card{background:var(--card);border-radius:16px;padding:14px 16px}.legal{gap:12px;padding:8px 10px;font-size:12px;display:flex}.legal a,.legal button{color:var(--grey3);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.legal{flex-wrap:wrap}.modal{background:var(--scrim);z-index:50;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dlg{background:var(--card);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:22px;display:flex}.dlg h2{margin:0;font-size:20px}.startup{z-index:100;background:var(--bg);pointer-events:none;place-items:center;animation:.15s ease-out .55s both intro-out;display:grid;position:fixed;inset:0}.startup-brand{flex-direction:column;align-items:center;gap:22px;display:flex}.startup .logo{width:160px;height:112px}.startup .logo i{border-radius:12px;width:24px;height:104px;top:4px;left:68px}.startup .logo i:first-child{animation:.48s cubic-bezier(.2,.8,.3,1.14) both intro-orange}.startup .logo i:last-child{animation:.48s cubic-bezier(.2,.8,.3,1.14) both intro-blue}.startup b{font-size:44px;font-weight:900;animation:.25s ease-out .15s both intro-word}@keyframes intro-orange{0%{transform:translate(-64px)rotate(35deg)}to{transform:translate(0)rotate(35deg)}}@keyframes intro-blue{0%{transform:translate(64px)rotate(-35deg)}to{transform:translate(0)rotate(-35deg)}}@keyframes intro-word{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0}}.startup.reduced{animation:.1s ease-out .1s both intro-out}.startup.reduced .logo i,.startup.reduced b{animation:none}.feedback-settings{gap:18px;width:min(100%,420px)}.feedback-settings h2{margin:0}.feedback-settings label{justify-content:space-between;align-items:center;gap:20px;display:flex}.feedback-settings input[type=checkbox]{width:24px;height:24px;accent-color:var(--acc)}.feedback-settings select{padding:8px}@media (prefers-reduced-motion:reduce){.startup .logo i,.startup b{animation:none}.pulse,.fb{animation:none!important}}html[data-reduce-motion=true] .pulse,html[data-reduce-motion=true] .fb{animation:none!important}.verifybar{background:var(--card);border:1px solid var(--acc);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;font-size:14px;display:flex}.verifybar button{background:var(--key);height:34px;color:var(--ink);border:none;border-radius:10px;padding:0 14px;font-size:13px;font-weight:800}.toast.invite{z-index:300;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 32px);display:flex}.zboard{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--card);border:1px solid var(--line);width:min(100%,400px);box-shadow:0 6px 0 var(--shadow),0 18px 40px -18px #00000080;border-radius:22px;animation:.35s ease-out zin;overflow:hidden}.zboard text{pointer-events:none;font-family:inherit}.zpath{stroke:var(--acc);transition:stroke .3s}.zhead{transition:transform 90ms ease-out}.zheadring{fill:var(--acc);stroke:#160806;stroke-opacity:.25;stroke-width:6px}.zwp{transition:transform .18s}.zwp.on{animation:.28s ease-out zpop}.zring{fill:none;stroke:var(--acc);stroke-width:5px;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite zring}.zbar{background:var(--key);border-radius:99px;width:min(100%,400px);height:6px;overflow:hidden}.zbar i{background:var(--acc);border-radius:99px;height:100%;transition:width .15s ease-out;display:block}.zboard.win .zpath{stroke:var(--ok)}.zboard.win{animation:.6s ease-out zwin}@keyframes zin{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes zpop{0%{transform:scale(1)}50%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes zring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@keyframes zwin{0%{transform:scale(1)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 55%,transparent),0 6px 0 var(--shadow);transform:scale(1.04)}to{transform:scale(1)}}html[data-reduce-motion=true] .zboard,html[data-reduce-motion=true] .zring,html[data-reduce-motion=true] .zwp,html[data-reduce-motion=true] .zhead{transition:none!important;animation:none!important}.btn{white-space:nowrap;min-width:44px}.zctl{gap:8px;width:min(100%,400px);display:grid}.zlevels{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.zmode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.zctl .btn{width:100%;min-width:0;padding:0 8px}.me button{white-space:nowrap;flex:none}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.tile{min-width:0}@media (width<=900px){.app{min-width:0}main{padding:16px 16px 28px}.row{flex-wrap:wrap}.seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{white-space:nowrap;flex:none;padding:0 12px}.builder{grid-template-columns:minmax(0,1fr);margin:-16px}.qlist{border-right:none;border-bottom:1px solid var(--line);min-width:0}.btn{flex:none;padding:0 14px}h1,.bigtitle{overflow-wrap:anywhere}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,.btn,.tile,.navbtn,.seg button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a,a:visited{color:var(--acc-text)}@media (width<=900px){input.in,select.in,textarea,input{font-size:16px}.login{gap:12px;min-height:auto;margin:6vh auto 24px;padding:0 20px}.login .seg{justify-content:space-between;width:100%}.login .seg button{flex:1;padding:0 6px}.login .btn{width:100%}main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(28px,env(safe-area-inset-bottom))}nav.side{padding-top:max(10px,env(safe-area-inset-top))}.bigtitle{font-size:clamp(44px,15vw,96px)}}.burger{display:none}@media (width<=900px){nav.side{padding:0;display:block;overflow:visible}nav.side .brand{min-height:56px;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));align-items:center;gap:8px;margin:0;display:flex}.burger{background:var(--key);cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:auto;display:flex}.burger i{background:var(--ink);border-radius:2px;width:20px;height:2.5px;transition:transform .2s,opacity .2s;display:block}nav.side.open .burger i:first-child{transform:translateY(7.5px)rotate(45deg)}nav.side.open .burger i:nth-child(2){opacity:0}nav.side.open .burger i:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}nav.side>.navbtn,nav.side>.me,nav.side>.legal{display:none}nav.side.open{z-index:200;-webkit-overflow-scrolling:touch;background:var(--side);padding:0 12px max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:4px;display:flex;position:fixed;inset:0;overflow-y:auto}nav.side.open>.brand{background:var(--side);z-index:1;width:auto;margin:0 -12px;padding:6px 24px 6px 12px;position:sticky;top:0}nav.side.open>.navbtn{text-align:left;flex:none;justify-content:space-between;width:100%;height:50px;padding:0 14px;font-size:17px;display:flex}nav.side.open>.me{flex:none;margin-top:16px;display:flex}nav.side.open>.legal{flex-wrap:wrap;flex:none;gap:6px 14px;padding:12px 4px;display:flex}}