.gg{--bg:#150826;--surface:#251047;--ink:#f3edff;--muted:#a493c4;--muted-strong:#d4c8ef;--hairline:rgba(255, 255, 255, 0.1);--segment-track:#1c0d38;--shadow-card:0 16px 54px rgba(0, 0, 0, 0.55);--danger-text:#ff8080;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(14px,2.5vh)14px;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}.gg-card{width:min(94vw,82vh,820px);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:clamp(14px,2.4vw,22px);display:flex;flex-direction:column;gap:clamp(12px,2vh,18px)}.gg-title{margin:0;text-align:center;font-family:var(--font-serif);font-size:var(--fs-app-title);font-weight:600;letter-spacing:.2px}.gg-input{width:100%;box-sizing:border-box;padding:12px 14px;font-size:var(--fs-editor);font-family:var(--font-sans);color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-input)}.gg-input:focus{outline:none;border-color:var(--accent)}.gg-error{margin:0;font-size:15px;color:var(--danger-text)}.gg-btn{padding:12px 16px;font-size:var(--fs-editor);font-family:var(--font-sans);font-weight:600;border:none;border-radius:var(--radius-input);cursor:pointer}.gg-btn--primary{background:var(--accent);color:var(--accent-contrast);transition:transform 120ms cubic-bezier(.34,1.56,.64,1),filter 120ms ease}.gg-btn--primary:hover{transform:translateY(-2px)scale(1.03);filter:brightness(1.1)}.gg-btn--primary:active{transform:translateY(1px)scale(.97)}.gg-btn--primary:disabled{opacity:.6;cursor:default}.gg-play{display:flex;flex-direction:column;gap:14px}.gg-hud{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-label);color:var(--muted-strong);font-variant-numeric:tabular-nums}.gg-hud__stat{font-weight:600;flex:1}.gg-hud__stat:last-child{text-align:right}.gg-hud__center{display:flex;flex-direction:column;align-items:center;flex:none}.gg-hud__score{animation:gg-score-kick 260ms cubic-bezier(.34,1.56,.64,1);font-family:var(--font-serif);font-size:26px;font-weight:600;line-height:1.1;color:var(--ink)}@keyframes gg-score-kick{from{transform:scale(1.18);color:#fff}to{transform:scale(1)}}.gg-timerbar{height:6px;border-radius:999px;background:var(--segment-track);overflow:hidden}.gg-timerbar__fill{height:100%;border-radius:999px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.22) 0 8px,rgba(255,255,255,0) 8px 16px),var(--accent);background-size:32px 100%,100% 100%;box-shadow:0 0 12px color-mix(in oklab,var(--accent) 70%,transparent);transition:width 120ms linear,background-color 300ms ease;animation:gg-stripes 700ms linear infinite}@keyframes gg-stripes{to{background-position:-32px 0,0 0}}.gg-timerbar__fill--low{background:repeating-linear-gradient(115deg,rgba(255,255,255,.22) 0 8px,rgba(255,255,255,0) 8px 16px),var(--danger-text);background-size:32px 100%,100% 100%;animation:gg-stripes 320ms linear infinite,gg-low-flash 420ms ease-in-out infinite alternate}@keyframes gg-low-flash{from{box-shadow:0 0 8px var(--danger-text)}to{box-shadow:0 0 22px var(--danger-text)}}.gg-hud__combo{min-height:1.1em;font-size:var(--fs-label);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 12px currentColor;animation:gg-combo 320ms cubic-bezier(.34,1.56,.64,1)}.gg-hud__combo--off{animation:none}@keyframes gg-combo{from{transform:scale(.4)rotate(-8deg);opacity:0}60%{transform:scale(1.35)rotate(3deg);opacity:1}to{transform:scale(1)}}.gg-board{position:relative;width:100%;aspect-ratio:1/1;background:var(--segment-track);border-radius:var(--radius-image);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.gg-gem{position:absolute;left:0;top:0;cursor:pointer;--gem-shape:inset(6% round 30%);transition:transform 190ms cubic-bezier(.3,0,.2,1),opacity 150ms ease;animation:gg-enter 190ms cubic-bezier(.3,0,.2,1)}.gg-gem::before,.gg-gem::after{transition:transform 110ms cubic-bezier(.34,1.56,.64,1),filter 110ms ease}.gg-gem::before,.gg-gem::after{content:"";position:absolute;inset:8%;clip-path:var(--gem-shape);pointer-events:none}.gg-gem::before{background:var(--gem-glyph,none)50%/60% no-repeat,radial-gradient(72% 62% at 50% 26%,var(--gem-hi) 0%,var(--gem) 54%,var(--gem-lo) 100%)}.gg-gem::after{background:radial-gradient(46% 26% at 50% 15%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}.gg-gem--sel{z-index:2;filter:brightness(1.3)drop-shadow(0 0 6px rgba(255,255,255,.45))}.gg-gem--sel::before,.gg-gem--sel::after{animation:gg-sel-pulse 520ms ease-in-out infinite alternate}@keyframes gg-sel-pulse{from{transform:scale(.82)}to{transform:scale(.9)}}.gg-gem--pop{z-index:3;transition:none}.gg-gem--pop::before,.gg-gem--pop::after{animation:gg-pop 270ms cubic-bezier(.2,.9,.3,1)forwards}.gg-board .gg-gem--pop::after{clip-path:none;background:0 0;border-radius:50%;animation:gg-shock 270ms ease-out forwards}@keyframes gg-pop{0%{transform:scale(1)rotate(0);filter:brightness(1);opacity:1}18%{transform:scale(1.28);filter:brightness(4.5)saturate(2.2);opacity:1}45%{transform:scale(1.1)rotate(-8deg);filter:brightness(2.4)saturate(1.6)}100%{transform:scale(.2)rotate(30deg);filter:brightness(2)blur(3px);opacity:0}}@keyframes gg-shock{0%{box-shadow:0 0 rgba(255,255,255,.85);opacity:1}100%{box-shadow:0 0 0 26px rgba(255,255,255,0);opacity:0}}.gg-gem--line{filter:brightness(1.12)drop-shadow(0 0 5px rgba(255,255,255,.95))}.gg-gem--line::after{background:repeating-linear-gradient( -45deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.95) 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 3px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) 11px )}.gg-gem--bomb{filter:brightness(1.12)drop-shadow(0 0 6px rgba(255,255,255,.95))}.gg-gem--bomb::after{background:radial-gradient( circle at 50% 45%,#ffffff 0,#ffffff 11%,rgba(255,255,255,.45) 17%,rgba(255,255,255,0) 30% )}@keyframes gg-enter{from{translate:0 -130%;opacity:0}55%{opacity:1}88%{translate:0 0;filter:brightness(1)}94%{filter:brightness(1.45)}to{translate:0 0;filter:brightness(1);opacity:1}}.gem-0{--gem:oklch(0.64 0.15 152);--gem-hi:oklch(0.8 0.14 158);--gem-lo:oklch(0.5 0.13 146);--gem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='black' opacity='.72'/%3E%3C/svg%3E")}.gem-1{--gem:oklch(0.7 0.14 305);--gem-hi:oklch(0.84 0.1 308);--gem-lo:oklch(0.56 0.15 300);--gem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5 L20.5 19 L3.5 19 Z' fill='black' opacity='.72'/%3E%3C/svg%3E")}.gem-2{--gem:oklch(0.83 0.15 98);--gem-hi:oklch(0.93 0.1 105);--gem-lo:oklch(0.7 0.15 92);--gem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 L21 12 L12 21 L3 12 Z' fill='black' opacity='.72'/%3E%3C/svg%3E")}.gem-3{--gem:oklch(0.6 0.21 22);--gem-hi:oklch(0.78 0.16 28);--gem-lo:oklch(0.45 0.17 18);--gem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='3.4' opacity='.75'/%3E%3C/svg%3E")}.gem-4{--gem:oklch(0.6 0.16 262);--gem-hi:oklch(0.76 0.13 268);--gem-lo:oklch(0.46 0.15 258);--gem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='9' width='19' height='6' rx='3' fill='black' opacity='.72'/%3E%3C/svg%3E")}.gg-over{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}.gg-over__title{margin:0;font-size:var(--fs-label);letter-spacing:var(--ls-section);text-transform:uppercase;color:var(--muted)}.gg-over__score{margin:0;font-family:var(--font-serif);font-size:44px;font-weight:600;font-variant-numeric:tabular-nums}.gg-modal__scrim{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6)}.gg-modal{position:relative;box-sizing:border-box;width:min(92vw,340px);display:flex;flex-direction:column;gap:12px;padding:24px 22px 22px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.gg-modal__x{position:absolute;top:8px;right:10px;width:32px;height:32px;padding:0;font-size:22px;line-height:1;color:var(--muted-strong);background:0 0;border:none;border-radius:var(--radius-input);cursor:pointer}.gg-modal__x:hover{color:var(--ink)}.gg-modal__label{margin:0;font-size:18px;color:var(--muted-strong)}