:root{--primary: #005bef;--primary-press: #004dcc;--primary-text: #005bef;--primary-soft: #e6effe;--text: #122131;--text-2: #59697c;--bg: #f4f7fc;--surface: #ffffff;--surface-2: #f4f7fc;--border: #dae2ee;--ok: #16834b;--ok-soft: #e8f5ee;--bad: #c73838;--bad-soft: #fdf0f0;--logo-e: #005bef;--logo-p: #122131;--shadow: 0 1px 2px rgba(18, 33, 49, .04);--bar-shadow: 0 10px 30px rgba(18, 33, 49, .12);--r-card: 16px;--r-btn: 14px;--safe-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--tg-safe-area-inset-bottom, 0px));--tabbar-h: 54px;color-scheme:light}:root[data-theme=dark]{--primary: #005bef;--primary-press: #1f6ff5;--primary-text: #6fa3ff;--primary-soft: rgba(0, 91, 239, .22);--text: #f4f7fc;--text-2: #94a3b5;--bg: #0b1622;--surface: #122131;--surface-2: #192c40;--border: #22374d;--ok: #3cbf7c;--ok-soft: rgba(22, 131, 75, .22);--bad: #f06d6d;--bad-soft: rgba(199, 56, 56, .2);--logo-p: #ffffff;--shadow: none;--bar-shadow: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;scrollbar-width:none;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:inherit}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,p{margin:0}.muted{color:var(--text-2)}.small{font-size:13px}.center{text-align:center}.ok{color:var(--ok)}.bad{color:var(--bad)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--primary);transition:opacity .35s ease}#boot.gone{opacity:0;pointer-events:none}.page{animation:fade .25s ease}.screen{max-width:560px;margin:0 auto;padding:calc(16px + var(--safe-top)) 16px calc(var(--tabbar-h) + 50px + var(--safe-bottom));min-height:100vh}.screen.quiz,.screen.welcome{padding-bottom:calc(112px + var(--safe-bottom))}.screen.result{padding-bottom:calc(184px + var(--safe-bottom))}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:8px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 16px}.page-head h1{font-size:32px;font-weight:700;line-height:1.15}.page-head p{margin-top:4px}.section-label{margin:24px 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.eyebrow{font-size:13px;font-weight:700;color:var(--primary-text);text-transform:uppercase;letter-spacing:.04em}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:16px 16px calc(16px + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:center}.bottom-bar>*{width:100%;max-width:528px}.bottom-bar.column{flex-direction:column;align-items:center;gap:8px}.row{display:flex;gap:8px}.grow{flex:1}.web-back{position:fixed;top:12px;left:12px;z-index:20;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border)}.web-back+.page .screen{padding-top:64px}.btn{min-height:52px;padding:0 24px;border-radius:var(--r-btn);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,background .15s ease,opacity .2s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active:not(:disabled){background:var(--primary-press)}.btn-secondary{background:var(--surface);color:var(--primary-text);border:1.5px solid var(--border)}.list{padding:0 16px}.list-row{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0}.list-row+.list-row{border-top:1px solid var(--border)}.list-row.column{flex-direction:column;align-items:stretch;gap:16px}.list-row.danger .list-title,.list-row.danger .icon-box{color:var(--bad)}.list-row.danger .icon-box{background:var(--bad-soft)}.list-main{flex:1;min-width:0}.list-title{font-weight:700;line-height:1.3}.list-sub{font-size:14px;color:var(--text-2);margin-top:2px}.row-head{display:flex;align-items:center;gap:16px}.icon-box{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--primary-text);background:var(--primary-soft)}.icon-box.muted-box{color:var(--text-2);background:var(--surface-2)}.chev{flex:none;color:var(--text-2);display:grid}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;font-size:14px;background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.chip svg{width:18px;height:18px;color:var(--primary-text)}.soon-tag{flex:none;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700;color:var(--primary-text);background:var(--primary-soft)}.num-badge{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:16px;color:var(--primary-text);background:var(--primary-soft)}.num-badge.big{width:56px;height:56px;border-radius:16px;font-size:24px;margin-bottom:16px}.bar{display:flex;height:6px;margin-top:8px;border-radius:99px;overflow:hidden;background:var(--surface-2)}:root[data-theme=light] .card .bar{background:#e9eef6}.bar span{height:100%;transition:width .5s ease}.bar-ok{background:var(--ok)}.bar-bad{background:var(--bad)}.empty{padding:24px 16px;text-align:center;color:var(--text-2)}.avatar{flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--primary)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-btn{border-radius:50%}.toggle{flex:none;width:52px;height:32px;padding:3px;border-radius:99px;background:var(--border);transition:background .2s ease}.toggle span{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #12213140;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.toggle.on{background:var(--primary)}.toggle.on span{transform:translate(20px)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--surface-2)}.seg button{min-height:36px;border-radius:9px;font-size:14px;font-weight:700;text-align:center;color:var(--text-2)}.seg button.on{background:var(--surface);color:var(--primary-text);box-shadow:0 1px 3px #1221311f}:root[data-theme=dark] .seg button.on{background:var(--primary);color:#fff}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;max-width:560px;margin:0 auto;height:calc(var(--tabbar-h) + max(var(--safe-bottom),6px));padding:4px 8px max(var(--safe-bottom),6px);display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;box-shadow:0 -6px 24px #12213114;transition:transform .4s cubic-bezier(.3,1.1,.5,1),opacity .3s ease;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:tabbar-in .5s cubic-bezier(.2,1,.3,1) backwards .1s}:root[data-theme=dark] .tabbar{box-shadow:0 -6px 24px #00000059}.tabbar.hidden{transform:translateY(120%);opacity:0;pointer-events:none}@keyframes tabbar-in{0%{transform:translateY(70px);opacity:0}}.tab-ind{position:absolute;top:5px;bottom:calc(3px + max(var(--safe-bottom),6px));left:8px;width:calc((100% - 16px)/5);border-radius:14px;background:var(--primary-soft);transform:translate(var(--x, 0px));transition:transform .5s cubic-bezier(.3,1.35,.5,1),scale .35s cubic-bezier(.3,1.6,.5,1);pointer-events:none}.tabbar.dragging .tab-ind{transition:scale .35s cubic-bezier(.3,1.6,.5,1);scale:1.1 1.08}.tabbar button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:999px;color:var(--text-2);transition:color .25s ease}.tabbar button.on,.tabbar button.hot{color:var(--primary-text)}.tab-icon{display:grid;transition:transform .45s cubic-bezier(.3,1.8,.5,1)}.tabbar button.hot .tab-icon{transform:scale(1.15)}.tabbar button.pop .tab-icon{animation:tab-pop .55s cubic-bezier(.3,1.8,.5,1)}.tab-label{font-size:10.5px;font-weight:700;line-height:1}@keyframes tab-pop{35%{transform:scale(1.25) translateY(-2px)}}.welcome-hero{position:relative;overflow:hidden;height:240px;margin-bottom:24px;border-radius:28px;background:var(--primary);color:#fff;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.welcome-hero-caption{position:absolute;left:24px;top:24px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf}.welcome-hero-name{position:absolute;left:24px;bottom:20px;font-size:56px;line-height:.98;font-weight:700;letter-spacing:-.02em}.hero-mark{position:absolute;right:-56px;bottom:-44px;opacity:.16;pointer-events:none;animation:mark-in .8s cubic-bezier(.2,.8,.2,1) both .1s}.hero-mark.big{right:-70px;bottom:-50px;opacity:.22}@keyframes mark-in{0%{opacity:0;transform:translate(24px) scale(.94)}}.welcome-title{margin-top:8px;font-size:32px;line-height:1.15;font-weight:700}.lead{margin-top:16px;color:var(--text-2)}.home-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.home-head-right{display:flex;align-items:center;gap:10px;flex:none}.online{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 10px;border-radius:99px;font-size:13px;font-weight:600;color:var(--text);background:var(--ok-soft);white-space:nowrap}.online b{font-weight:800;font-variant-numeric:tabular-nums}.online-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#22c55e}.online-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;animation:online-pulse 1.8s ease-out infinite}@keyframes online-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}@media (prefers-reduced-motion: reduce){.online-dot:after{animation:none}}@media (max-width: 350px){.online-word{display:none}}.lockup{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text)}.lockup b{color:var(--primary-text)}.home-title{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:16px}.hero-card{position:relative;overflow:hidden;padding:24px;border-radius:28px;background:var(--primary);color:#fff;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.hero-card>:not(.hero-mark):not(.hero-mascot){position:relative}.hero-eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fffc}.hero-streak{display:inline-flex;align-items:center;gap:2px;padding:2px 8px 2px 6px;border-radius:99px;letter-spacing:0;color:#fff;background:#ffffff2e}.hero-card .hero-title{margin:12px 0 4px;font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-.02em}.hero-sub{color:#ffffffd1;margin-bottom:24px}.btn-light{background:#fff;color:var(--primary)}.btn-light:active:not(:disabled){background:#e6effe}.streak{display:none}.progress-card{padding:16px}.roadmark{display:flex;align-items:flex-end;gap:3px;height:36px;margin:20px 0 12px}.roadmark i{flex:1;height:100%;border-radius:3px;background:var(--border);transform-origin:bottom;animation:bar-up .5s cubic-bezier(.2,.9,.3,1) both}.roadmark i.progress{background:var(--primary);height:60%}.roadmark i.pass{background:var(--ok)}.roadmark i.fail{background:var(--bad)}.roadmark i:nth-child(odd){animation-delay:.04s}@keyframes bar-up{0%{transform:scaleY(.2);opacity:0}}.progress-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.progress-nums div,.stat{display:flex;flex-direction:column}.progress-nums b,.stat b{font-size:24px;font-weight:700;line-height:1.2}.progress-nums span,.stat span{font-size:13px;color:var(--text-2)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.quick-card{padding:16px;display:flex;flex-direction:column;gap:4px;transition:transform .15s ease}.quick-card .icon-box{margin-bottom:12px}.quick-card:active,.topic-row:active,.ticket-tile:active,.ticket-chip:active{transform:scale(.98)}.num-big{flex:none;width:44px;font-size:30px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--primary-text);font-variant-numeric:tabular-nums}.topic-row{display:flex;align-items:center;gap:16px;width:100%;padding:16px;transition:transform .15s ease}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:-4px 0 16px;font-size:13px;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.pass{background:var(--ok)}.dot.fail{background:var(--bad)}.dot.progress{background:var(--primary)}.ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ticket-tile{padding:16px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:stretch;gap:2px;transition:transform .15s ease}.ticket-top{display:flex;align-items:center;justify-content:space-between}.ticket-top svg{flex:none}.ticket-num{font-size:18px;font-weight:700}.ticket-sub{font-size:14px;color:var(--text-2)}.dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:12px}.dots i{padding-bottom:100%;border-radius:50%;background:var(--border)}.dots i.ok{background:var(--ok)}.dots i.bad{background:var(--bad)}.ticket-tile.pass .dots i:not(.ok):not(.bad),.ticket-tile.fail .dots i:not(.ok):not(.bad){background:#7f8ca040}.ticket-tile.pass{border-color:var(--ok);background:var(--ok-soft)}.ticket-tile.pass .ticket-top{color:var(--ok)}.ticket-tile.fail{border-color:var(--bad);background:var(--bad-soft)}.ticket-tile.fail .ticket-top{color:var(--bad)}.ticket-tile.progress{border-color:var(--primary)}.topic-hero{padding:24px 16px 16px}.topic-hero-title{font-size:24px;line-height:1.2;font-weight:700;margin:8px 0 16px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.mini-stats div{display:flex;flex-direction:column;padding:8px 4px;border-radius:12px;background:var(--surface-2)}.mini-stats b{font-size:20px;font-weight:700}.mini-stats span{font-size:12px;color:var(--text-2)}.topic-hero .bar{margin-top:16px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ticket-chip{padding:12px 16px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s ease}.ticket-chip.pass{border-color:var(--ok);background:var(--ok-soft)}.ticket-chip.fail{border-color:var(--bad);background:var(--bad-soft)}.ticket-chip.progress{border-color:var(--primary)}.profile-name{font-size:20px;font-weight:700}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;padding:16px 0}.stats-row div{display:flex;flex-direction:column;align-items:center;gap:2px}.stats-row div+div{border-left:1px solid var(--border)}.stats-row b{font-size:24px;font-weight:700;line-height:1.2}.stats-row span{font-size:13px;color:var(--text-2)}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.quiz-title{font-size:24px;font-weight:700;line-height:1.2}.quiz-counter{flex:none;padding:6px 12px;border-radius:99px;font-size:14px;color:var(--text-2);background:var(--surface);border:1px solid var(--border)}.quiz-counter b{color:var(--text)}.q-nav{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 16px;padding:4px 16px;scrollbar-width:none}.q-nav::-webkit-scrollbar{display:none}.q-dot{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--text-2);background:var(--surface);border:1px solid var(--border)}.q-dot.ok{background:var(--ok);border-color:var(--ok);color:#fff}.q-dot.bad{background:var(--bad);border-color:var(--bad);color:#fff}.q-dot[data-active=true]{outline:2px solid var(--primary);outline-offset:2px}.q-dot[data-active=true]:not(.ok):not(.bad){color:var(--primary-text)}.q-card{animation:rise .3s cubic-bezier(.2,.8,.2,1) both}.q-image{border-radius:var(--r-card);overflow:hidden;margin-bottom:16px;background:var(--surface-2)}.q-image img{display:block;width:100%;height:auto}.q-image{position:relative}.q-image img{transition:opacity .25s ease}.q-image.loading img{opacity:0}.q-image.instant img{transition:none}.q-image[style] img{height:100%;object-fit:cover}.q-image.fit img{object-fit:contain}.q-image.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 70%) var(--surface-2);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.q-credit{position:absolute;right:6px;bottom:6px;max-width:calc(100% - 12px);padding:2px 6px;border-radius:6px;font-size:10px;line-height:1.3;color:#fff;background:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-meta{margin-bottom:8px}.q-text{font-size:20px;line-height:1.35;font-weight:700;margin-bottom:16px}.answers{display:flex;flex-direction:column;gap:8px}.answer{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid var(--border);transition:transform .15s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.answer:active:not(:disabled){transform:scale(.99);border-color:var(--primary)}.answer:disabled{cursor:default}.answer-num{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--primary-text);background:var(--primary-soft)}.answer-text{padding-top:3px;line-height:1.4}.answer.correct{border-color:var(--ok);background:var(--ok-soft)}.answer.correct .answer-num{background:var(--ok);color:#fff}.answer.wrong{border-color:var(--bad);background:var(--bad-soft)}.answer.wrong .answer-num{background:var(--bad);color:#fff}.answer.dim{opacity:.55}.tip{margin-top:16px;padding:16px;border-radius:var(--r-card);animation:rise .3s ease both}.tip-ok{background:var(--ok-soft)}.tip-bad{background:var(--bad-soft)}.tip-head{display:flex;align-items:center;gap:8px;font-weight:700}.tip-ok .tip-head{color:var(--ok)}.tip-bad .tip-head{color:var(--bad)}.tip p{margin-top:8px;font-size:15px;line-height:1.5}.result{text-align:center;padding-top:calc(40px + var(--safe-top))}.result-badge{width:88px;height:88px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;color:#fff;animation:pop .45s cubic-bezier(.3,1.6,.5,1) both}.result-badge.pass{background:var(--ok)}.result-badge.fail{background:var(--primary)}.result-title{font-size:28px;line-height:1.2;font-weight:700;margin:8px 0}.result p.muted{margin-bottom:24px}.result-stats{grid-template-columns:repeat(3,1fr);padding:8px}.result .section-label,.result .list{text-align:left}.mistake{padding:16px 0}.mistake+.mistake{border-top:1px solid var(--border)}.mistake-q{font-weight:700;margin:4px 0 8px}.mistake-a{display:flex;gap:8px;align-items:flex-start;color:var(--ok);font-size:15px}.mistake-a svg{flex:none;margin-top:1px}.rise{animation:rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d, 0ms)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.q-nav.segs{align-items:center;gap:4px;overflow:visible;margin:-4px 0 12px;padding:7px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.q-nav.segs .q-dot{flex:1 1 0;min-width:0;width:auto;height:8px;padding:0;border:0;border-radius:3px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);color:#fff;transition:flex-grow .35s cubic-bezier(.3,1.4,.5,1),height .25s ease,background-color .25s ease}.q-nav.segs .q-dot.ok{background:var(--ok);box-shadow:none}.q-nav.segs .q-dot.bad{background:var(--bad);box-shadow:none}.q-nav.segs .q-dot[data-active=true],.q-nav.segs .q-dot[data-active=true]:not(.ok):not(.bad){color:#fff}.q-nav.segs .q-dot[data-active=true]{flex-grow:3.2;height:22px;border-radius:8px;outline:0;background:var(--primary);box-shadow:0 2px 8px #005bef59}.q-nav.segs .q-dot.ok[data-active=true]{background:var(--ok);box-shadow:0 2px 8px #16834b59}.q-nav.segs .q-dot.bad[data-active=true]{background:var(--bad);box-shadow:0 2px 8px #c7383859}.q-nav.segs .q-dot svg{animation:car-in .35s ease both}@keyframes car-in{0%{opacity:0;transform:translate(-6px)}}.result-score{display:flex;justify-content:center;align-items:baseline;gap:4px;margin:8px 0 0;animation:pop .45s cubic-bezier(.3,1.6,.5,1) both}.result-score b{font-size:96px;line-height:1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result-score span{font-size:32px;font-weight:700;color:var(--text-2)}.result-score.pass b{color:var(--ok)}.result-score.fail b{color:var(--primary-text)}.result{padding-top:calc(32px + var(--safe-top))}.result-title{font-size:24px;margin:8px 0}.answer.correct{animation:ok-flash .5s ease}.answer.wrong{animation:shake .35s ease}@keyframes ok-flash{40%{transform:scale(1.02)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mode-wide{display:flex;align-items:center;gap:16px;width:100%;padding:16px;margin-bottom:8px;transition:transform .15s ease}.icon-box.solid{background:var(--primary);color:#fff}.mode-wide:active{transform:scale(.98)}.tr-exam{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:136px;margin-bottom:8px;padding:18px 8px 18px 18px;overflow:hidden;border-radius:20px;text-align:left;color:#fff;background:linear-gradient(120deg,#0b2f7a,#005bef);box-shadow:0 10px 26px #0048c842;transition:transform .15s ease}.tr-exam:before{content:"";position:absolute;right:-36px;top:-30px;width:190px;height:190px;border-radius:50%;background:#ffffff21;pointer-events:none}.tr-exam-main{position:relative;display:flex;flex-direction:column;min-width:0}.tr-exam-title{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.01em}.tr-exam-sub{margin-top:3px;font-size:14px;color:#ffffffd1}.tr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tr-chips span{padding:5px 10px;border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap;background:#ffffff2e}.tr-exam-izi{position:relative;flex:none;width:112px;height:112px}.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tr-tile{--c: var(--primary-text);--soft: var(--primary-soft);--solid: var(--primary);position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:142px;padding:14px;overflow:hidden;border-radius:18px;text-align:left;color:var(--text);background:var(--soft);transition:transform .15s ease}.tr-green{--c: #16834b;--soft: #e6f6ed;--solid: #16a05c}.tr-red{--c: #cf3a3a;--soft: #fdecec;--solid: #e04848}.tr-amber{--c: #b86e00;--soft: #fff3dc;--solid: #f09a12}:root[data-theme=dark] .tr-green{--c: #3cbf7c;--soft: rgba(22, 160, 92, .18)}:root[data-theme=dark] .tr-red{--c: #f06d6d;--soft: rgba(224, 72, 72, .18)}:root[data-theme=dark] .tr-amber{--c: #f5b13d;--soft: rgba(240, 154, 18, .18)}.tr-tile:disabled{cursor:default}.tr-tile:disabled .tr-icon{opacity:.45}.tr-tile:disabled .tr-mark{display:none}.tr-mark{position:absolute;right:-14px;top:-14px;color:var(--c);opacity:.1;pointer-events:none}.tr-mark svg{display:block;width:84px;height:84px}.tr-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.tr-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:var(--solid)}.tr-badge{min-width:24px;padding:2px 8px;border-radius:99px;font-size:13px;font-weight:800;text-align:center;color:#fff;background:var(--solid)}.tr-title{position:relative;font-size:16px;font-weight:700;line-height:1.2}.tr-sub{position:relative;margin-top:3px;font-size:13px;line-height:1.3;color:var(--text-2)}.tr-bar{position:relative;display:block;height:5px;margin-top:auto;border-radius:3px;overflow:hidden;background:#7f91aa38}.tr-sub+.tr-bar{margin-top:8px}.tr-bar i{display:block;height:100%;border-radius:3px;background:var(--solid)}.tr-exam:active,.tr-tile:active:not(:disabled){transform:scale(.98)}.badge{min-width:24px;padding:2px 8px;border-radius:99px;font-size:13px;font-weight:700;text-align:center;color:#fff;background:var(--primary)}.q-top{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:4px}.star{width:36px;height:36px;margin-right:-8px;display:grid;place-items:center;border-radius:50%;color:var(--text-2);transition:transform .2s cubic-bezier(.3,1.8,.5,1),color .2s ease}.star.on{color:var(--primary-text);transform:scale(1.1)}.star:active{transform:scale(.85)}.quiz-counter.timer{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.quiz-counter.timer.low{color:var(--bad);border-color:var(--bad)}.q-dot.extra:not(.ok):not(.bad){border-style:dashed}.q-nav.segs .q-dot.extra:not(.ok):not(.bad):not([data-active=true]){background:repeating-linear-gradient(90deg,var(--border) 0 3px,transparent 3px 6px);box-shadow:none}.notice{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;padding:12px 16px;border-radius:var(--r-card);font-size:15px;font-weight:700;color:var(--primary-text);background:var(--primary-soft);animation:rise .3s ease both}.notice svg{flex:none;margin-top:1px}.mistake-tip{margin-top:8px;font-size:14px;color:var(--text-2)}.tab-dot{position:absolute;top:4px;right:calc(50% - 20px);width:10px;height:10px;border-radius:50%;background:var(--bad);border:2px solid var(--surface)}.mascot{display:block;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.welcome-hero.light{background:var(--primary-soft);color:var(--text);height:288px;padding:24px}.welcome-hero.light .welcome-hero-caption{color:var(--primary-text);left:auto;right:24px;top:28px}.welcome-mascot{position:absolute;left:50%;bottom:0;transform:translate(-50%)}.welcome-hero.light .mascot{animation:none}.hero-card.has-mascot .hero-title,.hero-card.has-mascot .hero-sub{padding-right:96px}.hero-mascot{position:absolute;right:16px;bottom:16px;width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}.hero-mascot .mascot{margin-top:8px;animation:none}.hero-card.has-mascot .btn-light{position:relative}.tip-m .tip-top{display:flex;align-items:center;gap:12px}.tip-m .tip-top .mascot{flex:none;animation:none}.tip-m .tip-head{font-size:18px}.tip-sub{margin-top:2px;font-size:14px;color:var(--text-2)}.result-mascot{margin:0 auto 8px}.izi-talk{margin-top:16px;padding:16px;border-radius:var(--r-card);background:var(--bad-soft);animation:rise .3s ease both}.izi-talk-top{display:flex;align-items:center;gap:12px}.izi-talk-top .mascot{flex:none;animation:none}.izi-talk-name{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--bad)}.izi-talk-opener{margin-top:2px;font-size:16px;line-height:1.4;font-weight:700}.izi-bubble{position:relative;margin-top:14px;padding:14px 16px;border-radius:var(--r-card);background:var(--surface);font-size:15px;line-height:1.5}.izi-bubble:before{content:"";position:absolute;top:-8px;left:44px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-radius:3px}.izi-bubble p+p{margin-top:8px}.izi-bubble-src{font-size:14px;color:var(--text-2)}.izi-bubble-end{font-weight:700;color:var(--primary-text)}.result{padding-top:calc(16px + var(--safe-top))}.forecast{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.forecast-pct{font-size:28px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--primary-text);font-variant-numeric:tabular-nums}.search{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;border-radius:var(--r-btn);background:var(--surface);border:1.5px solid var(--border);color:var(--text-2);margin-bottom:12px}.search:focus-within{border-color:var(--primary)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:var(--text);font-size:16px}.search input::placeholder{color:var(--text-2)}.search-clear{width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;text-align:center;color:var(--text-2);background:var(--surface-2)}.cat-chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 16px;padding:4px 16px;scrollbar-width:none}.cat-chips::-webkit-scrollbar{display:none}.cat-chips button{flex:none;padding:8px 16px;border-radius:99px;font-size:14px;font-weight:700;color:var(--text-2);background:var(--surface);border:1.5px solid var(--border)}.cat-chips button.on{color:#fff;background:var(--primary);border-color:var(--primary)}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ref-card{padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .15s ease}.ref-card:active{transform:scale(.98)}.ref-img{flex:none;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:6px}.ref-img img{max-width:100%;max-height:100%;object-fit:contain}.ref-img span{font-weight:700;color:#122131}.ref-num{font-weight:700;font-size:16px}.ref-title{font-size:13px;line-height:1.3;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0b162280;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.sheet{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:8px 16px calc(16px + var(--safe-bottom));border-radius:24px 24px 0 0;background:var(--bg);animation:sheet-up .3s cubic-bezier(.2,.9,.3,1)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.sheet-grip{width:40px;height:4px;margin:4px auto 16px;border-radius:99px;background:var(--border)}.ref-detail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:16px}.ref-detail h2{font-size:22px;line-height:1.2}.ref-text{color:var(--text-2);font-size:15px;line-height:1.5;text-align:left;margin-top:8px}.fine-card{padding:16px}.fine-text{margin:8px 0;line-height:1.4}.fine-penalty{font-weight:700;color:var(--primary-text)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.game-tile{display:flex;flex-direction:column;padding:6px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:transform .15s ease}.game-tile:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}.game-tile:active{transform:scale(.97)}.game-tile-art{position:relative;display:block;aspect-ratio:1;border-radius:17px;overflow:hidden;background:#0b1622}.game-tile-art img{width:100%;height:100%;object-fit:cover}.game-tile-best{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;padding:5px 10px 7px 12px;border-bottom-left-radius:14px;background:var(--surface);color:var(--text);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.game-tile-best svg{color:#f5b301}.answers.tf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers.tf .answer{justify-content:center;padding:20px 12px;font-size:18px;font-weight:800}.answers.tf .answer-text{padding:0}.answers.tf .answer:first-child:not(.dim):not(.wrong):not(.correct){border-color:var(--ok);color:var(--ok)}.answers.tf .answer:last-child:not(.dim):not(.wrong):not(.correct){border-color:var(--bad);color:var(--bad)}.q-image.sign{background:#fff;display:grid;place-items:center;padding:16px}.q-image.sign img{width:auto;max-width:100%;height:160px;object-fit:contain}.invite-card{padding:24px 16px 16px}.invite-card .icon-box{margin-bottom:12px}.invite-card h2{font-size:22px;margin-bottom:4px}.btn-sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:12px}.rank{flex:none;width:24px;text-align:center;font-weight:700;color:var(--text-2)}.rank.top{color:var(--primary-text)}.rating-prize{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:4px;width:96px;line-height:1.15;text-align:right}.rating-prize strong,.rating-prize small,.rating-prizes summary small{display:block}.rating-prize strong{font-size:12px;white-space:nowrap}.rating-prize small{margin-top:2px;font-size:10px;color:var(--text-2)}.rating-prize-icon{display:grid;flex:none;place-items:center;width:24px;height:27px;border-radius:8px;color:var(--primary-text);background:var(--primary-soft)}.rating-prize-art{width:28px;height:28px;overflow:hidden;background:var(--surface-2)}.rating-prize-art img{display:block;width:100%;height:100%;object-fit:contain}.rating-prizes{margin-bottom:12px;border:1px solid var(--border)}.rating-prizes summary{display:flex;align-items:center;gap:9px;padding:11px;cursor:pointer;list-style:none}.rating-prizes summary::-webkit-details-marker{display:none}.rating-prizes summary small{color:var(--text-2)}.rating-prizes summary>svg{margin-left:auto}.rating-prizes[open] summary>svg{transform:rotate(90deg)}.rating-prizes ol{display:grid;list-style:none;margin:0;padding:0 11px 6px}.rating-prizes li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid var(--border);font-size:13px}.rating-prizes li .rating-prize{width:auto}.score{font-size:18px;font-variant-numeric:tabular-nums}.add-btn{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--primary-text);background:var(--primary-soft)}.user-head{margin-bottom:8px}.ticket-tile.static{cursor:default}.ticket-tile.static:active{transform:none}.danger-btn{color:var(--bad)}.num-big.small{width:36px;font-size:22px}.btn-secondary.danger-btn{border-color:var(--bad-soft)}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}.loading{display:flex;justify-content:center;gap:8px;padding:48px 0}.loading i{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:dot 1s ease-in-out infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{transform:translateY(-8px);opacity:.5}}.empty p{margin:0}.profile-card{display:flex;align-items:center;gap:16px;padding:16px}.profile-card .profile-name{font-size:18px;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-card{padding-top:12px;padding-bottom:12px}.profile-level{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:8px}.level-chip{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;color:var(--primary-text);background:var(--primary-soft);white-space:nowrap}.level-next{font-size:12px;color:var(--text-2)}.level-bar{height:6px;margin-top:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.level-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .6s ease}.profile-mini{padding:8px}.profile-mini span{line-height:1.2}.avatar-izi{position:relative;flex:none}.izi-peek{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.day-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#060e1cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .25s ease;overflow-y:auto}.day-card{position:relative;width:100%;max-width:380px;margin-top:56px;padding:0 16px 16px;border-radius:28px;background:var(--surface);box-shadow:0 24px 60px #00000059;text-align:center}.day-top{margin:0 -16px;padding:0 16px 14px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#ff8a0029,#ff8a0000)}.day-izi{display:block;margin:-64px auto 0}.day-count{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px;color:#ff8a00}.day-count svg{fill:currentColor;stroke:none;transition:transform .4s cubic-bezier(.3,1.8,.5,1)}.go .day-count svg{transform:scale(1.2);animation:day-flame 1.4s ease-in-out .5s infinite}@keyframes day-flame{50%{transform:scale(1.08) rotate(-5deg)}}.day-roll{position:relative;height:56px;min-width:44px;overflow:hidden;font-size:52px;line-height:56px;font-weight:800;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}.day-roll span{display:block;transition:transform .55s cubic-bezier(.5,-.4,.3,1.4),opacity .4s ease}.day-new{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(100%);opacity:0;color:#ff8a00}.go .day-old{transform:translateY(-100%);opacity:0}.go .day-new{transform:translateY(0);opacity:1}.day-label{font-size:15px;font-weight:700;color:var(--text-2)}.day-road{position:relative;display:flex;margin:26px 0 14px;padding:10px 4px 6px;border-radius:14px;background:#1d2a3a}.day-seg{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.day-seg i{width:70%;height:6px;border-radius:3px;background:#ffffff2e;transition:background .3s ease .5s,box-shadow .3s ease .5s}.day-seg.on i{background:#ff8a00;box-shadow:0 0 10px #ff8a0099}.day-seg.today i{background:transparent;outline:2px dashed rgba(255,138,0,.8);outline-offset:-2px}.go .day-seg.today i{background:#ff8a00;outline-color:transparent;box-shadow:0 0 12px #ff8a00cc}.day-seg small{font-size:11px;font-weight:700;color:#ffffff8c;white-space:nowrap}.day-seg.today small{color:#ffb15c}.day-car{position:absolute;top:-30px;left:calc(100% / 7 * 5.5);transform:translate(-50%);display:grid;place-items:center;width:34px;height:26px;border-radius:9px;color:#fff;background:var(--primary);box-shadow:0 4px 10px #005bef73;transition:left .8s cubic-bezier(.5,0,.2,1)}.go .day-car{left:calc(100% / 7 * 6.5 - 4px)}.day-goal{margin-bottom:14px;text-align:left}.day-goal-row{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:6px}.day-goal-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.day-goal-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb15c,#ff8a00);transition:width .8s cubic-bezier(.3,1,.4,1) .3s}.day-bubble{margin-bottom:14px;padding:12px 14px;border-radius:16px;background:var(--surface-2);font-size:15px;line-height:1.45;text-align:left}.day-bubble b{color:var(--primary-text)}.screen.game-intro{padding-bottom:calc(112px + var(--safe-bottom))}.game-intro-art{width:min(240px,64vw);aspect-ratio:1;margin:8px auto 16px;border-radius:28px;overflow:hidden;box-shadow:0 12px 30px #00287840}.game-intro-art img{width:100%;height:100%;object-fit:cover}.game-intro-title{margin-top:4px;font-size:26px;line-height:1.1;font-weight:800;text-align:center}.game-intro-bubble{margin-top:16px;padding:12px 14px;border-radius:16px;background:var(--primary-soft);font-size:15px;line-height:1.45;animation:rise .4s ease .15s both}.game-intro-bubble b{color:var(--primary-text)}.game-rules{list-style:none;margin:0;padding:8px 16px}.game-rules li{display:flex;align-items:center;gap:12px;padding:10px 0;line-height:1.35}.game-rules li+li{border-top:1px solid var(--border)}.game-rules li span{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--primary-text);background:var(--primary-soft)}.game-intro-best{margin-top:12px}.channel-card{position:relative;display:flex;align-items:center;gap:8px;height:68px;margin-bottom:12px;padding:0 0 0 14px;border-radius:18px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#2aa5e8,#005bef 75%);animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.channel-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.channel-text b{font-size:15px;line-height:1.2;font-weight:800;letter-spacing:-.015em}.channel-text span{margin-top:2px;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-btn{flex:none;display:flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:99px;font-size:13px;font-weight:700;color:var(--primary);background:#fff}.channel-btn:active{transform:scale(.96)}.channel-izi{flex:none;align-self:flex-end;margin:0 2px -6px -4px}.tickets-izi{position:relative;display:flex;align-items:center;gap:4px;margin-bottom:16px;padding:12px 16px 12px 4px;border-radius:24px;overflow:hidden;color:#fff;background:var(--primary);animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.tickets-izi:before{content:"";position:absolute;left:-30px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:#ffffff24}.tickets-izi-img{position:relative;flex:none}.tickets-izi-text{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.tickets-izi-text b{font-size:20px;line-height:1.15;font-weight:800}.tickets-izi-text span{margin-top:4px;font-size:13px;line-height:1.35;opacity:.88}.tickets-izi-btn{align-self:flex-start;margin-top:10px;height:38px;padding:0 14px;gap:6px;font-size:14px}.games-about{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px 12px 8px;font-size:14px;line-height:1.45;color:var(--text-2)}.games-about .mascot{flex:none;animation:none}.games-about-body{min-width:0}.games-about-body b{display:block;font-size:18px;font-weight:800;color:var(--text)}.games-about-body p{margin:4px 0 0}.games-about-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.games-about-chips span{padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:700}.games-about-compact{min-height:76px;margin-bottom:10px;padding:8px 14px 8px 6px}.games-about-compact .games-about-body p{margin-top:2px;line-height:1.3}.road-board{margin-bottom:16px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#071b45,#005bef);color:#fff;box-shadow:0 10px 28px #003eaa38}.road-board-head{display:flex;width:100%;align-items:center;gap:10px;padding:14px;color:inherit;text-align:left}.road-board-head:active:not(.static){background:#ffffff14}.road-board-head.static{cursor:default}.road-board-icon{display:grid;flex:none;width:38px;height:38px;place-items:center;border-radius:12px;background:#ffffff29;color:#ffd45a}.road-board-head>div{display:flex;min-width:0;flex:1;flex-direction:column}.road-board-head b{font-size:16px;font-weight:800}.road-board-head span:not(.road-board-icon){margin-top:2px;color:#ffffffb8;font-size:12px}.road-board-head strong{padding:5px 9px;border-radius:10px;background:#ffffff24;font-size:14px;font-variant-numeric:tabular-nums}.road-board .loading{padding:4px 0 18px}.road-board .empty{margin:0 8px 8px;color:var(--text)}.road-board-empty{margin:0 8px 8px;padding:16px;border-radius:14px;background:#ffffff1a;color:#fffc;text-align:center;font-size:13px}.road-board-list{margin:0 6px 6px;overflow:hidden;border-radius:15px;background:var(--surface);color:var(--text)}.road-board-row{display:flex;min-height:52px;align-items:center;gap:9px;padding:7px 10px}.road-board-row+.road-board-row{border-top:1px solid var(--border)}.road-board-row.me{background:var(--primary-soft)}.road-board-rank{display:grid;flex:none;width:24px;height:24px;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:800}.road-board-rank.top-1{background:#fff2b2;color:#875f00}.road-board-rank.top-2{background:#e8edf4;color:#53606f}.road-board-rank.top-3{background:#f3d2b5;color:#85502c}.road-board-name{display:flex;min-width:0;flex:1;flex-direction:column;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.road-board-name>span{overflow:hidden;text-overflow:ellipsis}.road-board-name small{color:var(--primary-text);font-size:10px;font-weight:700}.road-board-row>b{flex:none;min-width:5ch;text-align:right;font-size:15px;font-variant-numeric:tabular-nums}@media (max-width: 375px){.road-board-row{display:grid;grid-template-columns:24px 36px minmax(0,1fr) 96px 6ch;gap:2px 5px}.road-board-name{grid-area:2 / 1 / 3 / 4;flex-direction:row;align-items:baseline;gap:4px}.road-board-name small{flex:none}.road-board-row>.rating-prize{grid-area:1 / 4 / 3 / 5}.road-board-row>b{grid-area:1 / 5 / 3 / 6;font-size:14px}}.road-board-full{margin-bottom:0}.road-board-full .road-board-list{max-height:none}.road-rating-screen{padding-bottom:calc(32px + var(--safe-bottom))}.profile-level{width:100%;text-align:left;color:var(--text-2)}.profile-level svg{margin-left:auto;flex:none}.levels-list{margin:12px 0 16px}.level-num{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--text-2);background:var(--surface-2)}.level-row.done .level-num{color:#fff;background:var(--ok)}.level-row.now{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:12px;background:var(--primary-soft)}.level-row.now .level-num{color:#fff;background:var(--primary)}.level-from{flex:none;font-size:13px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.sheet-title{font-size:22px;font-weight:800;margin-bottom:4px}.course-promo{margin:16px 0;border-radius:22px;overflow:hidden;text-align:left;color:#fff;background:#0157fa;box-shadow:0 10px 30px #0157fa47}.course-img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center top}.course-body{display:flex;flex-direction:column;gap:12px;padding:4px 18px 18px}.course-top{display:flex;align-items:center;gap:12px}.course-big{flex:none;padding:4px 14px;border-radius:14px;font-size:38px;line-height:1.1;font-weight:900;letter-spacing:-.03em;color:#0157fa;background:#fff;transform:rotate(-3deg)}.course-top-text{font-size:15px;line-height:1.25;font-weight:700;opacity:.95}.course-title{display:block;font-size:28px;line-height:1.1;font-weight:900;letter-spacing:-.025em}.course-text{margin:0;font-size:16px;line-height:1.45;opacity:.95}.course-code{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:14px;border:2px dashed rgba(255,255,255,.7);background:#ffffff1f;color:#fff;font-size:13px;font-weight:600}.course-code b{font-size:26px;font-weight:900;letter-spacing:.06em}.course-code:active{background:#fff3}.course-btn{height:56px;font-size:18px;font-weight:800}.exam-card{position:relative;display:block;width:100%;margin-bottom:12px;padding:16px;overflow:hidden;border-radius:18px;text-align:left;color:#fff;background:linear-gradient(115deg,#d63e08,#f26300 58%,#ff9a1a);box-shadow:0 10px 28px #e254004d}.exam-card:before{content:"";position:absolute;top:-34px;right:-30px;width:190px;height:190px;border-radius:50%;background:#ffffff2e;pointer-events:none}.exam-card:after{content:"";position:absolute;top:2px;right:8px;width:130px;height:130px;border-radius:50%;background:#ffffff29;pointer-events:none}.exam-card:active{transform:scale(.99)}.exam-row{position:relative;z-index:1;display:flex;align-items:flex-start;gap:4px}.exam-main{flex:1;min-width:0;display:flex;flex-direction:column}.exam-head{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.exam-head svg{flex:none;opacity:.9}.exam-big{display:flex;align-items:baseline;gap:8px;margin-top:6px}.exam-big b{font-size:64px;line-height:1;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.exam-big span{font-size:24px;line-height:1;font-weight:800;letter-spacing:-.02em}.exam-rest{margin-top:6px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.exam-izi{flex:none;width:116px;height:116px;margin:0 -8px 0 0;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 10px rgba(120,40,0,.3))}.exam-foot{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.3;font-weight:700;color:#b83200;background:#fff}.exam-foot svg{flex:none}.exam-title{font-size:24px;line-height:1.15;font-weight:900;letter-spacing:-.02em}.exam-text{margin:6px 0 0;font-size:14px;line-height:1.35;font-weight:600}.exam-action{align-self:flex-start;margin-top:12px;padding:9px 16px;border-radius:99px;font-size:14px;font-weight:800;color:#b83200;background:#fff}.exam-clear{width:100%;height:40px;text-align:center;font-size:15px;font-weight:600;color:var(--bad)}.wheels{position:relative;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:4px;margin:4px 0}.wheel-band{position:absolute;left:0;right:0;top:88px;height:44px;border-radius:12px;background:var(--primary-soft);pointer-events:none}.wheel{position:relative;height:220px;padding:88px 0;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent)}.wheel::-webkit-scrollbar{display:none}.wheel-item{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:20px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.wheel-item.on{color:var(--text);font-weight:800}.exam-left-text{margin:4px 0 0;text-align:center;font-size:15px;font-weight:700;color:var(--primary-text)}.exam-left-text.bad{color:var(--bad)}.collab-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-bottom:12px;padding:24px 126px 24px 16px;border-radius:18px;overflow:hidden;text-align:left;color:#fff;background:#0157fa}.collab-card:active{filter:brightness(.95)}.collab-img{position:absolute;top:50%;right:-66px;width:280px;max-width:none;height:auto;transform:translateY(calc(-50% + 6px));pointer-events:none}.collab-title{position:relative;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.collab-sub{position:relative;font-size:13px;line-height:1.3;opacity:.9}.collab-go{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;margin-top:10px;padding:0 16px;border-radius:99px;font-size:14px;font-weight:700;color:var(--primary);background:#fff}.video-reveal{display:flex;flex-direction:column;gap:12px;margin-top:14px}.video-player{display:block;width:auto;max-width:100%;height:min(60vh,520px);aspect-ratio:9 / 16;margin:0 auto;border-radius:18px;background:#000;object-fit:contain}.tz-select{flex:none;max-width:52%;height:36px;padding:0 8px;border-radius:10px;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.channel-card,.tickets-izi,.izi-talk,.tip-m,.hero-card.has-mascot,.day-card{animation:none}.answer.chosen{border-color:var(--primary);background:var(--primary-soft)}.answer.chosen .answer-num{color:#fff;background:var(--primary)}.q-dot.done{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary)}.q-nav.segs .q-dot.done{background:var(--primary);box-shadow:none;opacity:.55}.q-nav.segs .q-dot.done[data-active=true]{opacity:1}.exam-left{margin:-4px 0 12px;padding:12px 14px}.exam-left .list-sub{margin-top:2px}.exam-left-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.exam-left-list button{min-width:36px;height:32px;padding:0 8px;border-radius:10px;font-size:14px;font-weight:700;color:var(--primary-text);background:var(--primary-soft)}.exam-left-list button.on{color:#fff;background:var(--primary)}.jn{display:block;width:100%;max-width:420px;margin:0 auto 12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.jn-bg{fill:var(--surface-2)}.jn-road{fill:#3b4756}.jn-mark{stroke:#fff;stroke-opacity:.7;stroke-width:2;stroke-dasharray:9 9}.jn-path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 6;opacity:.95;pointer-events:none}.jn-car{outline:none}.jn-car.live{cursor:pointer}.jn-badge{animation:pop .25s ease both}.jn-slots{display:flex;gap:8px;margin-top:12px}.jn-slot{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);font-weight:800;color:var(--text-2);transition:background-color .2s ease,box-shadow .2s ease}.jn-slot i{width:22px;height:22px;border-radius:50%;display:block;animation:pop .25s ease both}.jn-slot i.jn-tram{border-radius:6px;width:30px;height:16px;box-shadow:inset 0 0 0 3px #d63c3c}.jn-cop{pointer-events:none}.jn-slot i.jn-empty{background:none;box-shadow:inset 0 0 0 2px var(--border);animation:none}.jn-slot.ok{background:var(--ok-soft);box-shadow:inset 0 0 0 1.5px var(--ok);color:var(--ok)}.jn-slot.show{background:var(--primary-soft);box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary-text)}.jn-hint{margin-top:10px}.jn-replay{margin-top:12px;width:100%}.jn-tip-top{display:flex;align-items:center;gap:8px}.jn-tip-top .mascot{flex:none;animation:none}.jn-curb{fill:#9aa6b4}.jn-walk{fill:#b9c3ce}.jn-slot i.jn-bus{border-radius:5px;width:30px;height:16px;box-shadow:inset 0 0 0 3px #ffffffbf}.quiz-counter.timer{position:relative}.timer-bonus{position:absolute;right:0;top:100%;margin-top:4px;font-size:13px;font-weight:800;color:var(--bad);white-space:nowrap;pointer-events:none;animation:timer-bonus 1.8s ease-out forwards}@keyframes timer-bonus{0%{opacity:0;transform:translateY(-4px)}15%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin-bottom:16px}.rev-chip{height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font:inherit;font-weight:700;cursor:pointer}.rev-chip.ok{background:var(--ok);border-color:var(--ok);color:#fff}.rev-chip.bad{background:var(--bad);border-color:var(--bad);color:#fff}.rev-list{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:16px}.rev-item{padding:14px 16px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);scroll-margin:80px}.rev-item.ok,.rev-item.bad{color:var(--text)}.rev-item.ok{border-color:var(--ok);background:var(--ok-soft)}.rev-item.bad{border-color:var(--bad);background:var(--bad-soft)}.rev-item .q-image,.rev-item img{margin:8px 0;border-radius:10px}.rev-head{display:flex;align-items:center;gap:8px}.rev-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:800;background:var(--surface-2);color:var(--text-2);flex:none}.rev-item.ok .rev-num{background:var(--ok);color:#fff}.rev-item.bad .rev-num{background:var(--bad);color:#fff}.rev-item.ok .rev-head .list-sub{color:var(--ok);font-weight:700}.rev-item.bad .rev-head .list-sub{color:var(--bad);font-weight:700}.rev-a{display:flex;gap:8px;align-items:flex-start;font-size:15px;margin-top:4px}.rev-a svg{flex:none;margin-top:1px}.rev-a.ok{color:var(--ok)}.rev-a.bad{color:var(--bad);text-decoration:line-through;text-decoration-thickness:1px}.btn-back{flex:none;width:56px;padding:0}.quiz .bottom-bar .row>.btn{min-width:0}.quiz .bottom-bar .btn svg{flex:none}.invite-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#060e1cb8;animation:fade .25s ease;overflow-y:auto}.invite-card{position:relative;width:100%;max-width:360px;padding:0 18px 10px;border-radius:24px;text-align:center;background:var(--surface);box-shadow:0 24px 60px #00000059;animation:sheet-up .3s cubic-bezier(.2,.9,.3,1)}.invite-top{display:flex;justify-content:center;margin:0 -18px;padding-top:18px;border-radius:24px 24px 0 0;background:var(--primary-soft)}.invite-izi{display:block;margin-bottom:-2px}.invite-close{position:absolute;top:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-2);background:var(--surface)}.invite-title{margin:16px 0 0;text-wrap:balance;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.02em}.invite-text{margin:8px 0 16px;font-size:15px;line-height:1.4;color:var(--text-2)}.invite-later{width:100%;height:44px;margin-top:2px;font-size:15px;font-weight:600;color:var(--text-2)}.exit-ask{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.exit-ask .sheet-title{margin-bottom:0}.exit-ask-btns{display:grid;gap:8px;margin:16px 0 8px}.exit-ask-reset{color:var(--bad)}.course-card{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:14px 16px 16px;border-radius:18px;color:#fff;background:#0157fa}.course-card-top{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.25}.course-card-big{flex:none;padding:2px 10px;border-radius:10px;font-size:24px;line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#0157fa;background:#fff;transform:rotate(-3deg)}.course-card-row{display:flex;align-items:stretch;gap:8px}.course-card-code{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 14px;border-radius:14px;border:2px dashed rgba(255,255,255,.7);background:#ffffff1f;color:#fff}.course-card-code small{font-size:11px;font-weight:600;opacity:.9}.course-card-code b{font-size:16px;font-weight:900;letter-spacing:.04em}.course-card-code:active{background:#fff3}.guess{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:10px;padding:8px 12px;border-radius:14px;border:1.5px dashed var(--border);font-size:14px;font-weight:600;color:var(--text-2)}.guess.on{border-style:solid;border-color:var(--primary);color:var(--primary-text);background:var(--primary-soft)}.screen.adm{max-width:640px;padding-bottom:calc(32px + var(--safe-bottom))}.adm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px}.adm-head h1{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.adm-full{font-size:13px;font-weight:600;color:var(--primary-text)}.adm .seg button{font-size:13px}.adm-body{margin-top:12px}.adm-gap{height:8px}.adm-title{margin:20px 0 8px;font-size:15px;font-weight:700}.adm-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.adm-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow)}.adm-tile span{font-size:13px;color:var(--text-2)}.adm-tile b{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.adm-tile i{font-style:normal;font-size:12px;color:var(--text-2)}.adm-tile i.up{color:var(--ok)}.adm-tile i.down{color:var(--bad)}.adm-chart{margin-top:8px;padding:14px}.adm-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.adm-chart-head h2{font-size:15px;font-weight:700}.adm-chart-head span{font-size:13px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.adm-bars{display:flex;align-items:stretch;gap:2px;height:110px;margin:12px 0;border-bottom:1px solid var(--border)}.adm-bars button{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;touch-action:manipulation}.adm-bars i{display:block;width:100%;max-width:24px;border-radius:4px 4px 0 0;background:var(--primary-text);opacity:.8}.adm-bars button.on i{opacity:1}.adm-rows{margin-top:8px;padding:2px 14px}.adm-rows>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;font-size:14px;border-bottom:1px solid var(--border)}.adm-rows>div:last-child{border-bottom:0}.adm-rows span{color:var(--text-2)}.adm-rows b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.adm-count{margin:12px 2px 6px;min-height:16px;font-size:13px;color:var(--text-2)}.adm-people{padding:2px 14px}.adm-person{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;text-align:left;border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 61px}.adm-person:last-child{border-bottom:0}.adm-person-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.adm-person-name{font-size:15px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adm-person-name small{font-size:12px;font-weight:400;color:var(--text-2)}.adm-person-sub{font-size:13px;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adm-person-sub.bad{color:var(--bad)}.adm-person-num{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.adm-person-num b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.adm-person-num small{font-size:12px;color:var(--text-2)}.adm-more{margin-top:8px}.adm-empty{padding:20px 0;text-align:center;font-size:14px;color:var(--text-2)}.adm-topics{display:flex;flex-direction:column;gap:12px;padding:14px}.adm-topics p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 5px;font-size:14px;line-height:1.3}.adm-topics b{flex:none;font-variant-numeric:tabular-nums}.adm-topics small{display:block;margin-top:5px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.adm-track{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.adm-track i{display:block;height:100%;border-radius:0 3px 3px 0;background:var(--primary-text)}.adm-questions{padding:2px 14px}.adm-questions>div{padding:11px 0;border-bottom:1px solid var(--border)}.adm-questions>div:last-child{border-bottom:0}.adm-questions p{margin:0 0 3px;font-size:14px;line-height:1.35}.adm-questions small{font-size:12px;color:var(--text-2)}.adm-questions small b{color:var(--text)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.adm-backups{padding:2px 14px}.adm-backup{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.adm-backup:last-child{border-bottom:0}.adm-now{flex:none;width:auto;min-height:36px;height:36px;padding:0 14px;font-size:13px;border-radius:10px}.adm-now:disabled{opacity:.45}.game-tile-test{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:#e2541a}.lab-q{margin-bottom:10px}.lab-q .q-image{margin-bottom:8px}.lab-q .list-sub{margin-bottom:2px}.lab-q .q-text{font-size:17px}.lab-answer{margin:0 0 6px;font-weight:700}.jn-beacon{animation:jn-beacon .7s steps(2) infinite}@keyframes jn-beacon{50%{fill:#ff3b3b}}.jn-beacon-y{animation:jn-beacon-y .7s steps(2) infinite}@keyframes jn-beacon-y{50%{fill:#fff3c4}}.jn-me-tag{font-size:10px;font-weight:800;fill:#fff}html.road-active,html.road-active body,html.road-active .road,html.road-active .road *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}html.road-active .road-quiz input{-webkit-user-select:text!important;user-select:text!important}html.road-active .road img,html.road-active .road canvas{-webkit-user-drag:none;pointer-events:none}.road{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;background:#cfe3f2;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff}.road-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .7s ease-out}.road-canvas.gray{filter:grayscale(.72) brightness(.88)}.road-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);color:var(--text)}.road-hud{position:absolute;top:calc(10px + var(--safe-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;pointer-events:none}.road-hud-right{display:flex;gap:6px;align-items:center}.road-pill{padding:6px 12px;border-radius:15px;background:#0b1622bd}.road-pill b{font-size:21px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.road-score{display:flex;flex-direction:column;min-width:76px}.road-score small{font-size:11px;font-weight:600;opacity:.8}.road-score em{margin-left:6px;padding:0 5px;border-radius:6px;background:#ffc21f;color:#122131;font-style:normal;font-weight:800}.road-speed{position:relative;display:flex;flex-direction:column;align-items:center;min-width:76px;padding:5px 34px 5px 10px;border-radius:15px;background:#0b1622a8;transition:background .15s}.road-speed b{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.road-speed small{font-size:10px;font-weight:600;opacity:.8}.road-speed.over{background:#d32626;animation:road-shake .25s linear infinite}.road-limit{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border:3.5px solid #d91f26;border-radius:50%;background:#fff;color:#111;font-size:11px;font-weight:800}.road-lives{display:flex;align-items:center;gap:2px;height:40px;padding:0 8px}.road-lives svg{display:block;fill:#ff3b4e;transition:transform .25s,fill .25s,opacity .25s}.road-lives svg.off{fill:#fff;opacity:.22;transform:scale(.8);animation:road-heart-lost .55s ease-out}.road-pause{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;border-radius:15px;background:#0b1622a8}.road-pause span{width:4.5px;height:15px;border-radius:2px;background:#fff}.road-hint{position:absolute;top:calc(78px + var(--safe-top));left:14px;right:14px;padding:9px 14px;border-radius:14px;background:#0048c8e6;font-size:14px;font-weight:700;line-height:1.25;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease}.road-hint.on{opacity:1}.road-toast{position:absolute;top:26%;left:12px;right:12px;text-align:center;font-size:20px;font-weight:900;line-height:1.1;pointer-events:none;opacity:0}.road-toast.good{text-shadow:0 2px 0 #087a3e,0 3px 12px rgba(0,60,30,.7)}.road-toast.bad{color:#fff;text-shadow:0 2px 0 #b01515,0 3px 12px rgba(100,0,0,.75)}.road-cross{position:absolute;top:40%;padding:8px 12px;border-radius:12px;background:#d32626;font-size:28px;font-weight:900;line-height:1;pointer-events:none;animation:road-blink .45s steps(2) infinite}.road-cross.left{left:8px}.road-cross.right{right:8px}.road-controls{position:absolute;left:10px;right:10px;bottom:calc(12px + var(--safe-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.road-controls[hidden]{display:none}.road-controls button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.road-steer{display:flex;gap:12px}.road-steer button{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 30%,#34465ceb,#0c1624eb);border:2px solid rgba(255,255,255,.22);box-shadow:0 6px 16px #00000059,inset 0 2px #ffffff24;transition:transform .08s,background .08s}.road-steer button:active{transform:scale(.93);background:radial-gradient(circle at 50% 30%,#3d8bff,var(--primary));border-color:#ffffff80}.road-pedals{display:flex;gap:10px;align-items:flex-end;perspective:420px}.road-pedals button{display:block;padding:0;background:none;border-radius:18px;line-height:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));transition:transform .07s ease-out,filter .07s}.road-pedals svg{display:block}.road-pedals .brake{transform-origin:50% 0}.road-pedals .gas{transform-origin:50% 100%}.road-pedals .brake.on{transform:rotateX(-22deg) translateY(4px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) brightness(.92)}.road-pedals .gas.on{transform:rotateX(24deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) brightness(.92)}.road-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(220,30,30,.8) 100%);opacity:0}.road-pause-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0b162280;color:var(--text)}.road-pause-card .card{display:flex;flex-direction:column;gap:12px;width:min(300px,100%);padding:20px;text-align:center}.road-pause-card h2{margin:0 0 4px}.road-quiz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-y:auto;padding:calc(10px + var(--safe-top)) 12px calc(10px + var(--safe-bottom));background:#09121ea8;color:var(--text);touch-action:pan-y;animation:road-fade .2s ease-out}.road-quiz-box{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:420px;margin:auto}.road-quiz-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.road-quiz-sign{flex:0 0 auto;width:min(32vw,124px);padding:8px;border-radius:20px;background:#fff;box-shadow:0 14px 34px #0006;animation:road-sign-in .5s cubic-bezier(.2,1.3,.4,1) both}.road-quiz-sign img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.road-quiz-card{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:20px;background:var(--surface);animation:road-card-in .3s .1s ease-out both}.road-quiz-card.locked{pointer-events:none}.road-quiz-card.locked .answers,.road-quiz-card.locked .btn{opacity:.5}.road-quiz-card .answers,.road-quiz-card .btn{transition:opacity .2s}.road-quiz-title{margin:2px 0;font-size:21px;font-weight:800;line-height:1.15;text-align:center}.road-quiz .answers{margin:0}.road-quiz .answer{padding-top:11px;padding-bottom:11px}.road-verdict{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:14px;color:#fff}.road-verdict b{font-size:21px;font-weight:800;line-height:1.1}.road-verdict.good{background:#128a49}.road-verdict.bad{background:#cf1f26}.road-quiz-answer{display:flex;flex-direction:column;gap:2px;padding:2px 2px 0}.road-quiz-answer small{color:var(--text-2);font-size:13px;font-weight:600}.road-quiz-answer b{font-size:19px;font-weight:800;line-height:1.2}.road-quiz-text{margin:0 2px 4px;color:var(--text);font-size:16px;font-weight:500;line-height:1.35}.road-wrecked{position:absolute;left:0;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;background:#080a0e9e;pointer-events:none;animation:road-wrecked-in .45s .25s cubic-bezier(.2,1.4,.4,1) both}.road-wrecked b{color:#ff3440;font-size:clamp(34px,11vw,54px);font-weight:900;letter-spacing:.02em;line-height:1.05;text-align:center;text-shadow:0 2px 0 #000,0 0 18px rgba(255,30,40,.45)}.road-wrecked span{color:#fff;font-size:16px;font-weight:700;text-align:center}.road-signal{position:absolute;top:calc(92px + var(--safe-top));left:10px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:#141a21;pointer-events:none}.road-signal i{display:block;width:15px;height:15px;border-radius:50%;background:#333b45}.road-signal i.red{background:#ff2d2d;box-shadow:0 0 9px #ff2d2d}.road-signal i.yellow{background:#ffc21f;box-shadow:0 0 9px #ffc21f}.road-signal i.green{background:#35d05f;box-shadow:0 0 9px #35d05f}.road-grade{margin:6px 0 0;font-size:15px;line-height:1.35}.road-stats-total{padding-top:9px;border-top:1px solid var(--border);font-weight:800}.road-missed{justify-content:flex-start!important;align-items:center}.road-missed img{flex:0 0 auto;width:40px;height:40px;object-fit:contain}.road-result{padding-bottom:calc(100px + var(--safe-bottom))}.road-result .result-mascot{margin-bottom:2px}.road-result .result-score{margin:8px 0 2px}.road-stats{display:flex;flex-direction:column;gap:9px;margin-top:12px;padding:14px 16px}.road-stats h3{margin:0;font-size:15px}.road-stats div{display:flex;justify-content:space-between;gap:12px;font-size:15px}.road-stats b{font-variant-numeric:tabular-nums}@keyframes road-pop{0%{transform:scale(.92);opacity:0}}@keyframes road-fade{0%{opacity:0}}@keyframes road-toast{0%{transform:translateY(14px) scale(.85);opacity:0}14%{transform:none;opacity:1}72%{opacity:1}to{transform:translateY(-22px);opacity:0}}@keyframes road-flash{0%{opacity:1}to{opacity:0}}@keyframes road-blink{50%{opacity:.35}}@keyframes road-shake{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@keyframes road-heart-lost{0%{fill:#ff3b4e;opacity:1;transform:scale(1.6)}}@keyframes road-wrecked-in{0%{opacity:0;transform:scale(1.5)}}@keyframes road-sign-in{0%{transform:translate(45vw,12vh) scale(.12) rotate(14deg);opacity:.2}}@keyframes road-card-in{0%{transform:translateY(24px);opacity:0}}