:root{--bg:#050b16;--bg0:#04070f;--tile:#101a2e;--tile2:#16223a;--line:#ffffff14;--line2:#ffffff24;--txt:#f5f7fb;--mute:#97a4ba;--dim:#6b7890;--blue:#1d8fe1;--gold:#ffc21a;--gold2:#ff9f0a;--violet:#b58cff;--green:#35e07a;--red:#ff5470;--display:"Lilita One", system-ui, sans-serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max:1120px;--narrow:760px;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--txt);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 88% -6%,#a05aff42,#0000 62%),radial-gradient(55% 38% at -8% 104%,#ffc21a1a,#0000 62%),radial-gradient(40% 30% at 0 30%,#1d8fe114,#0000 70%);position:fixed;top:0;bottom:0;left:0;right:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:12px}.bar{z-index:30;height:calc(60px + var(--st));padding:var(--st) max(16px, calc((100% - var(--max)) / 2)) 0;-webkit-backdrop-filter:saturate(1.6)blur(18px);border-bottom:1px solid var(--line);background:#050b16e6;align-items:center;gap:10px;display:flex;position:-webkit-sticky;position:sticky;top:0}.bar.inner{padding-left:max(16px, calc((100% - var(--narrow)) / 2));padding-right:max(16px, calc((100% - var(--narrow)) / 2))}.ib{border:1px solid var(--line);width:40px;height:40px;color:var(--txt);background:#ffffff0f;border-radius:50%;flex:none;place-items:center;transition:background .2s;display:grid}.ib svg{width:20px;height:20px}.ib:hover{background:#ffffff1f}.brand{align-items:center;gap:10px;min-width:0;display:flex}.blogo{flex:none;width:36px;height:36px}.blogo svg{width:100%;height:100%}.bname{font:800 13px/1 var(--sans);letter-spacing:.22em;white-space:nowrap}.bname b{color:var(--gold)}.bar-r{align-items:center;gap:10px;margin-left:auto;display:flex}.bar-title{font:800 15px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lang{border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.lang button{all:unset;cursor:pointer;font:700 11px/1 var(--sans);letter-spacing:.08em;color:var(--mute);border-radius:999px;padding:8px 9px}.lang button[aria-pressed=true]{color:#07101f;background:#fff}.slot-pts,.slot-count,.slot-score{font:700 13px/1 var(--sans);color:var(--mute);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.slot-pts b,.slot-count b,.slot-score b{font:400 20px/1 var(--display);color:var(--txt)}.slot-score svg{width:18px;height:18px;color:var(--green)}#view{width:min(var(--max), 100% - 32px);padding-bottom:calc(36px + var(--sb));margin:0 auto}#view.v-play,#view.v-setup,#view.v-stats{width:min(var(--narrow), 100% - 32px)}#view.in{animation:.28s both fade}.center{text-align:center;min-height:70vh;color:var(--mute);align-content:center;place-items:center;gap:16px;display:grid}.blogo.big{width:84px;height:84px}.btn{cursor:pointer;font:800 15px/1 var(--sans);white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn:active{transform:scale(.97)}.btn-play{background:linear-gradient(180deg, #ffd34d, var(--gold) 45%, var(--gold2));color:#1b1300;box-shadow:0 10px 28px #ffaa1447,inset 0 -3px #0000002e,inset 0 1px #fff9}.btn-sec{color:var(--txt);background:#ffffff1a;border:1px solid #ffffff29}.btn-wide{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}@media (hover:hover){.btn-play:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ffaa1466,inset 0 -3px #0000002e,inset 0 1px #fff9}.btn-sec:hover{background:#ffffff29}}.kick{font:800 11px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;display:inline-flex}.kick svg{width:15px;height:15px}.h-sec{font:800 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:28px 0 12px}.h-page{font:400 34px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0}.sub{color:var(--mute);margin:6px 0 0}.hero{gap:18px;padding-top:22px;display:grid}.title{font:400 clamp(56px, 16vw, 108px)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em;margin:12px 0 0}.title span{text-shadow:0 8px 40px #00000073;display:block}.title em{letter-spacing:.14em;background:linear-gradient(180deg, #ffe07a, var(--gold) 50%, var(--gold2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:.04em;padding-top:.12em;font-size:.5em;font-style:normal;display:block}.lead{color:#c7d2e2;max-width:520px;margin:14px 0 0;font-size:16px}.dcard{isolation:isolate;background:radial-gradient(90% 80% at 100% 0,#a05aff80,#0000 62%),radial-gradient(60% 60% at 100% 100%,#ffc21a29,#0000 62%),linear-gradient(160deg,#1d1339,#0c1224 72%);border:1px solid #b58cff4d;border-radius:26px;padding:22px 20px 20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff14}.dc-glyph{opacity:.2;z-index:-1;width:190px;position:absolute;top:-44px;right:-52px;transform:rotate(12deg)}.dc-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.streak{color:#ffe0ad;font:800 13px/1 var(--sans);white-space:nowrap;background:#2e1a0cd1;border:1px solid #ff9f0a66;border-radius:999px;align-items:center;gap:5px;padding:6px 11px 6px 7px;display:inline-flex}.streak svg{width:17px;height:17px}.streak.zero{filter:grayscale();opacity:.7}.dc-title{font:400 clamp(28px, 7.4vw, 38px)/1.02 var(--display);margin:16px 0 0}.dc-lead{color:#e2d6ff;margin:8px 0 0;font-weight:600}.dc-rules{color:var(--mute);margin:12px 0 0;font-size:13.5px}.dc-ctas{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.dc-ctas .btn-play{flex:auto}.dc-done .marks{margin-top:16px}.dc-score{color:var(--mute);margin:12px 0 0;font-weight:600}.dc-score b{color:var(--txt);font:400 22px/1 var(--display)}.next-in{color:var(--mute);margin:14px 0 0;font-size:14px}.next-in b{color:var(--txt);font-variant-numeric:tabular-nums;font-weight:800}.marks{flex-wrap:wrap;gap:6px;display:flex}.marks i{color:#fff;width:26px;height:26px;animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop;animation-delay:var(--d,0s);border-radius:8px;place-items:center;display:grid}.marks i svg{width:14px;height:14px}.marks.big{grid-template-columns:repeat(10,minmax(0,1fr));gap:max(4px,min(1.4vw,8px));max-width:460px;display:grid}.marks.big i{aspect-ratio:1;border-radius:max(7px,min(2vw,11px));width:auto;height:auto;min-height:26px}.marks.big i svg{width:55%;height:55%}.m-c{background:linear-gradient(#3ee987,#1fae5b)}.m-w{background:linear-gradient(#ff6b83,#d93352)}.m-t{background:#3b4760;color:#c5cedd!important}.tiles2{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.mode-tile{background:var(--tile);border:1px solid var(--line);border-radius:22px;flex-direction:column;min-height:164px;padding:16px;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s;display:flex;position:relative;overflow:hidden}.mode-tile.m-blitz{background:radial-gradient(260px 200px at 100% 0%, #1d8fe161, transparent 70%), var(--tile)}.mode-tile.m-practice{background:radial-gradient(260px 200px at 100% 0%, #35e07a42, transparent 70%), var(--tile)}.mbg{opacity:.07;pointer-events:none;width:130px;height:130px;position:absolute;bottom:-26px;right:-18px}.mbg svg{width:100%;height:100%}.mode-tile>b{font:400 clamp(18px, 5.4vw, 22px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin-top:14px}.mode-tile>small{color:var(--mute);margin-top:6px;font-size:13px;line-height:1.35}.mfoot{font:700 13px/1 var(--sans);color:#dfe7f5;align-items:center;gap:6px;margin-top:auto;padding-top:12px;display:flex}.mfoot b{font:400 17px/1 var(--display);color:var(--gold)}.mfoot svg{width:16px;height:16px}.mfoot svg:last-child{width:18px;height:18px;color:var(--mute);margin-left:auto}.mico{background:#ffffff14;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.mico svg{width:22px;height:22px}.m-blitz .mico,.m-blitz .bigico{color:#8dcbff;background:#1d8fe12e}.m-practice .mico,.bigico.m-practice,.m-practice .bigico{color:#74f0aa;background:#35e07a26}.m-daily .mico{color:#d2bbff;background:#b58cff2e}@media (hover:hover){.mode-tile:hover,.mcard:hover,.cat:hover,.sstrip:hover{border-color:#ffffff38;transform:translateY(-3px)}}.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cat{background:var(--tile);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 12px 10px 10px;transition:transform .2s,border-color .2s,background .2s;display:flex}.cico{width:36px;height:36px;color:var(--cc,#fff);background:var(--cb,#ffffff14);border-radius:11px;flex:none;place-items:center;display:grid}.cico svg{width:20px;height:20px}.cn{min-width:0;font:700 14px/1.2 var(--sans);overflow-wrap:anywhere;flex:1}.cat small{color:var(--dim);font-size:12px;font-weight:700}.c-worldcup{--cc:#ffc21a;--cb:#ffc21a26}.c-national{--cc:#5fb2ff;--cb:#1d8fe12e}.c-champions{--cc:#c9a8ff;--cb:#b58cff2e}.c-cups{--cc:#43e0c8;--cb:#2dd4bf26}.c-leagues{--cc:#5ff09a;--cb:#35e07a26}.c-legends{--cc:#ffb347;--cb:#ff9f0a29}.c-records{--cc:#ff7aa2;--cb:#ff5c8a29}.c-stadiums{--cc:#9fd6ff;--cb:#7cc4ff26}.c-nicknames{--cc:#c7ef5a;--cb:#a3e63524}.c-rules{--cc:#ff8a8a;--cb:#ff547026}.c-all{--cc:#fff;--cb:#b58cff24}.c-all .cico svg{width:30px;height:30px}.sstrip{background:var(--tile);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;transition:transform .2s,border-color .2s;display:flex}.ss-i{color:#d2bbff;background:#b58cff29;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.ss-i svg{width:20px;height:20px}.ss-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ss-t small{color:var(--mute);font-size:13px}.sstrip>svg{width:18px;height:18px;color:var(--mute);flex:none}.foot{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 4px;font-size:13px;display:flex}.foot a:hover{color:var(--txt)}.play{padding-top:16px}.segs{grid-template-columns:repeat(var(--n,10), 1fr);gap:5px;margin-bottom:14px;display:grid}.segs i{background:#ffffff1a;border-radius:3px;height:6px;transition:background .3s}.segs i.now{background:#ffffff80}.segs i.m-c{background:var(--green)}.segs i.m-w{background:var(--red)}.segs i.m-t{background:#56627a}.qcard{background:radial-gradient(100% 90% at 100% 0%, #a05aff33, transparent 60%), linear-gradient(170deg, #17122f, var(--tile) 70%);border:1px solid #b58cff33;border-radius:26px;padding:16px 18px 22px;position:relative;box-shadow:0 18px 50px #00000059}.qmeta{align-items:center;gap:10px;min-height:44px;display:flex}.chip{min-width:0;font:700 12px/1 var(--sans);color:#e6dbff;white-space:nowrap;background:#b58cff24;border:1px solid #b58cff4d;border-radius:999px;align-items:center;gap:6px;padding:7px 11px 7px 8px;display:inline-flex}.chip svg{flex:none;width:15px;height:15px}.dots{flex:none;gap:3px;display:inline-flex}.dots i{background:#fff3;border-radius:50%;width:7px;height:7px}.dots.d1 i:nth-child(-n+1),.dots.d2 i:nth-child(-n+2),.dots.d3 i:nth-child(-n+3),.dots.dm i:first-child{background:var(--gold)}.dots.dm i:nth-child(2){background:#c9a8ff}.dots.dm i:nth-child(3){background:#5fb2ff}.qnum{color:var(--mute);font:700 13px/1 var(--sans);white-space:nowrap;margin-left:auto}.ring{flex:none;width:46px;height:46px;margin-left:auto;position:relative}.qnum+.ring{margin-left:4px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4px}.ring-fg{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke .3s}.ring b{font:400 18px/1 var(--display);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring.hot .ring-fg{stroke:var(--red)}.ring.hot b{color:#ff9aac;animation:1s ease-in-out infinite tick}.qtext{font:800 clamp(20px, 5.6vw, 28px)/1.26 var(--sans);letter-spacing:-.012em;text-wrap:balance;overflow-wrap:anywhere;margin:14px 0 0}.answers{gap:10px;margin-top:16px;display:grid}.ans{all:unset;box-sizing:border-box;cursor:pointer;background:var(--tile);min-height:62px;font:600 16.5px/1.28 var(--sans);color:var(--txt);overflow-wrap:anywhere;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1.5px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 10px;transition:transform .12s,background .2s,border-color .2s,opacity .3s,box-shadow .3s;display:flex}.ans:active{transform:scale(.98)}.ans:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.key{width:36px;height:36px;font:800 14px/1 var(--sans);color:var(--mute);background:#ffffff12;border-radius:11px;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.txt{flex:1;min-width:0}.res{flex:none;place-items:center;width:24px;height:24px;display:grid}.res svg{width:18px;height:18px}@media (hover:hover){.ans:not([aria-disabled]):hover{background:var(--tile2);border-color:#b58cff8c}.ans:not([aria-disabled]):hover .key{color:#fff;background:#b58cff40}}.ans[aria-disabled]{cursor:default;pointer-events:none}.ans.is-ok{background:linear-gradient(#1f9656,#157443);border-color:#46f08c;animation:.45s okpop;box-shadow:0 0 0 3px #35e07a33,0 12px 32px #35e07a38}.ans.is-ok .key,.ans.is-bad .key{color:#fff;background:#fff3}.ans.is-bad{background:linear-gradient(#a8263f,#7d1a2f);border-color:#ff6b83;animation:.42s shake}.ans.is-dim{opacity:.42}.enter{animation:.38s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:var(--d,0s)}.fb{background:var(--tile);border:1px solid var(--line);border-radius:22px;margin-top:14px;padding:16px;animation:.32s cubic-bezier(.2,.7,.2,1) both rise}.fb-c{background:linear-gradient(180deg, #35e07a1a, transparent 70%), var(--tile);border-color:#35e07a59}.fb-w{background:linear-gradient(180deg, #ff54701a, transparent 70%), var(--tile);border-color:#ff547059}.fb-head{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.fb-ico{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.fb-ico svg{width:17px;height:17px}.fb-c .fb-ico{background:var(--green);color:#062914}.fb-w .fb-ico{background:var(--red);color:#fff}.fb-t .fb-ico{color:#fff;background:#56627a}.fb-head b{font:400 24px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.fb-pts{font:400 22px/1 var(--display);color:var(--gold);margin-left:auto}.fb-ans{color:#c9f5da;flex-basis:100%;font-size:14.5px;font-weight:700}.fb-fact{color:#d3dbe8;margin:12px 0 0;font-size:15px;line-height:1.5}.fb-k{color:var(--violet);font:800 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;align-items:center;gap:5px;margin-right:4px;display:inline-flex}.fb-k svg{width:15px;height:15px}.fb-next{width:100%;margin-top:14px}.kbd-hint{display:none}@media (hover:hover) and (pointer:fine) and (min-width:700px){.kbd-hint{text-align:center;color:var(--dim);margin:18px 0 0;font-size:12.5px;display:block}}.bhud{align-items:center;gap:14px;margin-bottom:14px;display:flex;position:relative}.bclock{min-width:72px;font:400 46px/1 var(--display);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;transition:color .3s;display:flex}.bclock small{font:800 15px/1 var(--sans);color:var(--mute)}.bbar{background:#ffffff1a;border-radius:6px;flex:1;height:12px;overflow:hidden}.bbar i{background:linear-gradient(90deg, var(--blue), #8dcbff);transform-origin:0;border-radius:6px;height:100%;display:block}.bhud.hot .bclock{color:#ff9aac}.bhud.hot .bbar i{background:linear-gradient(90deg, var(--red), var(--gold2))}.pen{font:800 17px/1 var(--sans);color:#ff9aac;pointer-events:none;animation:1.1s forwards floatup;position:absolute;top:-18px;left:8px}.count{place-items:center;min-height:calc(100vh - 160px);display:grid}.cnum{font:400 170px/1 var(--display);background:linear-gradient(180deg, #ffe07a, var(--gold) 50%, var(--gold2));color:#0000;-webkit-background-clip:text;background-clip:text;animation:.6s cubic-bezier(.2,.8,.2,1) both zoom}.result,.intro{padding-top:18px}.rcard,.icard{isolation:isolate;text-align:center;background:radial-gradient(90% 60% at 50% 0,#a05aff6b,#0000 72%),linear-gradient(#181033,#0c1224);border:1px solid #b58cff42;border-radius:28px;padding:26px 18px 22px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}.rcard.m-blitz,.icard.m-blitz{background:radial-gradient(90% 60% at 50% 0,#1d8fe16b,#0000 72%),linear-gradient(#0e1b36,#0b1222);border-color:#1d8fe14d}.rcard.m-practice{background:radial-gradient(90% 60% at 50% 0,#35e07a4d,#0000 72%),linear-gradient(#0d1f24,#0b1222);border-color:#35e07a42}.rglyph{opacity:.13;z-index:-1;width:210px;position:absolute;top:-46px;right:-46px;transform:rotate(14deg)}.rtitle{font:400 clamp(38px, 10.5vw, 58px)/.95 var(--display);text-transform:uppercase;margin:12px 0 0}.rscore{justify-content:center;align-items:baseline;gap:6px;margin-top:8px;display:flex}.rscore b{font:400 84px/1 var(--display);background:linear-gradient(180deg, #ffe07a, var(--gold) 50%, var(--gold2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.rscore span{font:800 20px/1 var(--sans);color:var(--mute)}.rcard .marks,.icard .marks{justify-content:center;max-width:520px;margin:12px auto 0}.rstats{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 18px;display:grid}.rstats div{border:1px solid var(--line);background:#ffffff0f;border-radius:16px;padding:12px 4px}.rstats b{font:400 26px/1 var(--display);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:3px;display:flex}.rstats b svg{width:22px;height:22px}.rstats small{color:var(--mute);font:700 11px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;margin-top:6px;display:block}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row2 .btn{padding-left:12px;padding-right:12px}.bigico{border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto;display:grid}.bigico svg{width:36px;height:36px}.icard h2{font:400 clamp(40px, 11vw, 60px)/.95 var(--display);text-transform:uppercase;margin:12px 0 0}.icard p{color:#c7d2e2;max-width:420px;margin:12px auto 0}.icard .kick{color:#8dcbff;margin-top:16px}.review{background:var(--tile);border:1px solid var(--line);border-radius:22px;margin-top:14px;overflow:hidden}.review summary{cursor:pointer;align-items:center;gap:10px;padding:17px 18px;font-weight:800;list-style:none;display:flex}.review summary::-webkit-details-marker{display:none}.chev{color:var(--mute);place-items:center;margin-left:auto;transition:transform .25s;display:grid;transform:rotate(-90deg)}.chev svg{width:18px;height:18px}.review[open] .chev{transform:rotate(90deg)}.review ol{gap:10px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.review li{border-left:3px solid var(--green);background:#ffffff0a;border-radius:14px;padding:12px 14px}.review li.r-bad{border-left-color:var(--red)}.rv-q{gap:10px;font-weight:700;line-height:1.35;display:flex}.rv-n{background:#ffffff14;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.rv-a{flex-wrap:wrap;gap:6px 14px;margin:8px 0 0 32px;font-size:14px;font-weight:700;display:flex}.rv-a span{align-items:center;gap:5px;display:inline-flex}.rv-a svg{flex:none;width:14px;height:14px}.rv-good{color:#86f2b4}.rv-mine{color:#ff9fb0}.rv-f{color:var(--mute);margin:6px 0 0 32px;font-size:13.5px}.more{margin-top:8px}.mcards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.mcard{background:var(--tile);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:14px;transition:transform .2s,border-color .2s;display:flex}.mt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mt b{font-weight:800}.mt small{color:var(--mute);font-size:13px}.mcard>svg{width:18px;height:18px;color:var(--mute);flex:none}.setup{padding-top:20px}.setup-h{align-items:center;gap:14px;display:flex}.setup-h .bigico{border-radius:18px;flex:none;width:58px;height:58px;margin:0}.setup-h .bigico svg{width:30px;height:30px}.seg{background:var(--tile);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.seg button{all:unset;box-sizing:border-box;cursor:pointer;min-height:52px;font:700 13.5px/1 var(--sans);color:var(--mute);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex}.seg button[aria-checked=true]{color:#07101f;background:#fff}.seg button[aria-checked=true] .dots i{background:#07101f2e}.seg button[aria-checked=true] .dots.d1 i:nth-child(-n+1),.seg button[aria-checked=true] .dots.d2 i:nth-child(-n+2),.seg button[aria-checked=true] .dots.d3 i:nth-child(-n+3){background:var(--gold2)}.seg button:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.cats.pick .cat{all:unset;box-sizing:border-box;cursor:pointer;background:var(--tile);border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 12px 10px 10px;transition:border-color .2s,background .2s;display:flex}.cats.pick .cat[aria-checked=true]{border-color:var(--gold);background:#1a2440;box-shadow:0 0 0 3px #ffc21a2e}.cats.pick .cat[disabled]{opacity:.35;cursor:default}.cats.pick .cat:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.setup-go{z-index:5;padding:16px 0 calc(14px + var(--sb));background:linear-gradient(0deg, var(--bg) 62%, #050b1600);margin-top:12px;position:-webkit-sticky;position:sticky;bottom:0}.statsp{padding-top:20px}.stiles{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.stile{text-align:center;background:var(--tile);border:1px solid var(--line);border-radius:18px;padding:14px 8px}.stile b{font:400 30px/1 var(--display);font-variant-numeric:tabular-nums;display:block}.stile small{color:var(--mute);font:700 11.5px/1.25 var(--sans);margin-top:6px;display:block}.dist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dist li{grid-template-columns:22px 1fr 30px;align-items:center;gap:8px;display:grid}.dk{text-align:right;color:var(--mute);font-size:13px;font-weight:800}.db{background:#ffffff0d;border-radius:6px;height:20px;overflow:hidden}.db i{background:linear-gradient(90deg, #6d4bd8, var(--violet));border-radius:6px;height:100%;display:block}.dist li.today .db i{background:linear-gradient(90deg, var(--gold2), var(--gold))}.dv{font-size:13px;font-weight:800}.catbars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.catbars li{background:var(--tile);border-radius:14px;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 58px;align-items:center;gap:10px;padding:9px 12px 9px 9px;display:grid}.catbars .cico{width:34px;height:34px}.cbar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.cbar i{background:linear-gradient(90deg, #1fae5b, var(--green));border-radius:4px;height:100%;display:block}.cv{text-align:right;font-weight:800}.cv small{color:var(--dim);font-size:11px;display:block}#toast{left:50%;bottom:calc(24px + var(--sb));z-index:300;color:#07101f;opacity:0;pointer-events:none;background:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:800;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,16px);box-shadow:0 12px 30px #0006}#toast.on{opacity:1;transform:translate(-50%)}.burst{z-index:200;pointer-events:none;width:0;height:0;position:fixed}.burst i{border-radius:50%;width:8px;height:8px;animation:.7s cubic-bezier(.2,.7,.2,1) forwards burst;position:absolute;top:-4px;left:-4px}.confetti{z-index:200;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:2px;width:8px;height:14px;animation:linear forwards fall;position:absolute;top:-16px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes okpop{40%{transform:scale(1.03)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes tick{50%{transform:scale(1.14)}}@keyframes floatup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}@keyframes zoom{0%{opacity:0;transform:scale(1.9)}}@keyframes burst{to{transform:translate(var(--x), var(--y)) scale(.3);opacity:0}}@keyframes fall{to{transform:translate(var(--dx), 105vh) rotate(var(--r))}}@media (max-width:440px){.bname{display:none}}@media (max-width:359px){.tiles2{grid-template-columns:1fr}.lang button{padding:8px 7px}}@media (min-width:900px){.hero{grid-template-columns:1fr 1.02fr;align-items:center;gap:56px;padding-top:56px}.dcard{padding:30px 30px 28px}.dc-glyph{width:250px;top:-70px;right:-78px}.tiles2{gap:16px;margin-top:28px}.mode-tile{min-height:190px;padding:22px}.mode-tile>b{font-size:28px}.mbg{width:230px;height:230px;bottom:-60px;right:24px}.cats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.h-sec{margin-top:40px}.answers{grid-template-columns:1fr 1fr;gap:12px}.ans{min-height:76px}.qcard{padding:22px 26px 28px}.fb{grid-template-columns:1fr auto;align-items:end;gap:0 18px;padding:18px 20px;display:grid}.fb-head,.fb-fact{grid-column:1}.fb-next{grid-area:1/2/span 2;align-self:center;width:auto;margin:0}.rcard,.icard{padding:34px 40px 30px}.stiles{grid-template-columns:repeat(6,1fr)}.setup-go{background:0 0;position:static}}@media (min-width:900px) and (min-height:760px){.play,.result,.intro,.setup,.statsp{padding-top:4vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}