.game-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.game-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-modes[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-mode{isolation:isolate;min-height:218px;color:var(--g-ink);text-align:left;cursor:pointer;background:radial-gradient(90% 70% at 100% 0%, color-mix(in oklab, var(--g-glow) 70%, transparent), transparent 62%), linear-gradient(155deg, var(--g-from) 0%, var(--g-via) 52%, var(--g-to) 100%);box-shadow:inset 0 1px 0 #fff6, inset 0 0 0 1px #ffffff24, 0 14px 30px -14px color-mix(in oklab, var(--g-to) 85%, transparent), 0 2px 6px #00000038;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;border-radius:22px;flex-direction:column;align-items:flex-start;gap:4px;padding:0 16px 16px;font-family:inherit;display:flex;position:relative;overflow:hidden}.game-mode:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff38 1.2px,#0000 1.4px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000 0%,#0000 55%);mask-image:linear-gradient(200deg,#000 0%,#0000 55%)}.game-mode:after{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000,#ffffff52,#0000);width:45%;position:absolute;inset:-20% auto -20% -60%;transform:translate(0)skew(-12deg)}.game-mode-art{flex:none;width:100%;height:86px;display:block;position:relative}.game-mode-glyph{filter:drop-shadow(0 8px 14px #00000038);transition:transform var(--dur-slow) var(--ease-out);display:block;position:absolute;top:-8px;right:-14px;transform:rotate(-8deg)}.game-mode-glyph svg{width:112px;height:112px;display:block}.game-mode-badge{z-index:1;position:absolute;top:14px;left:14px}.game-mode-body{z-index:1;flex-direction:column;gap:4px;min-width:0;margin-bottom:10px;display:flex;position:relative}.game-mode-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.78;font-size:11px;font-weight:700;line-height:1.2}.game-mode-title{font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;letter-spacing:-.01em;font-size:23px;font-weight:800;line-height:1.1}.game-mode-tagline{font-size:13px;font-weight:500;line-height:1.38}.game-mode-cta{z-index:1;background:var(--g-ink);height:32px;color:var(--g-from);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-top:auto;padding:0 14px 0 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 4px 10px -4px #00000073}.game-mode:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.game-mode:hover{box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px #fff3, 0 22px 40px -16px color-mix(in oklab, var(--g-to) 95%, transparent), 0 4px 10px #00000040;transform:translateY(-3px)}.game-mode:hover .game-mode-glyph{transform:rotate(0)scale(1.06)}.game-mode:hover:after{opacity:1;transition:transform .7s var(--ease-out), opacity .12s ease;transform:translate(420%)skew(-12deg)}.game-mode:active{transform:translateY(-1px)scale(.98)}}@media (max-width:639px){.game-mode[data-wide]{flex-direction:row;grid-column:1/-1;align-items:center;gap:12px;min-height:0;padding:14px 14px 14px 0}.game-mode[data-wide] .game-mode-art{width:88px;height:76px}.game-mode[data-wide] .game-mode-glyph{top:-12px;left:-4px;right:auto}.game-mode[data-wide] .game-mode-glyph svg{width:100px;height:100px}.game-mode[data-wide] .game-mode-body{flex:1;margin-bottom:0}.game-mode[data-wide] .game-mode-title{font-size:20px}.game-mode[data-wide] .game-mode-cta{flex:none;margin-top:0}.game-mode[data-wide] .game-mode-badge{top:8px;left:8px}}@media (max-width:360px){.game-mode{padding:0 12px 12px}.game-mode-title{font-size:20px}.game-mode-glyph svg{width:96px;height:96px}}.game-live{color:#f5f4e8;letter-spacing:.1em;text-transform:uppercase;background:#0e1108;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;font-size:11px;font-weight:700;display:inline-flex}.game-live:before{content:"";width:8px;height:8px;animation:game-live-pulse 1.6s var(--ease-out) infinite;background:#a9d750;border-radius:50%;box-shadow:0 0 #a9d75099}@keyframes game-live-pulse{0%{box-shadow:0 0 #a9d7508c}to{box-shadow:0 0 0 8px #a9d75000}}.game-option{transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out)}.game-option:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.game-option:not([aria-checked=true]):hover{background-color:var(--t-surface2)!important;border-color:var(--t-line-strong)!important}}.game-ring{flex:none;place-items:center;display:inline-grid;position:relative}.game-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.game-ring-arc{animation:game-ring-fill .72s var(--ease-out) both}@keyframes game-ring-fill{0%{stroke-dashoffset:var(--ring-full)}}.game-ring-center{font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;font-variant-numeric:tabular-nums;font-weight:700;position:relative}.game-ranking{isolation:isolate;border:1px solid color-mix(in oklab, var(--t-accent) 26%, var(--t-line));background:radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--t-accent) 18%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in oklab, var(--t-accent) 7%, var(--t-surface)) 0%, var(--t-surface) 70%);box-shadow:var(--t-shadow);border-radius:22px;flex-direction:column;gap:16px;padding:18px;display:flex;position:relative;overflow:hidden}.game-ranking-rays{z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in oklab, var(--t-accent) 9%, transparent) 0deg 6deg, transparent 6deg 18deg);pointer-events:none;width:520px;height:520px;position:absolute;top:30px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(closest-side,#000 10%,#0000 62%);mask-image:radial-gradient(closest-side,#000 10%,#0000 62%)}.game-ranking-head{align-items:center;gap:12px;display:flex}.game-ranking-head h2{color:var(--t-ink);margin:0;font-size:19px;line-height:24px}.game-ranking-period{color:var(--t-ink3);margin-top:1px;font-size:12px;display:block}.game-ranking-link{color:var(--t-primary);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600}.game-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:0;padding:18px 0 0;list-style:none;display:grid}.game-podium-place[data-place="1"]{order:2}.game-podium-place[data-place="2"]{order:1}.game-podium-place[data-place="3"]{order:3}.game-podium-place{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.game-podium-avatar{background:linear-gradient(160deg, var(--g-from), var(--g-to));width:54px;height:54px;box-shadow:0 6px 16px -6px color-mix(in oklab, var(--g-to) 90%, transparent);border-radius:50%;padding:3px;position:relative}.game-podium-place[data-place="1"] .game-podium-avatar{width:66px;height:66px}.game-podium-face{background:var(--t-surface2);width:100%;height:100%;color:var(--t-ink);font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;border-radius:50%;place-items:center;font-weight:700;display:grid}.game-podium-place[data-me] .game-podium-face{background:var(--t-primary-tint);color:var(--t-primary-tint-ink)}.game-podium-place[data-empty] .game-podium-avatar{background:var(--t-surface3);box-shadow:none}.game-podium-place[data-empty] .game-podium-face{color:var(--t-ink3);border:1px dashed var(--t-line-strong)}.game-podium-crown{filter:drop-shadow(0 3px 4px #0000004d);position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(-8deg)}.game-podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--t-ink);margin-top:4px;font-size:12.5px;font-weight:600;overflow:hidden}.game-podium-place[data-empty] .game-podium-name{color:var(--t-ink3)}.game-podium-points{font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;color:var(--t-ink2);font-size:12px;font-weight:600}.game-podium-block{width:100%;color:var(--g-ink);font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;background:linear-gradient(180deg, var(--g-from) 0%, var(--g-via) 55%, var(--g-to) 100%);transform-origin:bottom;animation:game-podium-rise .56s var(--ease-out) both;border-radius:12px 12px 4px 4px;place-items:start center;margin-top:6px;padding-top:8px;font-size:26px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff8c,inset 0 -14px 20px -10px #0000002e}.game-podium-place[data-place="1"] .game-podium-block{height:92px;animation-delay:.16s}.game-podium-place[data-place="2"] .game-podium-block{height:68px;animation-delay:80ms}.game-podium-place[data-place="3"] .game-podium-block{height:52px}.game-podium-place[data-empty] .game-podium-block{background:var(--t-surface2);color:var(--t-ink3);box-shadow:inset 0 0 0 1px var(--t-line)}.game-podium[data-empty] .game-podium-place[data-place="1"] .game-podium-block{height:56px}.game-podium[data-empty] .game-podium-place[data-place="2"] .game-podium-block{height:42px}.game-podium[data-empty] .game-podium-place[data-place="3"] .game-podium-block{height:32px}.game-podium[data-empty] .game-podium-block{padding-top:5px;font-size:20px}@keyframes game-podium-rise{0%{opacity:0;transform:scaleY(.25)}to{opacity:1;transform:none}}.game-rank-me{background:color-mix(in oklab, var(--t-primary) 10%, var(--t-surface2));border:1px solid color-mix(in oklab, var(--t-primary) 32%, transparent);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.game-rank-me-pos{background:var(--t-primary);min-width:48px;height:48px;color:var(--t-primary-ink);font-family:var(--font-rubik), "Rubik", system-ui, sans-serif;font-variant-numeric:tabular-nums;border-radius:14px;flex:none;place-items:center;padding:0 8px;font-size:19px;font-weight:800;display:grid}.game-rank-me[data-idle] .game-rank-me-pos{background:var(--t-surface3);color:var(--t-ink2)}.game-rank-me strong{color:var(--t-ink);font-size:15px;display:block}.game-rank-me small{color:var(--t-ink2);margin-top:2px;font-size:13px;line-height:1.4;display:block}.game-ranking[data-variant=compact]{border-radius:16px;gap:12px;padding:16px}.game-ranking[data-variant=compact] .game-ranking-head h2{font-size:15px;line-height:20px}.game-ranking[data-variant=compact] .game-podium{gap:6px;padding-top:14px}.game-ranking[data-variant=compact] .game-podium-avatar{width:40px;height:40px;padding:2px}.game-ranking[data-variant=compact] .game-podium-place[data-place="1"] .game-podium-avatar{width:48px;height:48px}.game-ranking[data-variant=compact] .game-podium-crown{width:22px;height:22px;top:-17px}.game-ranking[data-variant=compact] .game-podium-name{font-size:11.5px}.game-ranking[data-variant=compact] .game-podium-points{font-size:11px}.game-ranking[data-variant=compact] .game-podium-block{padding-top:4px;font-size:16px}.game-ranking[data-variant=compact] .game-podium-place[data-place="1"] .game-podium-block{height:46px}.game-ranking[data-variant=compact] .game-podium-place[data-place="2"] .game-podium-block{height:34px}.game-ranking[data-variant=compact] .game-podium-place[data-place="3"] .game-podium-block{height:26px}.game-ranking[data-variant=compact] .game-rank-me{border-radius:12px;gap:10px;padding:10px}.game-ranking[data-variant=compact] .game-rank-me-pos{border-radius:10px;min-width:40px;height:40px;font-size:16px}.game-ranking[data-variant=compact] .game-rank-me strong{font-size:13px}.game-ranking[data-variant=compact] .game-rank-me small{font-size:12px}.game-rank-rows{border-top:1px solid var(--t-line);flex-direction:column;margin:0 -18px -18px;display:flex}.game-rank-row{border-bottom:1px solid var(--t-line);align-items:center;gap:12px;padding:11px 18px;font-size:14px;display:flex}.game-rank-row:last-child{border-bottom:0}.game-rank-row[data-me]{background:var(--t-primary-tint);color:var(--t-primary-tint-ink)}@media (prefers-reduced-motion:reduce){.game-mode,.game-mode-glyph{transition:none}.game-mode:after{display:none}.game-live:before{animation:none}}