:root{--bg: #0a0e14;--bg-elev: #121821;--ink-bright: #f5f3ec;--ink: #e8e4d8;--ink-dim: #8a8577;--ink-faint: #4a4738;--accent: #d4a24c;--accent-dim: #8c6a2e;--good: #7fb069;--warn: #d97757;--line: rgba(232, 228, 216, .08);--font-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--easing-settle: cubic-bezier(.22, 1, .36, 1);--duration-panel: .35s;--duration-hover: .2s;--duration-pulse: .9s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--space-12: 96px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--text-shadow-globe: 0 2px 8px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-serif);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"liga","kern"}img,svg{display:block;max-width:100%}button{font-family:inherit;font-size:inherit;cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}.display{font-family:var(--font-serif);font-weight:500;font-size:clamp(48px,8vw,96px);letter-spacing:-.015em;line-height:1}.display-accent{color:var(--accent)}.heading-lg{font-family:var(--font-serif);font-weight:500;font-size:clamp(32px,5vw,56px);letter-spacing:-.01em;line-height:1.1}.heading-md{font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,3vw,32px);letter-spacing:-.005em;line-height:1.2}.body{font-family:var(--font-serif);font-size:17px;line-height:1.5;color:var(--ink)}.body-dim{color:var(--ink-dim)}.italic{font-style:italic}.tagline{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(18px,2.2vw,22px);color:var(--ink-dim);letter-spacing:.005em}.mono-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.mono-caption{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--ink-dim)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-6)}.stack-xl{gap:var(--space-8)}.row{display:flex;flex-direction:row;gap:var(--space-4)}.row-sm{gap:var(--space-2)}.row-lg{gap:var(--space-6)}.text-center{text-align:center}.page-center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.badge{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid rgba(212,162,76,.35);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}.demo-page{position:fixed;inset:0;display:flex;flex-direction:column}.demo-page__caption{position:absolute;left:var(--space-5);bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);pointer-events:none}.play-stub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:var(--space-5) var(--space-6);background:#121821d9;border:1px solid var(--line);border-radius:var(--radius-md);backdrop-filter:blur(8px);color:var(--ink-dim)}.play-stub__name{font-family:var(--font-serif);font-size:22px;color:var(--ink);margin-bottom:var(--space-2)}.play-stub__pending{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.globe{position:relative;width:100%;height:100%;background:var(--bg);overflow:hidden}.globe__canvas{position:absolute;inset:0}.globe__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg);opacity:1;pointer-events:none;transition:opacity .6s var(--easing-settle)}.globe__loading--hidden{opacity:0}.globe__loading-spinner{width:36px;height:36px;border:2px solid rgba(232,228,216,.1);border-top-color:var(--accent);border-radius:50%;animation:globe-spin .9s linear infinite}.globe__loading-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}@keyframes globe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.globe__hud{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#0a0e1499;border:1px solid var(--line);border-radius:var(--radius-sm);backdrop-filter:blur(4px);pointer-events:none;font-feature-settings:"tnum";opacity:1;transition:opacity .4s var(--easing-settle) .2s}.globe__hud--hidden{opacity:0;transition-delay:0ms}.globe__hud-row{display:flex;gap:var(--space-3);align-items:baseline;justify-content:space-between}.globe__hud-row--country{border-top:1px solid var(--line);padding-top:var(--space-2);margin-top:var(--space-1);min-width:120px;justify-content:flex-end}.globe__hud-country{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--ink);letter-spacing:.01em}.globe__hud-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.globe__hud-value{font-family:var(--font-mono);font-size:13px;color:var(--accent);min-width:3.5em;text-align:right}.globe__debug-toggle{position:absolute;right:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0a0e1499;border:1px solid var(--line);border-radius:var(--radius-sm);backdrop-filter:blur(4px);color:var(--ink-dim);cursor:pointer;opacity:1;transition:color var(--duration-hover) var(--easing-settle),opacity .3s var(--easing-settle)}.globe__debug-toggle:hover{color:var(--accent)}.globe__debug-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.globe__debug-toggle--hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.globe__loading-spinner{animation:none}.globe__loading,.globe__hud,.globe__debug-toggle{transition:none}}.debug-panel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;display:flex;flex-direction:column;background:#121821e0;backdrop-filter:blur(10px);border-left:1px solid var(--line);transform:translate(100%);transition:transform var(--duration-panel) var(--easing-settle);z-index:100;overflow-y:auto}.debug-panel--open{transform:translate(0)}.debug-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.debug-panel__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.debug-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--ink-dim);transition:color var(--duration-hover) var(--easing-settle),background var(--duration-hover) var(--easing-settle)}.debug-panel__close:hover{color:var(--ink);background:#e8e4d80f}.debug-panel__close:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.debug-panel__section{padding:var(--space-5);border-bottom:1px solid var(--line)}.debug-panel__section-title{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-4)}.debug-panel__tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.debug-panel__tier-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink-dim);cursor:pointer;transition:all var(--duration-hover) var(--easing-settle)}.debug-panel__tier-btn:hover:not(:disabled){border-color:#d4a24c4d;color:var(--ink)}.debug-panel__tier-btn:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.debug-panel__tier-btn:disabled{opacity:.5;cursor:wait}.debug-panel__tier-btn--active{border-color:var(--accent);background:#d4a24c14;color:var(--accent)}.debug-panel__tier-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.debug-panel__tier-dim{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-faint)}.debug-panel__kv-group{display:flex;flex-direction:column;gap:var(--space-2)}.debug-panel__kv-group--spaced{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.debug-panel__kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.debug-panel__k{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.debug-panel__v{font-family:var(--font-mono);font-size:12px;color:var(--ink);letter-spacing:.02em}.debug-panel__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--duration-hover) var(--easing-settle)}.debug-panel__toggle:hover:not(:disabled){border-color:#d4a24c4d}.debug-panel__toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.debug-panel__toggle:disabled{opacity:.5;cursor:wait}.debug-panel__toggle--on{border-color:var(--accent);background:#d4a24c14}.debug-panel__toggle-label{font-family:var(--font-serif);font-size:14px;color:var(--ink)}.debug-panel__toggle-state{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.debug-panel__toggle--on .debug-panel__toggle-state{color:var(--accent)}.debug-panel__slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.debug-panel__slider-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.debug-panel__slider-value{font-family:var(--font-mono);font-size:11px;color:var(--ink);min-width:32px;text-align:right}.debug-panel__slider input[type=range]{width:100%;accent-color:var(--accent)}.debug-panel__slider input[type=range]:disabled{opacity:.5;cursor:wait}.debug-panel__color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-3)}.debug-panel__color-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.debug-panel__color-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.debug-panel__color-row input[type=color]{width:24px;height:20px;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;padding:0}.debug-panel__color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.debug-panel__color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}.debug-panel__color-row input[type=color]:disabled{opacity:.5;cursor:wait}@media(prefers-reduced-motion:reduce){.debug-panel{transition:none}}.app-layout{position:fixed;inset:0;background:var(--bg)}.app-layout__main{position:absolute;inset:0 0 0 240px;transition:left var(--duration-panel) var(--easing-settle)}.app-layout__main--sidebar-collapsed{left:64px}@media(max-width:768px){.app-layout__main{left:0}}.app-layout__hamburger{display:none}@media(max-width:768px){.app-layout__hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:var(--space-4);left:var(--space-4);width:40px;height:40px;background:#121821e6;border:1px solid var(--line);border-radius:var(--radius-sm);backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;z-index:80;transition:color var(--duration-hover) var(--easing-settle)}.app-layout__hamburger svg{width:22px;height:22px}.app-layout__hamburger:hover{color:var(--accent)}.app-layout__hamburger:focus-visible{outline:1px solid var(--accent);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.app-layout__main{transition:none}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#121821f0;backdrop-filter:blur(10px);border-right:1px solid var(--line);z-index:90;transition:width var(--duration-panel) var(--easing-settle),transform var(--duration-panel) var(--easing-settle)}.sidebar--collapsed{width:64px}.sidebar__header{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--line);border-left:2px solid transparent;color:var(--ink)}.sidebar__brand-icon{color:var(--accent)}.sidebar__brand-text{font-family:var(--font-serif);font-size:24px;font-weight:500;letter-spacing:.01em;color:var(--ink);white-space:nowrap;overflow:hidden}.sidebar__brand-text strong{font-weight:700;color:var(--accent)}.sidebar--collapsed .sidebar__brand-text{opacity:0;pointer-events:none}.sidebar__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar__icon svg{width:100%;height:100%}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;overflow-y:auto;overflow-x:hidden}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--ink-bright);text-decoration:none;border-left:2px solid transparent;transition:color var(--duration-hover) var(--easing-settle),background var(--duration-hover) var(--easing-settle),border-left-color var(--duration-hover) var(--easing-settle)}.sidebar__item:hover{background:#e8e4d80f}.sidebar__item--active{color:var(--accent);background:#d4a24c0f;border-left-color:var(--accent)}.sidebar__item:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.sidebar__item-label{font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.01em;white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__item-label{opacity:0;pointer-events:none}.sidebar__footer{border-top:1px solid var(--line);border-left:2px solid transparent;padding:var(--space-3) var(--space-4)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-bright)}.sidebar__user-text{font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.01em;white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__user-text{opacity:0;pointer-events:none}.sidebar__toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--line);border-radius:50%;color:var(--ink-dim);cursor:pointer;transition:color var(--duration-hover) var(--easing-settle)}.sidebar__toggle:hover{color:var(--accent)}.sidebar__toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.sidebar__toggle svg{width:14px;height:14px}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;transition:transform var(--duration-panel) var(--easing-settle)}.sidebar--collapsed{width:280px}.sidebar--mobile-open{transform:translate(0)}.sidebar .sidebar__brand-text,.sidebar .sidebar__item-label,.sidebar .sidebar__user-text{opacity:1;pointer-events:auto}.sidebar__toggle{display:none}}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0a0e1499;border:none;cursor:pointer;z-index:89;animation:sidebar-backdrop-fade var(--duration-panel) var(--easing-settle)}}@keyframes sidebar-backdrop-fade{0%{opacity:0}to{opacity:1}}.mode-frame{position:relative;width:100%;height:100%;background:var(--bg);overflow:hidden}.mode-frame__canvas{position:fixed;inset:0;z-index:0}.mode-frame__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg);opacity:1;pointer-events:none;transition:opacity .6s var(--easing-settle)}.mode-frame__loading--hidden{opacity:0}.mode-frame__loading-spinner{width:36px;height:36px;border:2px solid rgba(232,228,216,.1);border-top-color:var(--accent);border-radius:50%;animation:mode-frame-spin .9s linear infinite}.mode-frame__loading-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}@keyframes mode-frame-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode-frame__overlay{position:absolute;inset:0;pointer-events:none}.mode-frame__overlay>*{pointer-events:auto}@media(prefers-reduced-motion:reduce){.mode-frame__loading-spinner{animation:none}.mode-frame__loading{transition:none}}.prompt{position:absolute;top:var(--space-6);left:var(--space-6);pointer-events:none;transition:opacity var(--duration-panel) var(--easing-settle)}.prompt--inactive{opacity:.55}.prompt__lead{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:var(--space-2)}.prompt__primary{font-family:var(--font-serif);font-size:40px;line-height:1.1;color:var(--ink-bright);text-shadow:var(--text-shadow-globe);max-width:480px;pointer-events:auto;user-select:text}.prompt__secondary{font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--ink);text-shadow:var(--text-shadow-globe);margin-top:4px;max-width:480px;pointer-events:auto;user-select:text}@media(max-width:768px){.prompt{top:calc(var(--space-4) + 50px);left:50%;right:var(--space-4);transform:translate(-50%);text-align:center;max-width:calc(100% - var(--space-4) * 2 - 60px)}.prompt__primary{font-size:30px;max-width:none}.prompt__secondary{font-size:14px;max-width:none}}.round-result{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.round-result__distance{font-family:var(--font-serif);font-size:28px;color:var(--accent);padding:var(--space-2) var(--space-5);background:#121821cc;border:1px solid var(--line);border-radius:var(--radius-md);backdrop-filter:blur(8px);text-shadow:0 1px 4px rgba(0,0,0,.4)}.round-result__panel{padding:var(--space-2) var(--space-5);background:#121821cc;border:1px solid var(--line);border-radius:var(--radius-md);backdrop-filter:blur(8px);text-align:center}.round-result__primary{font-family:var(--font-serif);font-size:26px;line-height:1.1;color:var(--ink-bright);text-shadow:0 1px 4px rgba(0,0,0,.4)}.round-result__primary--wrong{color:var(--warn)}.round-result__secondary{font-family:var(--font-serif);font-size:16px;color:var(--ink-dim);margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.4)}@media(max-width:768px){.round-result{bottom:var(--space-5)}.round-result__distance,.round-result__primary{font-size:22px}.round-result__secondary{font-size:14px}}.next-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:var(--font-serif);font-size:16px;letter-spacing:.02em;cursor:pointer;transition:background var(--duration-hover) var(--easing-settle),transform var(--duration-hover) var(--easing-settle)}.next-btn:hover:not(:disabled){background:#e6b56a}.next-btn:active:not(:disabled){transform:scale(.97)}.next-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.next-btn__arrow{font-size:22px;line-height:1;margin-left:var(--space-1)}.app-footer__hint,.app-footer__version{position:fixed;bottom:var(--space-4);z-index:10;pointer-events:none;user-select:none;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;text-shadow:var(--text-shadow-globe)}.app-footer__hint{left:calc(240px + var(--space-5));letter-spacing:.16em;color:var(--ink);transition:left var(--duration-panel) var(--easing-settle)}.app-footer__hint--sidebar-collapsed{left:calc(64px + var(--space-5))}@media(max-width:768px){.app-footer__hint{left:var(--space-4)}}.app-footer__hint-touch{display:none}@media(max-width:768px){.app-footer__hint-pointer{display:none}.app-footer__hint-touch{display:inline}}.app-footer__version{right:var(--space-5);letter-spacing:.2em;color:var(--ink)}@media(max-width:768px){.app-footer__version{right:var(--space-4)}}.round-counter{position:absolute;top:var(--space-6);right:var(--space-6);pointer-events:none;user-select:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-shadow:var(--text-shadow-globe)}.round-counter__current{color:var(--accent);font-weight:500;margin-left:6px}.round-counter__divider{color:var(--ink-dim);margin:0 2px}@media(max-width:768px){.round-counter{top:var(--space-4);right:var(--space-4)}}.end-screen{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-6);pointer-events:none}.end-screen__panel{pointer-events:auto;user-select:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#121821db;border:1px solid var(--line);border-radius:var(--radius-lg);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);max-width:480px;text-align:center}.end-screen__date{font-family:var(--font-serif);font-size:22px;color:var(--ink-bright);line-height:1}.end-screen__grid{display:flex;gap:var(--space-2);font-size:28px;line-height:1}.end-screen__cell{display:inline-block;line-height:1}.end-screen__total{font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--ink);text-transform:uppercase}.end-screen__total strong{color:var(--accent);font-weight:600;margin:0 4px}.end-screen__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.end-screen__btn{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-5);font-family:var(--font-serif);font-size:16px;letter-spacing:.02em;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-hover) var(--easing-settle),color var(--duration-hover) var(--easing-settle),transform var(--duration-hover) var(--easing-settle)}.end-screen__btn:active{transform:scale(.97)}.end-screen__btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.end-screen__btn--share{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.end-screen__btn--share:hover{background:#e6b56a;border-color:#e6b56a}.end-screen__btn--practice{background:transparent;color:var(--ink-bright);border:1px solid var(--line)}.end-screen__btn--practice:hover{background:#e8e4d80f;border-color:var(--ink-dim)}.end-screen__countdown{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-top:var(--space-1)}@media(max-width:768px){.end-screen{padding-bottom:var(--space-5)}.end-screen__panel{max-width:calc(100vw - var(--space-4) * 2);padding:var(--space-4) var(--space-5)}.end-screen__actions{flex-direction:column;width:100%}.end-screen__btn{justify-content:center}}