@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chewy-latin-400-normal-BFhrjfYU.woff2)format("woff2"),url(/assets/chewy-latin-400-normal-Bytuav8a.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-rounded-1c-latin-400-normal-GF9lDfTs.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-400-normal-cOmgXqvf.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff")}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg,#0d0d12);-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 50% at 50% -10%, color-mix(in srgb, var(--acc2) 22%, transparent), transparent 70%), radial-gradient(90% 40% at 50% 0%, color-mix(in srgb, var(--acc) 14%, transparent), transparent 75%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);background-attachment:fixed;margin:0;font-size:1rem;line-height:1.45}h1,h2,h3{font-family:var(--font-head);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-weight:400;line-height:1.15}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.okti-screen{min-height:100dvh;padding-top:max(1rem, env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.okti-screen.has-tabs{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom,0px))}.okti-screen__col{flex-direction:column;gap:1rem;width:100%;min-width:0;max-width:480px;margin:0 auto;display:flex}.okti-screen__title{margin:.5rem 0 .25rem;font-size:1.75rem}.okti-tabbar{z-index:20;padding:0 max(16px, env(safe-area-inset-right,0px)) calc(.6rem + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.okti-tabbar__list{pointer-events:auto;border-radius:calc(var(--radius) + .5rem);background:color-mix(in srgb, var(--bg) 88%, transparent);border:1px solid color-mix(in srgb, var(--acc) 30%, transparent);max-width:480px;box-shadow:0 10px 30px #00000073, 0 0 24px color-mix(in srgb, var(--acc) 14%, transparent);-webkit-backdrop-filter:blur(14px);grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin:0 auto;padding:.3rem;list-style:none;display:grid}.okti-tab{border-radius:var(--radius);min-width:0;min-height:max(56px,3.5rem);color:var(--muted);text-align:center;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .1rem;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.okti-tab svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.okti-tabbar__item{display:contents}.okti-tab span{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;max-width:100%;line-height:1.1}.okti-tab[aria-current=page]{color:var(--text);background:var(--surface-2);border-color:var(--acc);font-weight:900}.okti-tab[aria-current=page] svg{stroke:var(--acc);fill:color-mix(in srgb, var(--acc) 30%, transparent);stroke-width:2.4px}.okti-btn{border-radius:var(--radius);text-align:center;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-width:48px;min-height:max(56px,3.5rem);padding:.6rem 1.25rem;font-size:1.125rem;font-weight:800;line-height:1.2;transition:transform .12s,box-shadow .2s;display:inline-flex}.okti-btn--block{width:100%;display:flex}.okti-btn:active:not(:disabled){transform:scale(.97)}.okti-btn--primary{color:var(--on-acc);background:linear-gradient(135deg, var(--acc), color-mix(in srgb, var(--acc) 70%, var(--acc2)));box-shadow:0 0 0 1px #ffffff40 inset, 0 6px 22px color-mix(in srgb, var(--acc) 40%, transparent)}.okti-btn--secondary{color:var(--text);background:var(--surface-2);border-color:color-mix(in srgb, var(--acc) 55%, transparent)}.okti-btn--quiet{color:var(--text);border-color:color-mix(in srgb, var(--text) 30%, transparent);background:0 0}.okti-btn:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface);border-color:color-mix(in srgb, var(--muted) 40%, transparent);box-shadow:none;border-style:dashed}.okti-btn svg{flex:none;width:1.3rem;height:1.3rem}.okti-card{border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid color-mix(in srgb, var(--acc) 26%, transparent);min-width:0;box-shadow:0 8px 24px #00000047, 0 0 22px color-mix(in srgb, var(--acc) 10%, transparent);padding:1rem}.okti-card__title{margin-bottom:.5rem;font-size:1.15rem}.okti-art{object-fit:contain;max-width:100%;height:auto;display:block}.okti-medal{text-align:center;border-radius:calc(var(--radius) + 4px);background:var(--surface);border:2px solid color-mix(in srgb, var(--acc) 55%, transparent);flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.75rem .5rem;display:flex}.okti-medal.is-locked{border-style:dashed;border-color:color-mix(in srgb, var(--muted) 45%, transparent)}.okti-medal__pic{flex:none;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex;overflow:hidden}.okti-medal__pic svg,.okti-medal__pic img{object-fit:contain;height:100%;width:100%!important}.okti-medal.is-locked .okti-medal__pic{opacity:.55;filter:grayscale()}.okti-medal__name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:.9375rem;font-weight:800;line-height:1.2}.okti-medal__state{color:var(--acc);flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .3rem;font-size:.8125rem;font-weight:700;display:inline-flex}.okti-medal.is-locked .okti-medal__state{color:var(--muted)}.okti-medal__state svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.okti-medal__cond{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.3}.okti-ring{aspect-ratio:1;margin:0 auto;position:relative}.okti-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.okti-ring__bg{fill:none;stroke:color-mix(in srgb, var(--text) 12%, transparent)}.okti-ring__fg{fill:none;stroke:var(--acc);stroke-linecap:round}.okti-ring__num{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.okti-ring__num b{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:400;line-height:1}.okti-ring__num small{color:var(--muted);font-size:.875rem;font-weight:700;display:block}.okti-dialog__backdrop{z-index:50;padding:0 max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(6px);background:#000000a8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.okti-dialog{width:100%;max-width:480px;max-height:90dvh;padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:calc(var(--radius) + 8px) calc(var(--radius) + 8px) 0 0;background:var(--surface);border:1px solid color-mix(in srgb, var(--acc) 35%, transparent);border-bottom:0;flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.okti-dialog__title{font-size:1.4rem}.okti-dialog__body{color:var(--text)}.okti-dialog__actions{flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}.okti-muted{color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html[data-demo="1"] body:after{content:"Testmodus";top:calc(env(safe-area-inset-top,0px) + 4px);z-index:1000;color:#1a1400;pointer-events:none;background:#ffd84a;border-radius:999px;padding:2px 10px;font:700 12px/1.4 system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}