:root{--brand-hue:152;--pk-green-light:oklch(92% .06 var(--brand-hue));--pk-green-mid:oklch(43% .13 var(--brand-hue));--pk-green-dark:oklch(32% .11 var(--brand-hue));--pk-social-hue:calc(var(--brand-hue) - 112);--pk-social-warm:calc(var(--brand-hue) - 92);--pk-social:oklch(61% .142 var(--pk-social-hue));--pk-social-ink:oklch(46% .118 var(--pk-social-hue));--pk-social-tint:oklch(97.6% .012 var(--pk-social-warm));--pk-social-line:oklch(92% .024 var(--pk-social-warm));--pk-cream-light:oklch(97.5% .008 80);--pk-cream-dark:oklch(94% .012 80);--pk-amber-light:oklch(95% .06 80);--pk-amber-mid:oklch(85% .1 75);--pk-amber-dark:oklch(45% .13 65);--pk-amber-dot:oklch(70% .16 70);--pk-amber-surface:oklch(97% .025 60);--pk-amber-border:oklch(88% .06 60);--pk-amber-border-strong:oklch(82% .08 25);--pk-amber-ink-soft:oklch(52% .1 25);--pk-indigo-light:oklch(94% .04 280);--pk-indigo-mid:oklch(85% .08 280);--pk-indigo-dark:oklch(42% .18 280);--pk-info-light:oklch(94% .04 220);--pk-info-dark:oklch(38% .1 220);--pk-danger-light:oklch(94% .05 25);--pk-danger-mid:oklch(70% .13 25);--pk-danger-strong:oklch(50% .16 25);--pk-danger-dark:oklch(35% .13 25);--pk-ink-1:oklch(14% .01 250);--pk-ink-2:oklch(35% .01 250);--pk-ink-3:oklch(55% .01 250);--pk-ink-4:oklch(72% .01 250);--pk-border-default:oklch(91% .005 80);--pk-white:#fff;--pk-black:#1a1a1a;--team-bijeli-bg:#fff;--team-bijeli-border:#ddd;--team-bijeli-text:#111;--team-bijeli-surface:#fff;--team-bijeli-surface-tint:oklch(96% .005 80);--team-bijeli-divider:oklch(91% .005 80);--team-bijeli-header-ink:oklch(14% .01 250);--team-bijeli-chip-bg:oklch(97% .003 80);--team-bijeli-chip-border:oklch(89% .005 80);--team-bijeli-chip-text:oklch(14% .01 250);--team-crni-bg:#1a1a1a;--team-crni-border:#000;--team-crni-text:#fff;--team-crni-surface:oklch(96% .005 250);--team-crni-surface-tint:oklch(89% .005 250);--team-crni-divider:oklch(82% .005 250);--team-crni-header-ink:oklch(14% .01 250);--team-crni-chip-bg:oklch(28% .005 250);--team-crni-chip-border:oklch(34% .005 250);--team-crni-chip-text:#fff;--team-crveni-bg:#c0292b;--team-crveni-border:#a02020;--team-crveni-text:#fff;--team-crveni-surface:oklch(96% .018 25);--team-crveni-surface-tint:oklch(91% .04 25);--team-crveni-divider:oklch(85% .06 25);--team-crveni-header-ink:oklch(35% .16 25);--team-crveni-chip-bg:oklch(55% .2 25);--team-crveni-chip-border:oklch(48% .2 25);--team-crveni-chip-text:#fff;--team-crni-pellet-regular:oklch(72% .18 var(--brand-hue));--team-crni-pellet-own:oklch(67% .2 25);--team-crni-pellet-overflow-regular:#ffffffa6;--team-crni-pellet-overflow-own:oklch(72% .2 25);--team-crveni-pellet-regular:oklch(85% .13 var(--brand-hue));--team-crveni-pellet-own:oklch(18% .06 25);--team-crveni-pellet-overflow-regular:#ffffffbf;--team-crveni-pellet-overflow-own:oklch(22% .06 25);--pellet-default-own:oklch(40% .16 25);--pellet-default-overflow-own:oklch(50% .16 25);--surface-app:var(--pk-cream-light);--surface-card:var(--pk-white);--surface-card-tinted:var(--pk-cream-dark);--ink-primary:var(--pk-ink-1);--ink-secondary:var(--pk-ink-2);--ink-tertiary:var(--pk-ink-3);--ink-disabled:var(--pk-ink-4);--ink-on-saturated:var(--pk-white);--border-default:var(--pk-border-default);--divider-on-light-faint:#0000000a;--divider-on-light:#0000000f;--divider-on-light-strong:#00000014;--divider-on-saturated-faint:#ffffff0d;--divider-on-saturated:#ffffff14;--scrim-soft:#00000059;--scrim-mid:#0006;--scrim-modal:#00000073;--scrim-strong:#0000009e;--shadow-soft:#0000002e;--shadow-medium:#00000040;--surface-on-saturated-faint:#ffffff12;--surface-on-saturated:#ffffff1f;--surface-on-saturated-strong:#ffffff2e;--success-bg:oklch(94% .07 var(--brand-hue));--success-ink:oklch(35% .13 var(--brand-hue));--success-border:oklch(70% .13 var(--brand-hue));--danger-bg:var(--pk-danger-light);--danger-ink:var(--pk-danger-dark);--danger-border:var(--pk-danger-mid);--danger-strong:var(--pk-danger-strong);--mark-neutral-bg:oklch(93.5% .006 80);--mark-neutral-ink:oklch(46% .008 250);--warn-bg:var(--pk-amber-light);--warn-ink:var(--pk-amber-dark);--warn-border:var(--pk-amber-mid);--warn-dot:var(--pk-amber-dot);--info-bg:var(--pk-info-light);--info-ink:var(--pk-info-dark);--rivali-accent:var(--pk-indigo-dark);--pk-pellet-correct-solid:oklch(56% .15 var(--brand-hue));--pk-pellet-wrong-solid:oklch(60% .18 25);--pk-dyk-bg:oklch(96.5% .018 80);--pk-dyk-border:oklch(90% .02 80);--pk-tier-close-bg:oklch(94% .055 84);--pk-tier-close-ring:oklch(80% .115 84);--pk-tier-close-ink:oklch(44% .095 80);--pk-tier-close-solid:oklch(73% .13 84);--joker-bg:oklch(72% .18 60);--joker-ink:var(--pk-white);--team-crveni-dash-border:oklch(78% .1 25);--team-crveni-dash-ink:oklch(48% .16 25);--avatar-joker-bg:oklch(94% .03 75);--avatar-joker-border:oklch(70% .06 75);--avatar-joker-ink:oklch(45% .08 60);--error-shell-ink:oklch(45% .16 25);--button-primary-bg:var(--pk-green-mid);--button-primary-ink:var(--pk-white);--button-danger-bg:var(--pk-danger-strong);--button-danger-ink:var(--pk-white);--shadow-card-soft:#0000000a;--shadow-card:#0000000d;--shadow-card-mid:#00000012;--shadow-tap:#0000001a;--shadow-modal:#00000038;--shadow-deep:#00000052;--shadow-green:color-mix(in oklch, var(--pk-green-mid) 30%, transparent);--badge-tier-gold-bg:oklch(94% .07 85);--badge-tier-gold-border:oklch(85% .09 85);--badge-tier-gold-soft-bg:oklch(98% .02 85);--badge-tier-active-border:oklch(82% .08 var(--brand-hue));--badge-tier-current-bg:oklch(96% .025 var(--brand-hue));--row-viewer-bg:oklch(96% .02 var(--brand-hue));--surface-empty-cell:oklch(92% .01 250);--ink-error-text:oklch(45% .14 25);--border-invalid-input:oklch(78% .1 25);--ring-card-faint:#0000000d;--ring-card:#0000001f;--ring-card-strong:#0003;--treasury-pos-delta:oklch(78% .14 var(--brand-hue));--treasury-neg-delta:oklch(78% .16 25);--treasury-neg-bg:oklch(20% .05 25);--treasury-neg-eyebrow:oklch(85% .1 25);--scrim-treasury:#140f0a66;--tone-in-bg:oklch(96% .04 var(--brand-hue));--tone-in-border:oklch(78% .1 var(--brand-hue));--tone-out-bg:oklch(96% .04 25);--tone-out-bg-alt:oklch(95% .04 25);--tone-out-border:oklch(78% .1 25);--team-bijeli-stat-border:oklch(85% .005 80);--ink-on-saturated-strong:#ffffffd9;--ink-on-saturated-mid:#ffffffc7;--ink-on-saturated-default:#fff9;--ink-on-saturated-soft:#ffffff8c;--ink-on-saturated-faint:#ffffff80;--ink-on-saturated-fainter:#ffffff73;--feed-tab-inactive-bg:oklch(95% .005 80);--feed-tab-active-border:oklch(80% .08 var(--brand-hue));--feed-cat-milestone-chip-bg:oklch(93% .05 85);--feed-cat-milestone-chip-ink:oklch(45% .13 85);--feed-cat-personal-best-chip-bg:oklch(93% .05 var(--brand-hue));--feed-cat-personal-best-chip-ink:oklch(45% .13 var(--brand-hue));--feed-cat-anticipation-chip-bg:oklch(93% .05 245);--feed-cat-anticipation-chip-ink:oklch(45% .13 245);--feed-cat-position-change-chip-bg:oklch(93% .05 295);--feed-cat-position-change-chip-ink:oklch(45% .13 295);--feed-cat-slump-chip-bg:oklch(93% .05 25);--feed-cat-slump-chip-ink:oklch(45% .13 25);--feed-cat-weekly-summary-chip-bg:oklch(93% .05 250);--feed-cat-weekly-summary-chip-ink:oklch(45% .13 250);--feed-cat-weekly-summary-card-bg:oklch(97% .006 250);--feed-cat-weekly-summary-card-border:oklch(92% .008 250);--accent-slate-bg:oklch(94% .05 250);--accent-slate-border:oklch(70% .1 250);--accent-slate-ink:oklch(35% .13 250);--accent-slate-dim:oklch(80% .04 250);--accent-gold-bg:oklch(94% .08 75);--accent-gold-border:oklch(70% .13 75);--accent-gold-ink:oklch(35% .13 75);--admin-pill-neutral-bg:oklch(95% .005 80);--admin-pill-neutral-ink:oklch(40% .01 250);--admin-pill-warn-bg:oklch(95% .06 60);--admin-pill-warn-ink:oklch(40% .13 60);--admin-pill-danger-bg:oklch(95% .06 25);--admin-pill-danger-ink:var(--pk-danger-dark);--decl-info-bg:oklch(96% .02 220);--decl-info-border:oklch(88% .04 220);--decl-info-ink:oklch(40% .14 230);--vokativ-row-bg:oklch(98% .02 80);--vokativ-emphasis-bg:oklch(94% .07 90);--vokativ-emphasis-ink:oklch(40% .15 80);--state-poll-bg:oklch(94% .06 var(--brand-hue));--state-poll-border:oklch(78% .1 var(--brand-hue));--state-setup-bg:oklch(94% .05 280);--state-setup-border:oklch(78% .1 280);--state-setup-ink:oklch(38% .14 280);--state-live-bg:oklch(94% .05 25);--state-live-border:oklch(78% .1 25);--state-live-ink:oklch(38% .14 25);--state-postmatch-bg:oklch(94% .05 70);--state-postmatch-border:oklch(78% .1 70);--state-postmatch-ink:oklch(38% .14 70);--vote-pivo-bg:oklch(94% .06 var(--brand-hue));--vote-pivo-ink:oklch(34% .14 var(--brand-hue));--vote-pivo-ring:oklch(72% .13 var(--brand-hue));--vote-igram-bg:oklch(96% .04 var(--brand-hue));--vote-igram-ink:oklch(50% .08 var(--brand-hue));--vote-igram-ring:oklch(78% .08 var(--brand-hue));--vote-pasiram-bg:oklch(94% .05 25);--vote-pasiram-ink:oklch(34% .14 25);--vote-pasiram-ring:oklch(70% .13 25);--sw-correct:oklch(56% .15 var(--brand-hue));--sw-present:oklch(72% .15 75);--sw-absent:oklch(55% .01 250);--sw-tile-border:oklch(88% .008 80);--sw-tile-border-filled:oklch(66% .01 250);--nh-selected:oklch(90% .075 78);--nh-selected-ring:oklch(72% .15 72);--nh-trace:oklch(69% .16 68);--nh-tile-border:oklch(89% .008 80);--joker-info-bg:oklch(96% .045 80);--joker-info-border:oklch(86% .07 75);--joker-info-ink:oklch(38% .09 65);--joker-input-bg-valid:oklch(97.5% .025 var(--brand-hue));--joker-counter-limit:oklch(50% .16 60);--joker-avatar-bg:oklch(94% .03 75);--joker-avatar-border:oklch(78% .07 75);--wheel-dim:oklch(80% .01 250);--wheel-strike:oklch(82% .01 250);--own-goal-soft-bg:oklch(95% .04 25);--own-goal-soft-border:oklch(82% .1 25);--own-goal-active-bg:oklch(58% .2 25);--own-goal-active-ink:oklch(40% .18 25);--own-goal-active-glow:oklch(58% .2 25/.22);--zatisje-reservation-bg:oklch(94% .06 75);--zatisje-reservation-ink:oklch(38% .1 75);--vote-pivo-border-soft:oklch(78% .12 var(--brand-hue));--vote-pasiram-border-soft:oklch(78% .13 25);--install-success-bg:oklch(94% .05 var(--brand-hue));--install-info-bg:oklch(95% .022 250);--install-info-mid:oklch(91% .03 250);--install-info-ink:oklch(42% .07 250);--offline-banner-bg:oklch(49% .13 27);--banner-restored-bg:oklch(47% .11 var(--brand-hue));--shell-empty-tile-bg:oklch(95% .012 var(--brand-hue));--onboarding-dot-inactive:oklch(86% .01 100);--onboarding-accent-anketa:oklch(58% .13 230);--onboarding-accent-utakmica:oklch(55% .14 70);--onboarding-accent-statistika:oklch(58% .13 195);--onboarding-accent-igraci:oklch(50% .12 280);--live-banner-bg-pulse:oklch(65% .22 var(--brand-hue));--live-banner-bg-idle:oklch(45% .18 var(--brand-hue));--live-banner-glow:oklch(65% .22 var(--brand-hue) / .25);--notice-bg:oklch(96% .04 75);--notice-ink:oklch(38% .13 60);--notice-grad-from:oklch(95% .05 80);--notice-grad-to:oklch(91% .09 75);--notice-border:oklch(85% .07 75);--row-leader-bg:oklch(98% .012 var(--brand-hue));--shadow-green-button:oklch(50% .13 var(--brand-hue) / .28);--shadow-new-game-glow:oklch(43% .13 var(--brand-hue) / .1);--team-bijeli-header-bg:oklch(97% .004 80);--team-bijeli-badge-bg:oklch(93% .006 80);--team-bijeli-metric-bg:oklch(95% .007 80);--team-bijeli-avatar-stroke:oklch(80% .005 80);--team-bijeli-dot:oklch(86% .003 80);--team-crni-card-border:#111;--team-crveni-avatar-stroke:oklch(40% .16 35);--pk-radius:16px;--pk-radius-sm:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--pk-black);justify-content:center;align-items:center;font-family:Outfit,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.phone{background:var(--pk-cream-light);width:390px;height:844px;padding-top:max(env(safe-area-inset-top,0px), 24px);border-radius:44px;font-size:14px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff14}@media (width<=600px){html,body,#root{height:100%;min-height:0}body{background:var(--pk-cream-light);display:block;overflow:hidden}#root{display:block}.phone{width:100%;height:100%;box-shadow:none;border-radius:0}}@media (orientation:landscape) and (height<=600px){html,body,#root{height:100%;min-height:0}body{background:var(--pk-cream-light);display:block;overflow:hidden}#root{justify-content:center;display:flex}.phone{width:100%;max-width:420px;height:100%;box-shadow:none;border-radius:0}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.card-tap{cursor:pointer;transition:transform .12s}.card-tap:active{transform:scale(.985)}.btn-tap{cursor:pointer;transition:opacity .15s,transform .1s}.btn-tap:active{opacity:.7;transform:scale(.96)}input,button{font-family:inherit}button{color:inherit;background:0 0;border:none}@keyframes pk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shBannerIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes shFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.sh-banner{animation:.18s ease-out shBannerIn}.sh-fade{animation:.15s ease-out shFadeIn}}@keyframes markBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.05)}}@keyframes pk-shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.pk-shimmer{background:linear-gradient(90deg, var(--pk-cream-dark) 0%, var(--pk-cream-light) 50%, var(--pk-cream-dark) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite pk-shimmer-sweep}@keyframes pk-react-pop{0%{transform:scale(1)}40%{transform:scale(.86)}to{transform:scale(1)}}.react-pop:active{animation:.18s ease-out pk-react-pop}@keyframes pk-pulse-soft{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse-soft{animation:1.8s ease-in-out infinite pk-pulse-soft}@keyframes pk-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pk-modal-pop{0%{opacity:0;transform:translateY(calc(8px - 50%))scale(.96)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes pk-joker-pulse{0%{background:oklch(94% .05 75)}to{background:0 0}}.pk-scroll>*{flex-shrink:0}.pk-chart-scroll{scrollbar-width:thin;scrollbar-color:oklch(82% .01 250) transparent}.pk-chart-scroll::-webkit-scrollbar{background:0 0;height:6px}.pk-chart-scroll::-webkit-scrollbar-thumb{background:oklch(82% .01 250);border-radius:3px}.pk-chart-scroll::-webkit-scrollbar-thumb:hover{background:var(--pk-ink-4)}@keyframes acDropdownSlide{0%{transform:translateY(-6px)}to{transform:translateY(0)}}.ac-dropdown{transform-origin:top;animation:.15s cubic-bezier(.2,.7,.3,1) acDropdownSlide}@keyframes drRise{0%{transform:translateY(8px)}to{transform:translateY(0)}}.dr-reveal-row{animation:.36s cubic-bezier(.2,.8,.3,1) both drRise}.dr-grip{cursor:grab}.dr-grip:active:not(:disabled){cursor:grabbing}.dr-grip:disabled{cursor:default}