@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body,#root{color:#edeef0;background:#0d0e11;min-height:100vh;margin:0;font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a{color:inherit}button{font:inherit}::selection{color:#fff;background:#6aa84f59}:root{--od-bg:#0d0e11;--od-surface:#15171b;--od-surface-2:#1c1f25;--od-surface-3:#23272e;--od-border:#272b33;--od-border-strong:#353a44;--od-text:#edeef0;--od-text-muted:#9ea3ad;--od-text-faint:#6c717b;--od-accent:#6aa84f;--od-accent-hover:#7bb960;--od-accent-soft:#6aa84f24;--od-accent-alt:#c9a227;--od-accent-alt-soft:#c9a22724;--od-danger:#c0392b;--od-danger-hover:#d24434;--od-danger-soft:#c0392b24;--od-state-correct:#6aa84f;--od-state-partial:#c9a227;--od-state-wrong:#c0392b;--od-ink:#0d0e11;--od-font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--od-font-display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--od-font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--od-r-sm:8px;--od-r-md:10px;--od-r-lg:14px;--od-r-xl:20px;--od-shadow-sm:0 1px 2px #0000004d;--od-shadow-md:0 8px 24px -8px #00000080, 0 2px 6px #00000040;--od-shadow-lg:0 24px 64px -16px #000000b3, 0 4px 12px #0000004d;--od-ring:0 0 0 3px #6aa84f59;--od-ease:cubic-bezier(.2, .7, .2, 1);--od-page-w:1040px}:root[data-colorblind]{--od-state-correct:#f5793a;--od-state-partial:#85c0f9;--od-state-wrong:#4b5160}.onlinedle-app{background:var(--od-bg);min-height:100vh;color:var(--od-text);font-family:var(--od-font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.onlinedle-app button{font:inherit;cursor:pointer}@keyframes od-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes od-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes od-cell-reveal{0%{opacity:0;transform:rotateX(-90deg)}50%{opacity:1;transform:rotateX(-45deg)}to{opacity:1;transform:rotateX(0)}}.od-flip{--od-flip-from-bg:transparent;--od-flip-from-border:#555c6b;--od-flip-from-fg:#e8eaed;animation-name:od-tile-flip;animation-duration:var(--od-flip-ms,.42s);animation-delay:var(--od-flip-delay,0s);animation-fill-mode:both}.od-flip.od-flip--win{animation-name:od-tile-flip,od-tile-bounce;animation-duration:var(--od-flip-ms,.42s), .44s;animation-delay:var(--od-flip-delay,0s), var(--od-bounce-delay,0s);animation-timing-function:ease,ease-out;animation-fill-mode:both,none}@keyframes od-tile-flip{0%{background-color:var(--od-flip-from-bg);border-color:var(--od-flip-from-border);color:var(--od-flip-from-fg);animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:rotateX(0)}49.9%{background-color:var(--od-flip-from-bg);border-color:var(--od-flip-from-border);color:var(--od-flip-from-fg);transform:rotateX(-90deg)}50%{background-color:var(--od-tile-bg);border-color:var(--od-tile-border);color:var(--od-tile-fg);animation-timing-function:cubic-bezier(.1,.4,.5,1);transform:rotateX(-90deg)}to{background-color:var(--od-tile-bg);border-color:var(--od-tile-border);color:var(--od-tile-fg);transform:rotateX(0)}}@keyframes od-tile-bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-28%)}55%{transform:translateY(4%)}70%{transform:translateY(-12%)}85%{transform:translateY(2%)}to{transform:translateY(0)}}.od-tile--pop{animation:.13s ease-out od-tile-pop}@keyframes od-tile-pop{0%{transform:scale(.88)}45%{transform:scale(1.08)}to{transform:scale(1)}}.od-row-enter{animation:od-row-enter .26s var(--od-ease) both}@keyframes od-row-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.od-result-pop{animation:od-result-pop .28s var(--od-ease) both}@keyframes od-result-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.od-win-line{background:var(--od-accent-soft);color:var(--od-accent-hover);border:1px solid #6aa84f73;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.od-win-glow{animation:od-win-glow 1.2s ease-out var(--od-win-delay,0s) both}@keyframes od-win-glow{0%{box-shadow:0 0 #6aa84f00}25%{box-shadow:0 0 0 3px #6aa84fbf,0 0 28px #6aa84f73}to{box-shadow:0 0 0 1px #6aa84f8c,0 0 #6aa84f00}}.onlinedle-app .od-key{touch-action:manipulation;transition:background-color .22s,color .22s,transform 80ms,filter .12s}.onlinedle-app .od-key:hover:not(:disabled){filter:brightness(1.12)}.onlinedle-app .od-key:active:not(:disabled){filter:brightness(.92);transform:scale(.93)}@media (prefers-reduced-motion:reduce){@keyframes od-tile-flip{0%,49.9%{background-color:var(--od-flip-from-bg);border-color:var(--od-flip-from-border);color:var(--od-flip-from-fg)}50%,to{background-color:var(--od-tile-bg);border-color:var(--od-tile-border);color:var(--od-tile-fg)}}.od-flip.od-flip--win{animation-name:od-tile-flip,none}.od-tile--pop,.od-row-enter,.od-result-pop,.od-mini-reveal__row{animation:none}.od-win-glow{animation-duration:1ms}.onlinedle-app .od-key:active:not(:disabled){transform:none}}@keyframes od-rail-winner-glow{0%,to{box-shadow:0 0 14px #f3c14773}50%{box-shadow:0 0 24px #f3c147d9}}@keyframes od-rail-crown-bounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-3px)rotate(8deg)}}@keyframes od-rail-finisher-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes od-emoji-bubble{0%{opacity:0;transform:translate(-50%)translateY(0)scale(0)}10%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.2)}18%{opacity:1;transform:translate(-50%)translateY(-4px)scale(1)}80%{opacity:1;transform:translate(-50%)translateY(-8px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(.95)}}@keyframes od-emoji-popup{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes od-aralik-land-top{0%{opacity:.35;transform:translateY(28px)scale(.94)}60%{opacity:1;transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes od-aralik-land-bottom{0%{opacity:.35;transform:translateY(-28px)scale(.94)}60%{opacity:1;transform:translateY(2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes od-emoji-bubble{0%{opacity:0;transform:translate(-50%)scale(1)}10%{opacity:1;transform:translate(-50%)scale(1)}90%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes od-aralik-land-top{0%{opacity:.4}to{opacity:1}}@keyframes od-aralik-land-bottom{0%{opacity:.4}to{opacity:1}}}@keyframes od-dino-pulse{0%,to{border-color:var(--od-border);transform:translateY(0);box-shadow:0 0 #6aa84f00}50%{border-color:var(--od-accent);transform:translateY(-3px);box-shadow:0 4px 18px #6aa84f40}}.od-dino-cta{animation:1.8s ease-in-out infinite od-dino-pulse}.od-dino-cta:hover{animation:none;transform:translateY(-2px);border-color:var(--od-accent)!important}.od-dino-cta-emoji{animation:1.2s ease-in-out infinite od-rail-crown-bounce;display:inline-block}@keyframes od-toast-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes od-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift,0), 110vh) rotate(720deg);opacity:0}}@keyframes od-twinkle-fade{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.95;transform:scale(1.05)}}.od-guess-grid{flex-direction:column;gap:4px;width:100%;display:flex}.od-guess-grid__header{grid-template-columns:var(--od-gg-cols);gap:4px;display:grid}.od-guess-grid__hcell{text-transform:uppercase;letter-spacing:.5px;color:var(--od-text-muted);text-align:center;padding:4px 0;font-size:11px}.od-guess-grid__row{grid-template-columns:var(--od-gg-cols);border-radius:10px;align-items:stretch;gap:4px;display:grid}.od-guess-grid__name{background:var(--od-surface-2);border:1px solid var(--od-border);color:var(--od-text);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px;font-size:13px;font-weight:600;display:flex}.od-guess-grid__cell{color:var(--od-tile-fg,#fff);background:var(--od-tile-bg);border:1px solid var(--od-tile-border,transparent);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;padding:8px 6px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.od-guess-grid__cell--flip{--od-flip-from-bg:var(--od-surface-3);--od-flip-from-border:var(--od-border);--od-flip-from-fg:transparent}.od-guess-grid__cell--neutral{color:var(--od-text)}.od-guess-grid__cell--dark-ink{color:var(--od-tile-fg,#0f1115)}.od-guess-grid__ctext{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.od-guess-grid__arrow{font-size:16px}.od-guess-grid__clabel{display:none}@media (max-width:600px){.od-guess-grid__header{display:none}.od-guess-grid__row{background:var(--od-surface-2);border:1px solid var(--od-border);border-radius:12px;grid-template-columns:repeat(3,1fr);padding:8px}.od-guess-grid__name{background:0 0;border:none;grid-column:1/-1;padding:2px 4px;font-size:14px}.od-guess-grid__cell{min-height:56px;padding:6px 4px;font-size:11px}.od-guess-grid__clabel{text-transform:uppercase;letter-spacing:.3px;opacity:.85;font-size:9px;font-weight:500;display:block}.od-guess-grid__arrow{font-size:13px}}.od-rule-header{gap:10px;margin:8px 0 12px}.od-rule-header__desc{color:var(--od-text-muted);font-size:13px;line-height:1.5}.od-rule-header__legend{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.od-rule-header__item{flex:180px;align-items:center;gap:8px;min-width:0;display:flex}.od-rule-header__label{color:var(--od-text-muted);font-size:12px;line-height:1.35}@media (max-width:600px){.onlinedle-app .od-rule-header{gap:6px;margin:4px 0 8px;padding:10px 34px 10px 12px!important}.od-rule-header__desc{font-size:12px;line-height:1.4}.od-rule-header__legend{gap:8px;margin-top:0}.od-rule-header__item{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:4px}.od-rule-header__label{font-size:11px;line-height:1.25}.od-rule-header__legend:has(>:nth-child(4)) .od-rule-header__item{flex-direction:row;flex:calc(50% - 8px);align-items:center;gap:6px}}.od-game-toast-anchor{justify-content:center;width:100%;display:flex;position:relative}.od-game-toast{z-index:5;border-radius:var(--od-r-md);background:var(--od-text);color:var(--od-ink);box-shadow:var(--od-shadow-md);pointer-events:none;animation:od-result-pop .16s var(--od-ease) both;padding:8px 14px;font-size:14px;font-weight:700;position:absolute;top:4px}fieldset[disabled] .od-rule-header,fieldset[disabled] .od-game-description{display:none!important}.od-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.od-page{width:100%;max-width:var(--od-page-w);margin:0 auto;padding:28px 24px 8px}.od-page--narrow{max-width:760px}@media (max-width:600px){.od-page{padding:16px 14px 4px}}.od-stack{flex-direction:column;gap:16px;display:flex}.od-row{align-items:center;gap:8px;display:flex}.od-row--wrap{flex-wrap:wrap}.od-spacer{flex:1}.od-display,.onlinedle-app h1,.onlinedle-app h2{font-family:var(--od-font-display);letter-spacing:-.02em;font-optical-sizing:auto}.od-logo{font-family:var(--od-font-display);letter-spacing:-.035em;color:var(--od-text);align-items:center;gap:10px;margin:0;font-size:26px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.od-logo__mark{grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);gap:2px;display:inline-grid}.od-logo__mark i{background:var(--od-surface-3);border-radius:2px;display:block}.od-logo__mark i:first-child{background:var(--od-accent)}.od-logo__mark i:nth-child(4){background:var(--od-accent-alt)}.od-logo__accent{color:var(--od-accent)}.od-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--od-text-faint);font-size:11px;font-weight:600}.od-muted{color:var(--od-text-muted)}.od-faint{color:var(--od-text-faint)}.od-mono{font-family:var(--od-font-mono);font-variant-numeric:tabular-nums}.od-tabular{font-variant-numeric:tabular-nums}.od-h-section{color:var(--od-text);margin:0;font-size:20px;font-weight:700}.od-card{background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-r-lg);padding:20px}.od-card--flush{padding:0;overflow:hidden}.od-card--tight{padding:14px}@media (max-width:600px){.od-card{padding:16px}.od-card--flush{padding:0}.od-card--tight{padding:12px}}.od-well{background:var(--od-bg);border:1px solid var(--od-border);border-radius:var(--od-r-md);padding:12px}.od-divider-label{text-transform:uppercase;letter-spacing:.09em;color:var(--od-text-faint);align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.od-divider-label:before,.od-divider-label:after{content:"";background:var(--od-border);flex:1;height:1px}.onlinedle-app .od-btn{--btn-bg:var(--od-surface-2);--btn-bg-hover:var(--od-surface-3);--btn-fg:var(--od-text);--btn-border:var(--od-border-strong);appearance:none;border-radius:var(--od-r-md);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:40px;color:var(--btn-fg);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .14s var(--od-ease), border-color .14s var(--od-ease), color .14s var(--od-ease), transform 80ms var(--od-ease), box-shadow .14s var(--od-ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.onlinedle-app .od-btn:hover:not(:disabled){background:var(--btn-bg-hover)}.onlinedle-app .od-btn:active:not(:disabled){transform:translateY(1px)}.onlinedle-app .od-btn:focus-visible{box-shadow:var(--od-ring);outline:none}.onlinedle-app .od-btn:disabled,.onlinedle-app .od-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.onlinedle-app .od-btn--primary{--btn-bg:var(--od-accent);--btn-bg-hover:var(--od-accent-hover);--btn-fg:var(--od-ink);--btn-border:transparent;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000059}.onlinedle-app .od-btn--gold{--btn-bg:var(--od-accent-alt);--btn-bg-hover:#d6b03a;--btn-fg:var(--od-ink);--btn-border:transparent;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000059}.onlinedle-app .od-btn--danger{--btn-bg:var(--od-danger);--btn-bg-hover:var(--od-danger-hover);--btn-fg:#fff;--btn-border:transparent}.onlinedle-app .od-btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--od-surface-2);--btn-fg:var(--od-text-muted);--btn-border:transparent}.onlinedle-app .od-btn--ghost:hover:not(:disabled){color:var(--od-text)}.onlinedle-app .od-btn--outline{--btn-bg:transparent;--btn-bg-hover:var(--od-surface-2);--btn-fg:var(--od-text);--btn-border:var(--od-border-strong)}.onlinedle-app .od-btn--warn{--btn-bg:transparent;--btn-bg-hover:var(--od-accent-alt-soft);--btn-fg:var(--od-accent-alt);--btn-border:#c9a22780}.onlinedle-app .od-btn--danger-outline{--btn-bg:transparent;--btn-bg-hover:var(--od-danger-soft);--btn-fg:#e0705f;--btn-border:#c0392b8c}.onlinedle-app .od-btn--whatsapp{--btn-bg:#25d366;--btn-bg-hover:#36e077;--btn-fg:var(--od-ink);--btn-border:transparent}.onlinedle-app .od-btn--link{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-fg:var(--od-text-muted);--btn-border:transparent;text-underline-offset:3px;min-height:0;text-decoration:underline;-webkit-text-decoration-color:var(--od-border-strong);text-decoration-color:var(--od-border-strong);padding:0;font-weight:500}.onlinedle-app .od-btn--link:hover:not(:disabled){color:var(--od-text);text-decoration-color:currentColor}.onlinedle-app .od-btn--sm{border-radius:var(--od-r-sm);gap:6px;min-height:32px;padding:0 12px;font-size:13px}.onlinedle-app .od-btn--xs{border-radius:7px;gap:4px;min-height:26px;padding:0 9px;font-size:12px}.onlinedle-app .od-btn--lg{border-radius:var(--od-r-lg);min-height:48px;padding:0 22px;font-size:15px}.onlinedle-app .od-btn--block{width:100%}.onlinedle-app .od-btn--icon{width:40px;padding:0}.onlinedle-app .od-btn--icon.od-btn--sm{width:32px}.onlinedle-app .od-input{appearance:none;border-radius:var(--od-r-md);border:1px solid var(--od-border-strong);background:var(--od-bg);width:100%;min-width:0;min-height:44px;color:var(--od-text);font:inherit;transition:border-color .14s var(--od-ease), box-shadow .14s var(--od-ease);padding:0 14px;font-size:16px}.onlinedle-app .od-input::placeholder{color:var(--od-text-faint)}.onlinedle-app .od-input:hover{border-color:#444a56}.onlinedle-app .od-input:focus{border-color:var(--od-accent);box-shadow:var(--od-ring);outline:none}.onlinedle-app .od-input[aria-invalid=true]{border-color:var(--od-danger)}.onlinedle-app .od-input--code{font-family:var(--od-font-mono);text-transform:uppercase;letter-spacing:.18em}.onlinedle-app textarea.od-input{resize:vertical;min-height:96px;padding:10px 14px;line-height:1.5}.od-field{flex-direction:column;gap:6px;display:flex}.od-field__hint{color:var(--od-text-faint);font-size:12px;line-height:1.45}.od-field__error{color:#e0705f;font-size:13px}.onlinedle-app .od-check{border:1px solid var(--od-border-strong);background:var(--od-bg);min-height:28px;color:var(--od-text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.onlinedle-app .od-check input{accent-color:var(--od-accent);margin:0}.od-seg{background:var(--od-surface);border:1px solid var(--od-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.onlinedle-app .od-seg button{appearance:none;color:var(--od-text-muted);letter-spacing:.08em;min-height:24px;transition:background-color .14s var(--od-ease), color .14s var(--od-ease);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:700}.onlinedle-app .od-seg button:hover:not(:disabled){color:var(--od-text)}.onlinedle-app .od-seg button[aria-pressed=true]{background:var(--od-surface-3);color:var(--od-text);box-shadow:var(--od-shadow-sm)}.onlinedle-app .od-seg button:disabled{cursor:not-allowed}.od-seg[data-locked=true]{opacity:.55}.od-tabs{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:600px){.od-tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px;scroll-padding:0 16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%)}.od-tabs::-webkit-scrollbar{display:none}}.onlinedle-app .od-tab{appearance:none;border:1px solid var(--od-border);min-height:34px;color:var(--od-text-muted);transition:background-color .14s var(--od-ease), color .14s var(--od-ease), border-color .14s var(--od-ease);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.onlinedle-app .od-tab:hover{color:var(--od-text);border-color:var(--od-border-strong)}.onlinedle-app .od-tab[aria-selected=true]{background:var(--od-text);border-color:var(--od-text);color:var(--od-ink)}.od-tab__count{opacity:.6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.onlinedle-app .od-tab:focus-visible{box-shadow:var(--od-ring);outline:none}.od-chip{border:1px solid var(--od-border);background:var(--od-surface-2);min-height:24px;color:var(--od-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.od-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.od-banner{border-radius:var(--od-r-md);border:1px solid var(--od-border);background:var(--od-surface);color:var(--od-text-muted);align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.od-banner strong{color:var(--od-text);font-weight:600}.od-banner--danger{background:var(--od-danger-soft);color:var(--od-text);border-color:#c0392b80}.od-banner--warn{background:var(--od-accent-alt-soft);border-color:#c9a22766}.od-banner--success{background:var(--od-accent-soft);color:var(--od-text);border-color:#6aa84f73}.od-banner__icon{flex-shrink:0;font-size:15px;line-height:1}.od-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);animation:od-fade-in .16s var(--od-ease) both;background:#050608b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.od-modal{overscroll-behavior:contain;background:var(--od-surface);border:1px solid var(--od-border-strong);border-radius:var(--od-r-xl);width:100%;max-width:480px;max-height:calc(100dvh - 32px);box-shadow:var(--od-shadow-lg);color:var(--od-text);animation:od-modal-in .22s var(--od-ease) both;padding:24px;position:relative;overflow-y:auto}.od-modal--wide{max-width:640px}.od-modal__title{font-family:var(--od-font-display);letter-spacing:-.02em;margin:0 0 6px;padding-right:32px;font-size:22px;font-weight:700}.od-modal__close{position:absolute;top:14px;right:14px}@media (max-width:600px){.od-modal-backdrop{align-items:flex-end;padding:0}.od-modal{border-radius:var(--od-r-xl) var(--od-r-xl) 0 0;max-width:none;max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-bottom:0;animation-name:od-sheet-in}}@keyframes od-fade-in{0%{opacity:0}to{opacity:1}}@keyframes od-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes od-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.od-toasts{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.onlinedle-app .od-toast{pointer-events:auto;border-radius:var(--od-r-md);border:1px solid var(--od-border-strong);border-left:3px solid var(--od-accent);background:var(--od-surface-2);max-width:300px;color:var(--od-text);box-shadow:var(--od-shadow-md);text-align:left;animation:od-toast-slide .28s var(--od-ease) both;padding:11px 14px;font-size:13px;font-weight:500}@media (max-width:600px){.od-toasts{align-items:stretch;top:12px;left:12px;right:12px;transform:none}.onlinedle-app .od-toast{max-width:none}}.od-site-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.od-hero{grid-template:"intro card""steps card"1fr/minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:28px 48px;margin-bottom:48px;display:grid}.od-hero__intro{grid-area:intro;padding-top:8px}.od-hero__steps{grid-area:steps}.od-hero>.od-play-card{grid-area:card}.od-hero__title{letter-spacing:-.04em;text-wrap:balance;margin:0 0 14px;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.02}.od-hero__title em{color:var(--od-accent);font-style:normal}.od-hero__lede{color:var(--od-text-muted);text-wrap:pretty;max-width:46ch;margin:0 0 28px;font-size:16px;line-height:1.6}.od-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.od-steps li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.od-steps__n{background:var(--od-surface-2);border:1px solid var(--od-border);width:28px;height:28px;color:var(--od-text);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.od-steps__title{color:var(--od-text);margin-bottom:2px;font-size:14px;font-weight:600}.od-steps__body{color:var(--od-text-muted);font-size:13px;line-height:1.5}.od-play-card{border-radius:var(--od-r-xl);background:linear-gradient(180deg, var(--od-surface-2), var(--od-surface));border:1px solid var(--od-border-strong);box-shadow:var(--od-shadow-md);flex-direction:column;gap:18px;padding:24px;display:flex}.od-play-card__ctas{grid-template-columns:1fr 1fr;gap:10px;display:grid}.od-join{gap:8px;display:flex}@media (max-width:820px){.od-hero{grid-template:"intro""card""steps"/1fr;row-gap:24px;margin-bottom:36px}.od-hero__intro{padding-top:0}.od-hero__lede{margin-bottom:0}}@media (max-width:420px){.od-play-card{padding:18px}.od-play-card__ctas{grid-template-columns:1fr}}.od-cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.od-cat{border-radius:var(--od-r-lg);border:1px solid var(--od-border);background:var(--od-surface);color:inherit;transition:border-color .14s var(--od-ease), background-color .14s var(--od-ease), transform .14s var(--od-ease);align-items:flex-start;gap:14px;padding:16px;text-decoration:none;display:flex}.od-cat:hover{border-color:var(--od-border-strong);background:var(--od-surface-2)}.od-cat:focus-visible{box-shadow:var(--od-ring);outline:none}.od-cat__icon{background:var(--od-bg);border:1px solid var(--od-border);border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.od-cat__title{color:var(--od-text);align-items:center;gap:6px;margin-bottom:4px;font-size:15px;font-weight:650;display:flex}.od-cat__body{color:var(--od-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.od-cat__arrow{color:var(--od-text-faint);transition:transform .14s var(--od-ease), color .14s var(--od-ease);margin-left:auto}.od-cat:hover .od-cat__arrow{color:var(--od-text);transform:translate(3px)}.od-community{border-radius:var(--od-r-lg);border:1px solid var(--od-border);background:var(--od-surface);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 20px;display:flex}.od-room-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:16px;display:flex}.od-room-title{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700;line-height:1.1}.od-back{color:var(--od-text-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.od-back:hover{color:var(--od-text)}.onlinedle-app .od-room-code{appearance:none;border-radius:var(--od-r-sm);border:1px dashed var(--od-border-strong);background:var(--od-bg);min-height:32px;color:var(--od-text);font-family:var(--od-font-mono);letter-spacing:.16em;transition:border-color .14s var(--od-ease);align-items:center;gap:8px;padding:0 10px 0 12px;font-size:15px;font-weight:600;display:inline-flex}.onlinedle-app .od-room-code:hover{border-color:var(--od-accent)}.od-room-code__hint{font-family:var(--od-font);letter-spacing:0;color:var(--od-text-faint);font-size:11px;font-weight:500}.od-room-meta{color:var(--od-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;display:flex}.od-conn{border:1px solid var(--od-border);background:var(--od-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.od-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:14px;display:flex}@media (max-width:600px){.od-room-header{margin-bottom:12px;position:relative}.od-room-meta{gap:6px;position:absolute;top:-4px;right:0}.od-room-meta .od-seg{display:none}.od-room-title{font-size:20px}.od-room-title--code-room{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.onlinedle-app .od-room-code{letter-spacing:.12em;min-height:32px;font-size:14px}.od-back{min-height:24px;margin-bottom:10px}.od-toolbar.od-host-actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -14px 12px;padding:2px 14px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 28px),#0000 100%)}.od-toolbar.od-host-actions::-webkit-scrollbar{display:none}.od-toolbar.od-host-actions .od-host-actions-right{flex-wrap:nowrap!important;justify-content:flex-start!important;margin-left:0!important;display:flex!important}.onlinedle-app .od-toolbar.od-host-actions button{flex:none;min-width:0}}.od-result-chip{border-radius:var(--od-r-md);border:1px solid var(--od-border);border-left:3px solid var(--chip-accent,var(--od-accent-alt));background:var(--od-surface);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.od-result-chip .od-sep{color:var(--od-text-faint)}.od-game{background:var(--od-surface);border:1px solid var(--od-border);border-radius:var(--od-r-xl);box-shadow:var(--od-shadow-sm)}.od-game__header{border-bottom:1px solid var(--od-border);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px 16px;display:grid}.od-game__title{color:var(--od-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.od-game__round{color:var(--od-text-faint);font-weight:500;font-family:var(--od-font);letter-spacing:0;margin-left:8px;font-size:13px}@media (max-width:600px){.od-game{border-radius:var(--od-r-lg)}.od-game__header{grid-template-columns:1fr;padding:10px 12px}.od-game__header>:first-child:empty,.od-game__header>:last-child:empty{display:none}.od-game__header>:first-child:not(:empty){order:2;justify-content:center}.od-game__header>:last-child:not(:empty){order:3;justify-content:center!important}}.od-round-panel{border-radius:var(--od-r-xl);border:1px solid var(--od-border-strong);background:var(--od-surface);box-shadow:var(--od-shadow-md);margin:0 0 16px;padding:20px;position:relative;overflow:hidden}.od-round-panel:before{content:"";background:var(--panel-accent,var(--od-accent));height:3px;position:absolute;inset:0 0 auto}.od-round-panel__title{font-family:var(--od-font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:700}.od-standings{border-radius:var(--od-r-md);background:var(--od-bg);border:1px solid var(--od-border);flex-direction:column;gap:2px;margin-bottom:14px;padding:6px;display:flex}.od-standings__row{border-radius:7px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.od-standings__row:nth-child(odd){background:#ffffff05}.onlinedle-app .od-picker-search{max-width:260px;min-height:38px;font-size:14px}@media (max-width:600px){.onlinedle-app .od-picker-search{max-width:none;min-height:44px}}.od-game-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.onlinedle-app .od-game-item{appearance:none;text-align:left;border-radius:var(--od-r-lg);border:1px solid var(--od-border);background:var(--od-bg);width:100%;min-width:0;color:var(--od-text);transition:border-color .14s var(--od-ease), background-color .14s var(--od-ease);align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.onlinedle-app .od-game-item:hover:not(:disabled){border-color:var(--od-border-strong);background:var(--od-surface-2)}.onlinedle-app .od-game-item:focus-visible{box-shadow:var(--od-ring);outline:none}.onlinedle-app .od-game-item:disabled{cursor:default}.onlinedle-app .od-game-item[aria-current=true]{border-color:var(--od-accent);background:var(--od-accent-soft)}.od-game-item__name{align-items:center;gap:6px;font-weight:650;display:flex}.od-game-item__desc{color:var(--od-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.od-footer{border-top:1px solid var(--od-border);padding:24px 16px calc(24px + env(safe-area-inset-bottom));color:var(--od-text-muted);margin-top:48px;font-size:13px}.od-footer__inner{max-width:var(--od-page-w);flex-direction:column;align-items:center;gap:14px;margin:0 auto;display:flex}.od-footer__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;display:flex}.od-footer__links a,.onlinedle-app .od-footer__links button{appearance:none;color:var(--od-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:none}.od-footer__links a:hover,.onlinedle-app .od-footer__links button:hover{color:var(--od-text)}.od-footer__brand{color:var(--od-text-faint);font-size:12px}.od-prose{color:var(--od-text-muted);font-size:15px;line-height:1.7}.od-prose h1{color:var(--od-text);margin:0 0 8px;font-size:32px;line-height:1.1}.od-prose h2{color:var(--od-text);margin:32px 0 8px;font-size:19px}.od-prose h3{color:var(--od-text);margin:24px 0 6px;font-size:16px}.od-prose p,.od-prose ul,.od-prose ol{margin:0 0 12px}.od-prose a{color:var(--od-accent);text-underline-offset:3px}.od-prose strong{color:var(--od-text)}.onlinedle-app :focus-visible{outline:2px solid var(--od-accent);outline-offset:2px}.onlinedle-app .od-btn:focus-visible,.onlinedle-app .od-input:focus-visible,.onlinedle-app .od-tab:focus-visible,.onlinedle-app .od-game-item:focus-visible,.onlinedle-app input[role=combobox]:focus-visible,.od-cat:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.od-modal,.od-modal-backdrop,.onlinedle-app .od-toast{animation-duration:1ms}.od-rail-card,.od-rail-card__badge,.od-dino-cta,.od-dino-cta-emoji{animation:none!important}.onlinedle-app .od-btn,.od-cat,.onlinedle-app .od-game-item{transition:none}}.od-rail{scrollbar-width:thin;scrollbar-color:var(--od-border-strong) transparent;gap:10px;margin:-14px -4px 0;padding:26px 4px 10px;display:flex;overflow-x:auto}.od-rail--compact{gap:6px;padding:24px 2px 4px}.od-rail-card{border-radius:var(--od-r-lg);border:1px solid var(--od-border);background:var(--od-surface);min-width:116px;transition:border-color .2s var(--od-ease), opacity .2s var(--od-ease);flex-direction:column;flex-shrink:0;align-items:center;gap:7px;padding:11px 10px 10px;display:flex;position:relative}.od-rail-card[data-self]{background:linear-gradient(180deg, var(--od-surface-2), var(--od-surface))}.od-rail-card[data-winner]{background:linear-gradient(180deg, #f3c14729, var(--od-surface) 70%);border-width:2px}.od-rail-card__badge{filter:drop-shadow(0 2px 4px #00000080);line-height:1;position:absolute;top:-12px;right:-6px}.od-rail-card__tick{width:22px;height:22px;color:var(--od-ink);border:2px solid var(--od-bg);filter:none;border-radius:50%;place-items:center;font-size:13px;font-weight:800;animation:.5s ease-out both od-rail-finisher-pop;display:grid;top:-9px}.od-rail-card__name{max-width:132px;color:var(--od-text);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.od-rail-card__nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.od-rail-card__you{text-transform:uppercase;letter-spacing:.08em;background:var(--od-accent-soft);color:var(--od-accent);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.od-rail-card__score{color:var(--od-accent-alt);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1}.od-rail-card__score span{color:var(--od-text-faint);letter-spacing:.04em;font-size:10px;font-weight:600}.od-rail-card__status{color:var(--od-text-muted);font-variant-numeric:tabular-nums;font-size:11px}@media (max-width:600px){.od-rail{gap:8px;margin-top:-10px;padding-top:22px}.od-rail-card{gap:5px;min-width:100px;padding:9px 8px 8px}.od-rail-card__score{font-size:14px}}.onlinedle-app input[role=combobox]{transition:border-color .14s var(--od-ease), box-shadow .14s var(--od-ease);border-radius:var(--od-r-md)!important;border:1px solid var(--od-border-strong)!important;background:var(--od-bg)!important;min-height:46px!important;padding:0 14px!important;font-size:16px!important}.onlinedle-app input[role=combobox]::placeholder{color:var(--od-text-faint)}.onlinedle-app input[role=combobox]:focus{box-shadow:var(--od-ring);outline:none;border-color:var(--od-accent)!important}.onlinedle-app [role=listbox]{scrollbar-width:thin;scrollbar-color:var(--od-border-strong) transparent;background:var(--od-surface-2)!important;border:1px solid var(--od-border-strong)!important;border-radius:var(--od-r-md)!important;box-shadow:var(--od-shadow-lg)!important;padding:6px!important}.onlinedle-app [role=listbox] [role=option]{min-height:40px;border-radius:7px!important}.onlinedle-app [role=listbox] [role=option][aria-selected=true]{background:var(--od-surface-3)!important}@media (max-width:600px){.onlinedle-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.onlinedle-app textarea,.onlinedle-app select{font-size:16px!important}}