:root{--ocean-900: #0a1a30;--ocean-800: #0f2440;--ocean-700: #16324f;--ocean-600: #1f4066;--ocean-500: #2c5480;--hot: #ff5a4e;--hot-soft: #ff8a70;--cold: #55d6be;--cold-soft: #8ce8d6;--sun: #ffc65c;--ink: #f7eedb;--ink-dim: #b9c6d6;--ink-faint: #7e93aa;--grad-proximity: linear-gradient(90deg, var(--cold), var(--sun), var(--hot));--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--text-xs: clamp(.72rem, .68rem + .2vw, .8rem);--text-sm: clamp(.84rem, .8rem + .25vw, .95rem);--text-md: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--text-xl: clamp(1.6rem, 1.35rem + 1.2vw, 2.4rem);--text-hero: clamp(2.4rem, 1.8rem + 3.2vw, 4.5rem);--space-2xs: clamp(.25rem, .22rem + .15vw, .375rem);--space-xs: clamp(.5rem, .45rem + .25vw, .75rem);--space-sm: clamp(.75rem, .65rem + .5vw, 1rem);--space-md: clamp(1rem, .85rem + .75vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl: clamp(2.5rem, 1.8rem + 3vw, 5rem);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 10px 30px rgba(4, 12, 24, .45);--shadow-pop: 0 16px 40px rgba(4, 12, 24, .6);--ring: 0 0 0 3px var(--ocean-800), 0 0 0 6px var(--cold);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--speed-fast: .15s;--speed-med: .3s;--content-max: 72rem;--menu-max: 30rem}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;color:var(--ink);background-color:var(--ocean-800);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,var(--ocean-700) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 79px,rgba(85,214,190,.05) 79px 80px),repeating-linear-gradient(90deg,transparent 0 79px,rgba(85,214,190,.05) 79px 80px);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:.01em}p{color:var(--ink-dim)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.crash-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-md)}.crash-screen__card{max-width:26rem;text-align:center;padding:var(--space-lg);background:var(--ocean-800);border:2px solid var(--ocean-600);border-radius:var(--radius-lg)}.crash-screen__emblem{font-size:3rem;display:block}.crash-screen__card h1{font-size:1.3rem;margin:.6em 0 .4em}.crash-screen__card p{color:var(--ink-dim);line-height:1.5}.crash-screen__actions{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;margin-top:var(--space-md)}.crash-screen__btn{padding:.7em 1.5em;border-radius:var(--radius-pill);border:2px solid transparent;background:var(--hot);color:#fff;font:inherit;font-weight:700;cursor:pointer}.crash-screen__btn--ghost{background:transparent;border-color:var(--ocean-500);color:var(--ink-dim)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack--tight{gap:var(--space-xs)}.stack--loose{gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.cluster--center{justify-content:center}.cluster--split{justify-content:space-between}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-md)}.container--edge{max-width:none;padding-inline:clamp(.5rem,1.5vw,1.25rem)}.loading{display:grid;place-items:center;gap:var(--space-md);min-height:40vh;text-align:center}.narrow{width:100%;max-width:var(--menu-max);margin-inline:auto}.text-center{text-align:center}.text-dim{color:var(--ink-dim)}.text-faint{color:var(--ink-faint);font-size:var(--text-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.proximity-rule{height:4px;border-radius:var(--radius-pill);background:var(--grad-proximity);border:none}.fade-up{animation:fade-up var(--speed-med) var(--ease-bounce) both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading__stage{position:relative;display:inline-block;padding-bottom:.9rem}.loading__logo{width:clamp(72px,18vw,116px);height:auto;display:block;animation:gw-bob 1.6s ease-in-out infinite;filter:drop-shadow(0 6px 18px rgb(0 0 0 / .35))}.loading__shadow{position:absolute;left:50%;bottom:0;width:58%;height:.55rem;transform:translate(-50%);border-radius:50%;background:#0006;animation:gw-shadow 1.6s ease-in-out infinite}@keyframes gw-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes gw-shadow{0%,to{transform:translate(-50%) scaleX(1);opacity:.4}50%{transform:translate(-50%) scaleX(.7);opacity:.22}}@media (prefers-reduced-motion: reduce){.loading__logo,.loading__shadow{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.8em 1.6em;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:.02em;background:var(--ocean-700);color:var(--ink);border:2px solid var(--ocean-500);transition:transform var(--speed-fast) var(--ease-bounce),background var(--speed-fast) ease,border-color var(--speed-fast) ease,box-shadow var(--speed-fast) ease}.btn:hover{transform:translateY(-2px) scale(1.02);background:var(--ocean-600)}.btn:active{transform:translateY(0) scale(.98)}.btn--hot{background:var(--hot);border-color:var(--hot);color:var(--ocean-900)}.btn--hot:hover{background:var(--hot-soft);border-color:var(--hot-soft);box-shadow:0 8px 24px #ff5a4e59}.btn--cold{background:var(--cold);border-color:var(--cold);color:var(--ocean-900)}.btn--cold:hover{background:var(--cold-soft);border-color:var(--cold-soft);box-shadow:0 8px 24px #55d6be4d}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn--ghost:hover{background:var(--ocean-700);color:var(--ink)}.btn--block{width:100%}.btn--oauth{background:#fff;border-color:#fff;color:#1f2933;font-family:var(--font-body);font-weight:700}.btn--oauth:hover{background:#f1f5f9;border-color:#f1f5f9}.btn__icon{width:1.25em;height:1.25em;flex-shrink:0}.card{background:var(--ocean-700);border:2px solid var(--ocean-600);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);width:100%;text-align:left;padding:var(--space-md) var(--space-lg);background:var(--ocean-700);border:2px solid var(--ocean-600);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--speed-fast) var(--ease-bounce),border-color var(--speed-fast) ease,box-shadow var(--speed-fast) ease}.choice:hover{transform:translateY(-3px) rotate(-.4deg);border-color:var(--accent, var(--cold));box-shadow:var(--shadow-pop)}.choice:active{transform:translateY(0) scale(.99)}.choice--hot{--accent: var(--hot)}.choice--cold{--accent: var(--cold)}.choice--sun{--accent: var(--sun)}.choice__emblem{display:grid;place-items:center;width:clamp(3rem,2.5rem + 2vw,4rem);height:clamp(3rem,2.5rem + 2vw,4rem);border-radius:var(--radius-md);background:var(--ocean-800);border:2px solid var(--accent, var(--ocean-500));font-size:var(--text-xl);line-height:1}.choice__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--ink)}.choice__hint{font-size:var(--text-sm);color:var(--ink-faint)}.choice__arrow{font-size:var(--text-lg);color:var(--accent, var(--ink-faint));transition:transform var(--speed-fast) var(--ease-bounce)}.choice:hover .choice__arrow{transform:translate(4px)}.choice--soon{position:relative;opacity:.55;overflow:hidden}.choice--soon:after{content:"Coming soon";position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%) rotate(-4deg);padding:.2em .9em;border-radius:var(--radius-pill);border:2px solid var(--sun);background:var(--ocean-800);color:var(--sun);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;white-space:nowrap;pointer-events:none}.choice--soon .choice__arrow{visibility:hidden}@media (max-width: 420px){.choice{grid-template-columns:auto 1fr;padding:var(--space-sm) var(--space-md)}.choice__arrow{display:none}}.form-msg{margin:0;padding:.6em .9em;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45}.form-msg--error{background:#ff5a4e29;background:color-mix(in srgb,var(--hot) 16%,transparent);border:1px solid rgba(255,90,78,.55);border:1px solid color-mix(in srgb,var(--hot) 55%,transparent);color:#ffd9d5}.form-msg--ok{background:#55d6be24;background:color-mix(in srgb,var(--cold) 14%,transparent);border:1px solid rgba(85,214,190,.45);border:1px solid color-mix(in srgb,var(--cold) 45%,transparent);color:var(--cold-soft)}.field__hint{margin:.35em 0 0;font-size:var(--text-xs);color:var(--ink-faint)}.link-btn{background:none;border:none;padding:.25em;color:var(--cold);font:inherit;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--cold-soft)}.topbar__user{display:inline-flex;align-items:center;gap:var(--space-xs);min-width:0}.topbar__name{color:var(--ink-dim);font-size:var(--text-sm);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__user--wide{flex-shrink:1}.topbar__narrow{display:none;position:relative}.topbar__burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;width:2.75rem;height:2.75rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;flex-shrink:0;position:relative;z-index:100}.topbar__burger:hover,.topbar__burger[aria-expanded=true]{background:var(--ocean-700);border-color:var(--ocean-500)}.topbar__burger span{display:block;width:1.4rem;height:2px;border-radius:2px;background:var(--ink)}.topbar__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:none;z-index:90;cursor:default}.topbar__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:100;display:flex;flex-direction:column;min-width:11rem;padding:var(--space-xs);border-radius:var(--radius-md);background:var(--ocean-700);border:1px solid var(--ocean-500);box-shadow:var(--shadow-pop)}.topbar__dropdown-item{padding:.7em .9em;border-radius:var(--radius-sm);text-align:left;background:transparent;color:var(--ink);font-size:var(--text-sm);white-space:nowrap}.topbar__dropdown-item:hover{background:var(--ocean-600)}.wide{width:100%;max-width:70rem;margin-inline:auto}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.profile-head__id{display:flex;align-items:center;gap:var(--space-sm)}.profile-head__avatar{display:grid;place-items:center;width:3.2rem;height:3.2rem;flex-shrink:0;border-radius:50%;background:var(--ocean-600);border:2px solid var(--cold);color:var(--cold-soft);font-weight:700;letter-spacing:.05em}.profile-head__text{min-width:0}.profile-head__meta{overflow-wrap:break-word;margin:.15em 0 0;font-size:var(--text-sm)}.profile-head__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-sm)}.stat-card{background:var(--ocean-800);border:2px solid var(--ocean-600);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:grid;gap:.25em}.stat-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.stat-card__nums{font-size:1.6rem;font-weight:700}.stat-card__win{color:var(--cold-soft)}.stat-card__loss{color:#ff9d94}.stat-card__sep{color:var(--ink-faint);margin:0 .25em}.stat-card__rate{font-size:var(--text-sm);color:var(--ink-dim)}.panel-title{margin:0;font-size:var(--text-md);color:var(--ink)}.badge{display:inline-block;padding:.15em .6em;border-radius:var(--radius-pill);font-size:var(--text-xs);border:1px solid transparent;margin-inline-end:.3em}.badge--ok{background:#55d6be26;background:color-mix(in srgb,var(--cold) 15%,transparent);border-color:var(--cold);color:var(--cold-soft)}.badge--warn{background:#ffc85724;background:color-mix(in srgb,var(--sun) 14%,transparent);border-color:#ffc85799;border-color:color-mix(in srgb,var(--sun) 60%,transparent);color:#ffe9b3}.badge--bad{background:#ff5a4e29;background:color-mix(in srgb,var(--hot) 16%,transparent);border-color:var(--hot);color:#ffd9d5}.badge--role{background:#b98cff2e;background:color-mix(in srgb,#b98cff 18%,transparent);border-color:#b98cff;color:#e6d5ff}.badge--you{background:var(--ocean-600);border-color:var(--ocean-500);color:var(--ink-dim)}.history{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.history__row{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;gap:var(--space-xs);align-items:baseline;padding:.45em .6em;background:var(--ocean-800);border-radius:var(--radius-md);font-size:var(--text-sm)}.history__main{min-width:0;overflow-wrap:break-word}@media (max-width: 480px){.history__row{grid-template-columns:2.4rem 1fr}.history__meta{grid-column:1 / -1;white-space:normal}}.history__pager{margin-top:var(--space-2xs)}.history__result{font-weight:700;font-size:var(--text-xs);letter-spacing:.06em}.history__result--win{color:var(--cold-soft)}.history__result--loss{color:#ff9d94}.history__result--draw{color:var(--ink-faint)}.history__reason{color:var(--ink-faint);font-style:normal}.history__meta{color:var(--ink-faint);font-size:var(--text-xs);white-space:nowrap}.text-win{color:var(--cold-soft)}.text-loss{color:#ff9d94}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:.5em .7em;border-bottom:1px solid var(--ocean-600);white-space:nowrap}.table th{color:var(--ink-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:#1f406673;background:color-mix(in srgb,var(--ocean-600) 45%,transparent)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.table__email{color:var(--ink-dim);white-space:normal;word-break:break-all}.table__date{white-space:nowrap;color:var(--ink-dim)}.table__actions{white-space:nowrap;text-align:right}.table__sort{background:none;border:none;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.table__sort:hover{color:var(--ink)}.admin-toolbar{display:flex;gap:var(--space-xs);align-items:center}.admin-toolbar__search{flex:1}.admin-pager{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs)}.btn--xs{padding:.3em .7em;font-size:var(--text-xs)}.btn--danger{color:#ff9d94}.btn--danger:hover:not(:disabled){border-color:var(--hot);color:#ffd9d5}.btn--danger:disabled{opacity:.4;cursor:not-allowed}.scoreboard-cards{display:none}@media (max-width: 640px){.scoreboard-table--wide{display:none}.scoreboard-cards{display:flex;flex-direction:column;gap:var(--space-xs)}}.scoreboard-sortbar{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.scoreboard-sortbar__label{color:var(--ink-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.scoreboard-sortbar select{flex:1}.scoreboard-card{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-2xs)}.scoreboard-card__head{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.scoreboard-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs) var(--space-sm)}.scoreboard-card__stat{display:flex;flex-direction:column}.scoreboard-card__stat-label{color:var(--ink-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.scoreboard-card__stat-val{font-variant-numeric:tabular-nums}.scoreboard-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-2xs);font-size:var(--text-xs)}.check-row{display:flex;align-items:center;gap:.5em;font-size:var(--text-sm);color:var(--ink-dim)}.admin-form{border-color:var(--cold)}.profile-pw-note{margin-top:var(--space-sm);border-style:dashed}.profile-pw-note p{margin:0;font-size:var(--text-sm);line-height:1.55}.username-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.username-row__name{font-weight:800;font-size:1.15rem;letter-spacing:.02em}.btn-row{display:flex;gap:var(--space-xs)}.field{display:flex;flex-direction:column;gap:var(--space-2xs)}.field__label{font-size:var(--text-sm);font-weight:700;color:var(--ink-dim)}.input{width:100%;padding:.75em 1em;border-radius:var(--radius-md);border:2px solid var(--ocean-500);background:var(--ocean-800);color:var(--ink);transition:border-color var(--speed-fast) ease}.input::-moz-placeholder{color:var(--ink-faint)}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--cold)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs);padding:var(--space-2xs);background:var(--ocean-800);border-radius:var(--radius-pill);border:2px solid var(--ocean-600)}.tabs__tab{padding:.5em 1em;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;color:var(--ink-faint);transition:background var(--speed-fast) ease,color var(--speed-fast) ease}.tabs__tab[aria-selected=true]{background:var(--ocean-600);color:var(--ink)}.divider{display:flex;align-items:center;gap:var(--space-sm);color:var(--ink-faint);font-size:var(--text-sm)}.divider:before,.divider:after{content:"";flex:1;height:2px;border-radius:var(--radius-pill);background:var(--ocean-600)}.copy-row{display:flex;gap:var(--space-xs)}.copy-row .input{flex:1;min-width:0;font-family:monospace;font-size:var(--text-sm)}@media (max-width: 380px){.copy-row{flex-direction:column}}.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.oauth-row{margin-top:var(--space-sm);display:grid;gap:var(--space-xs)}.oauth-row__divider{text-align:center;margin:0;font-size:var(--text-sm)}.globe{--globe-size: clamp(8rem, 6rem + 12vw, 15rem);position:relative;width:var(--globe-size);height:var(--globe-size);margin-inline:auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--ocean-500),var(--ocean-800) 70%);border:3px solid var(--cold);box-shadow:0 0 0 6px #55d6be14,0 0 60px #55d6be2e,inset -12px -10px 40px #040c1899;overflow:hidden}.globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 calc(var(--globe-size) / 6 - 2px),rgba(85,214,190,.35) calc(var(--globe-size) / 6 - 2px) calc(var(--globe-size) / 6));border-radius:50%}.globe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--globe-size) / 6 - 2px),rgba(85,214,190,.3) calc(var(--globe-size) / 6 - 2px) calc(var(--globe-size) / 6));background-size:calc(var(--globe-size) / 3) 100%;animation:globe-spin 6s linear infinite}@keyframes globe-spin{to{background-position:calc(var(--globe-size) / 3) 0}}.globe__blob{position:absolute;top:34%;left:20%;width:26%;height:20%;border-radius:46% 54% 60% 40%/55% 45%;background:radial-gradient(circle at 40% 40%,var(--hot-soft),var(--hot));filter:blur(1px);opacity:.9;animation:blob-drift 6s linear infinite}@keyframes blob-drift{0%{transform:translate(-180%) scaleX(.6);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translate(340%) scaleX(.6);opacity:0}}.globe--sm{--globe-size: clamp(4rem, 3rem + 4vw, 6rem)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0}.topbar__brand{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--ink);background:none;letter-spacing:.02em;flex-shrink:0}.topbar__dot{width:.9em;height:.9em;border-radius:50%;background:var(--grad-proximity)}.topbar__logo{height:clamp(2.4rem,2rem + 1.5vw,3.25rem);width:auto;flex-shrink:0}@media (max-width: 640px){.topbar__user--wide{display:none}.topbar__narrow{display:block}}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-lg)}.stage.container--edge{justify-content:flex-start;padding-block-start:clamp(.25rem,1.5vh,.9rem)}@media (max-width: 760px){.stage{justify-content:flex-start;padding-block-start:var(--space-xs)}}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.hero__logo{width:min(78%,22rem);height:auto;filter:drop-shadow(0 12px 32px rgba(4,12,24,.55))}.hero__title{font-size:var(--text-hero);font-weight:700}.hero__title em{font-style:normal;background:var(--grad-proximity);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__tagline{max-width:34ch;font-size:var(--text-lg);color:var(--ink-dim)}.hero__layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center;width:100%}@media (min-width: 900px){.hero__layout{grid-template-columns:1fr 1fr;text-align:left}.hero__layout .hero__copy{align-items:flex-start;text-align:left}}.hero__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.screen-head{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);text-align:center;align-items:center}@media (max-width: 760px){.screen-head{gap:var(--space-xs);margin-bottom:var(--space-md)}}.screen-head__title{font-size:var(--text-xl)}.screen-head__sub{color:var(--ink-faint);max-width:40ch}.board{display:grid;place-items:center;gap:var(--space-md);min-height:40vh;border:3px dashed var(--ocean-500);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.board__badge{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:.3em 1em;border-radius:var(--radius-pill);background:var(--ocean-700);border:2px solid var(--sun);color:var(--sun)}.footer{padding-block:var(--space-md);text-align:center;color:var(--ink-faint);font-size:var(--text-xs)}.game-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.game-top__mode{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:.35em 1em;border-radius:var(--radius-pill);background:var(--ocean-700);border:2px solid var(--ocean-500);color:var(--ink-dim);white-space:nowrap}.game-top__note{font-family:var(--font-body);font-weight:400;color:var(--ink-faint)}.game{display:grid;grid-template-columns:1fr;grid-template-areas:"guess" "globe" "history";gap:var(--space-md);align-items:start}.game__guess{grid-area:guess}.game__globe-wrap{grid-area:globe}.game__history{grid-area:history}.game__globe-wrap{width:100%;max-width:min(96vw,62dvh,40rem);aspect-ratio:1 / 1;margin-inline:auto;border-radius:50%;overflow:hidden}.game__guess,.game__history{width:100%;max-width:var(--menu-max);margin-inline:auto}@media (min-width: 1000px){.game{grid-template-columns:minmax(0,52rem) minmax(19rem,26rem);justify-content:center;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"globe guess" "globe history";-moz-column-gap:clamp(1.5rem,3vw,4rem);column-gap:clamp(1.5rem,3vw,4rem);row-gap:var(--space-md);align-items:start}.game__globe-wrap{justify-self:center;margin-inline:0;max-width:min(52rem,calc(100dvh - 10rem))}.game__guess,.game__history{margin-inline:0;max-width:none}}.globe-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.globe-canvas:active{cursor:grabbing}.game__message{min-height:1.5em;text-align:center;margin-top:var(--space-xs)}.suggestions{display:flex;flex-direction:column;gap:var(--space-2xs);background:var(--ocean-700);border:2px solid var(--ocean-600);border-radius:var(--radius-md);padding:var(--space-2xs)}.suggestions__item{text-align:left;padding:.5em .9em;border-radius:var(--radius-sm);color:var(--ink);transition:background var(--speed-fast) ease}.suggestions__item:hover{background:var(--ocean-600)}.guess-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2xs);max-height:clamp(14rem,42dvh,30rem);overflow-y:auto;background:var(--ocean-800);border:2px solid var(--ocean-600);border-radius:var(--radius-lg);padding:var(--space-xs);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--ocean-500) transparent}.guess-list::-webkit-scrollbar{width:10px}.guess-list::-webkit-scrollbar-track{background:transparent}.guess-list::-webkit-scrollbar-thumb{background:var(--ocean-500);border-radius:var(--radius-pill);border:3px solid var(--ocean-800)}.guess-list::-webkit-scrollbar-thumb:hover{background:var(--cold)}@media (min-width: 1000px){.guess-list{max-height:calc(100dvh - 26rem)}}.guess-list__row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-xs);padding:.45em .9em;background:var(--ocean-700);border:2px solid var(--ocean-600);border-radius:var(--radius-md);font-size:var(--text-sm)}.guess-list__dot{width:.85em;height:.85em;border-radius:50%;flex-shrink:0}.guess-list__name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-list__km{color:var(--ink-faint);font-variant-numeric:tabular-nums}.guess-list__by{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;padding:.1em .7em;border-radius:var(--radius-pill);border:2px solid var(--ocean-500);color:var(--ink-dim)}.guess-list__by--you{border-color:var(--cold);color:var(--cold)}.guess-list__by--bot{border-color:var(--hot);color:var(--hot-soft)}.turn-pill{display:inline-block;margin-left:var(--space-xs);padding:.25em .8em;border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--ocean-700);border:1px solid var(--ocean-500);color:var(--ink-dim);vertical-align:middle}.turn-pill--you{background:#55d6be2e;background:color-mix(in srgb,var(--cold) 18%,transparent);border-color:var(--cold);color:var(--cold-soft)}.turn-pill--away{background:#ffc85726;background:color-mix(in srgb,var(--sun) 15%,transparent);border-color:#ffc85799;border-color:color-mix(in srgb,var(--sun) 60%,transparent);color:#ffe9b3}.moves-left{margin:0 0 .25rem;font-size:var(--text-sm, .9rem);color:var(--ink-dim, #b9c6d6);text-align:center}.moves-left__count{font-weight:800;font-size:1.05em;color:var(--cold, #55d6be)}.moves-left__count--low{color:var(--hot, #ff5346)}.turn-timer{display:inline-flex;align-items:center;gap:.25em;padding:.2em .7em;border-radius:var(--radius-pill, 999px);font-weight:700;font-variant-numeric:tabular-nums;background:#1f4066b3;background:color-mix(in srgb,var(--ocean-600, #1f4066) 70%,transparent);color:var(--ink, #f7eedb);border:1px solid var(--ocean-500, #2a4a75)}.turn-timer--mine{border-color:var(--cold, #55d6be)}.turn-timer--urgent{color:#fff;background:var(--hot, #ff5346);border-color:var(--hot, #ff5346);animation:gw-pulse 1s ease-in-out infinite}@keyframes gw-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@media (prefers-reduced-motion: reduce){.turn-timer--urgent{animation:none}}.game-top--stacked{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs)}.game-top__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.game-top__status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);min-width:0}