@layer components{.gm-page{--gm-accent:color-mix(in oklab, oklch(.62 .15 var(--gm-hue,85)) 78%, var(--rev-text));--gm-tint:color-mix(in oklab, var(--gm-accent) 12%, var(--rev-surface));--gm-fs-micro:var(--rev-fs-micro);--gm-fs-body:var(--rev-fs-body);--gm-fs-ui:var(--rev-fs-ui);--gm-fs-title:var(--rev-fs-title);--gm-fs-lead:var(--rev-fs-lead);--gm-fs-display-sm:var(--rev-fs-display-sm);--gm-fs-display-md:var(--rev-fs-display-md);--gm-fs-display-xl:var(--rev-fs-display-xl);--gm-fs-cell:var(--rev-fs-title);min-width:0;max-width:96rem;color:var(--rev-text);margin-inline:auto;padding:1rem;container:gm-page/inline-size}.gm-layout{grid-template-areas:"bar""timer""stage""board";gap:.75rem;min-width:0;display:grid}.gm-bar{flex-wrap:wrap;grid-area:bar;align-items:center;gap:.5rem .75rem;min-width:0;display:flex}.gm-head{min-width:0;margin-right:auto}.gm-rail{display:contents}.gm-rail-timer{grid-area:timer;min-width:0}.gm-rail-timer:empty{display:none}.gm-rail .lb{grid-area:board}.gm-stage3d{width:100%;aspect-ratio:var(--ar,1);border-radius:var(--rev-radius-surface);background:radial-gradient(ellipse at 50% 30%, color-mix(in oklab, var(--gm-accent) 14%, var(--rev-surface)), var(--rev-surface-soft) 72%);box-shadow:inset 0 0 0 1px var(--rev-line);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.gm-stage-canvas{width:100%;height:100%;position:absolute;inset:0}@container gm-page (width>=960px){.gm-stage3d{aspect-ratio:auto;height:100%;min-height:0}}.gm-back{color:var(--rev-muted);font-size:var(--gm-fs-ui);align-items:center;gap:.125rem;text-decoration:none;display:inline-flex}.gm-back:hover{color:var(--rev-text)}.gm-back svg{width:1rem;height:1rem}.gm-head h1{font-size:var(--gm-fs-display-md);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.125rem 0 0;font-weight:800;line-height:1.15;display:flex}.gm-head h1 small{color:var(--rev-muted);font-size:var(--gm-fs-body);font-weight:500}.gm-levels{flex-wrap:wrap;order:3;gap:.5rem;width:100%;display:flex}.gm-level{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);background:var(--rev-surface);min-height:2.75rem;color:var(--rev-muted);font-size:var(--gm-fs-ui);text-align:left;cursor:pointer;transition:border-color var(--rev-motion-fast) var(--rev-ease-out), background-color var(--rev-motion-fast) var(--rev-ease-out);gap:.125rem;padding:.375rem .875rem;display:grid}.gm-level b{color:var(--rev-text);font-weight:700}.gm-level small{font-size:var(--gm-fs-micro)}.gm-level:hover{border-color:var(--gm-accent)}.gm-level:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.gm-level[aria-pressed=true]{border-color:var(--gm-accent);background:var(--gm-tint)}.gm-rules{position:relative}.gm-rules summary{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);background:var(--rev-surface);min-height:2.5rem;color:var(--rev-text);font-size:var(--gm-fs-ui);cursor:pointer;align-items:center;gap:.375rem;padding:0 .875rem;font-weight:600;list-style:none;display:inline-flex}.gm-rules summary::-webkit-details-marker{display:none}.gm-rules summary svg{width:1rem;height:1rem;color:var(--gm-accent)}.gm-rules summary:hover,.gm-rules[open] summary{border-color:var(--gm-accent)}.gm-rules summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.gm-rules-pop{z-index:4;border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);width:min(26rem,100vw - 2rem);box-shadow:var(--rev-shadow-floating);padding:1rem 1.125rem;position:absolute;top:calc(100% + .5rem);right:0}.gm-rules-pop h2{font-size:var(--gm-fs-title);margin:0 0 .5rem;font-weight:700}.gm-rules-pop ol{color:var(--rev-muted);font-size:var(--gm-fs-body);gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.6;display:grid}.gm-stage{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);grid-area:stage;grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-width:0;min-height:0;padding:.875rem;display:grid;position:relative}.gm-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.gm-stats div{border-radius:var(--rev-radius-control);background:var(--rev-surface-soft);gap:.125rem;padding:.5rem .625rem;display:grid}.gm-stats dt{color:var(--rev-muted);font-size:var(--gm-fs-micro)}.gm-stats dd{font-size:var(--gm-fs-title);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.gm-board-slot{min-width:0;min-height:16rem;position:relative;container:gm-board/inline-size}.gm-board-placeholder{min-height:16rem;color:var(--rev-muted);font-size:var(--gm-fs-body);place-items:center;display:grid}.gm-fit{min-width:0;display:grid;position:relative}.gm-hud{color:var(--rev-muted);font-size:var(--gm-fs-ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.gm-hud b{color:var(--rev-text);font-variant-numeric:tabular-nums}.gm-hud-tools{flex-wrap:wrap;gap:.375rem;display:flex}.gm-btn{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);background:var(--rev-surface);min-height:2.5rem;color:var(--rev-text);font-size:var(--gm-fs-ui);cursor:pointer;touch-action:manipulation;transition:transform var(--rev-motion-fast) var(--rev-ease-out), border-color var(--rev-motion-fast) var(--rev-ease-out);justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-weight:600;display:inline-flex}.gm-btn svg{width:1rem;height:1rem}.gm-btn:hover:not(:disabled){border-color:var(--gm-accent)}.gm-btn:active:not(:disabled){transform:scale(var(--rev-press-scale))}.gm-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.gm-btn:disabled{opacity:.5;cursor:not-allowed}.gm-btn[data-tone=primary]{border-color:var(--gm-accent);background:var(--gm-accent);color:var(--rev-surface)}.gm-btn[aria-pressed=true]{border-color:var(--gm-accent);background:var(--gm-tint)}.gm-result-wrap{z-index:3;border-radius:inherit;background:color-mix(in oklab, var(--rev-surface) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.gm-result{border:1px solid var(--gm-accent);border-radius:var(--rev-radius-surface);background:var(--gm-tint);text-align:center;width:min(100%,26rem);box-shadow:var(--rev-shadow-floating);animation:gm-rise var(--rev-motion-reveal) var(--rev-ease-out) both;justify-items:center;gap:.375rem;padding:1.25rem 1rem;display:grid}.gm-result-badge{border-radius:var(--rev-radius-round);background:var(--gm-accent);color:var(--rev-surface);font-size:var(--gm-fs-micro);margin:0;padding:.125rem .625rem;font-weight:700}.gm-result-score{font-size:var(--gm-fs-display-md);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.gm-result-summary{color:var(--rev-muted);font-size:var(--gm-fs-body);margin:0}.gm-result .gm-btn{margin-top:.5rem}@keyframes gm-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@container gm-page (width>=640px){.gm-stage{padding:1.25rem}}@container gm-page (width>=960px){.gm-layout{--gm-fs-micro:var(--rev-fs-ui);--gm-fs-body:var(--rev-fs-lead);--gm-fs-ui:var(--rev-fs-lead);--gm-fs-title:var(--rev-fs-stat);--gm-fs-lead:var(--rev-fs-display-sm);--gm-fs-display-sm:var(--rev-fs-display-md);--gm-fs-display-md:var(--rev-fs-display-xl);--gm-fs-display-xl:var(--rev-fs-display-2xl);--gm-fs-cell:var(--rev-fs-display-md);grid-template:"bar bar""stage rail"minmax(0,1fr)/minmax(0,1fr) 26rem;gap:1rem 1.25rem;height:clamp(38rem,100dvh - 5.5rem,62rem)}.gm-rail{flex-direction:column;grid-area:rail;gap:1rem;min-width:0;min-height:0;display:flex}.gm-rail-timer{flex:none}.gm-rail .lb{flex:1;min-height:0}.gm-levels{flex-wrap:nowrap;order:0;width:auto}.gm-level{min-height:3rem;padding:.375rem .875rem}.gm-back svg{width:1.25rem;height:1.25rem}.gm-rules summary{gap:.5rem;min-height:3rem;padding:0 1.125rem}.gm-rules summary svg{width:1.25rem;height:1.25rem}.gm-stage{gap:1rem;padding:1.25rem}.gm-stats{gap:.75rem}.gm-stats div{gap:.125rem;padding:.5rem 1rem}.gm-board-slot{min-height:0;container-type:size}.gm-board-placeholder{height:100%;min-height:0}.gm-fit{grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.gm-hud{gap:.75rem}.gm-hud-tools{gap:.625rem}.gm-btn{gap:.5rem;min-height:3rem;padding:0 1.375rem}.gm-btn svg{width:1.25rem;height:1.25rem}.gm-result{gap:.5rem;padding:1.75rem}.gm-result-badge{padding:.1875rem .875rem}.gm-result .gm-btn{margin-top:.75rem}}@container gm-page (width>=1400px){.gm-layout{grid-template-columns:minmax(0,1fr) 28rem}}@media (prefers-reduced-motion:reduce){.gm-level,.gm-btn{transition:none}.gm-btn:active:not(:disabled){transform:none}.gm-result{animation:none}}.lb{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);gap:.5rem;padding:.875rem;display:grid}.lb-head{color:var(--rev-muted);font-size:var(--gm-fs-ui);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.lb-head h2{color:var(--rev-text);font-size:var(--gm-fs-title);align-items:center;gap:.375rem;margin:0;font-weight:700;display:flex}.lb-head h2 svg{width:1.125rem;height:1.125rem;color:var(--gm-accent)}.lb-head h2 small{color:var(--rev-muted);font-size:var(--gm-fs-body);font-weight:500}.lb-list{align-content:start;margin:0;padding:0;list-style:none;display:grid}.lb-row{border-bottom:1px solid var(--rev-line);min-height:2.75rem;font-size:var(--gm-fs-body);grid-template-columns:2rem 1.75rem minmax(0,1fr) auto auto;align-items:center;gap:.625rem;padding:.25rem .5rem;display:grid}.lb-row:last-child{border-bottom:0}.lb-row[data-mine]{border-radius:var(--rev-radius-control);background:var(--gm-tint);border-bottom-color:#0000}.lb-rank{width:1.75rem;height:1.75rem;color:var(--rev-muted);font-size:var(--gm-fs-ui);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:700;display:grid}.lb-row[data-podium="1"] .lb-rank{background:var(--rank-1);color:var(--rev-surface)}.lb-row[data-podium="2"] .lb-rank{background:var(--rank-2);color:var(--rev-surface)}.lb-row[data-podium="3"] .lb-rank{background:var(--rank-3,var(--rev-award-amber));color:var(--rev-surface)}.lb-avatar{background:var(--rev-surface-soft);width:1.75rem;height:1.75rem;color:var(--rev-muted);font-size:var(--gm-fs-micro);object-fit:cover;border-radius:50%;place-items:center;display:grid}.lb-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.375rem;min-width:0;font-weight:600;display:flex;overflow:hidden}.lb-name em{border-radius:var(--rev-radius-round);background:var(--gm-accent);color:var(--rev-surface);font-size:var(--gm-fs-micro);padding:0 .375rem;font-style:normal}.lb-plays{color:var(--rev-muted);font-size:var(--gm-fs-micro);white-space:nowrap}.lb-score{font-variant-numeric:tabular-nums;white-space:nowrap}.lb-gap{color:var(--rev-muted);text-align:center;padding:.125rem 0;line-height:1}.lb-state,.lb-note{color:var(--rev-muted);font-size:var(--gm-fs-body);margin:0}.lb-state[data-tone=error]{color:var(--rev-negative)}.lb-note a{color:var(--gm-accent);text-underline-offset:.2em;font-weight:600;text-decoration:underline}@container gm-page (width<=420px){.lb-plays{display:none}.lb-row{grid-template-columns:2rem 1.75rem minmax(0,1fr) auto}}@container gm-page (width>=960px){.lb{flex-direction:column;gap:.5rem;padding:1rem;display:flex;overflow:hidden}.lb-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.lb-row{grid-template-columns:2rem 2rem minmax(0,1fr) auto auto;gap:.75rem;min-height:3rem;padding:.25rem .5rem}.lb-rank,.lb-avatar{width:2rem;height:2rem}.lb-head h2 svg{width:1.375rem;height:1.375rem}.lb-name em{padding:.0625rem .5rem}}.gm-result-rank{font-size:var(--gm-fs-body);margin:0;font-weight:600}.gm-result-rank[data-tone=error]{color:var(--rev-negative)}.gm-result-rank a{color:var(--gm-accent);text-underline-offset:.2em;text-decoration:underline}}