@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap";:root{--brand: oklch(.52 .19 264);--brand-2: oklch(.43 .17 264);--brand-ink: oklch(.98 .012 264);--brand-dim: oklch(.86 .03 264 / .72);--page: oklch(.975 .006 262);--card: oklch(.995 .0015 262);--card-2: oklch(.965 .005 262);--brd: oklch(.9 .008 262);--ink: oklch(.27 .02 264);--muted: oklch(.55 .02 264);--elev: 0 1px 2px oklch(.4 .05 264 / .06), 0 8px 22px oklch(.4 .06 264 / .09);--red: oklch(.6 .2 25);--green: oklch(.6 .15 152);--amber: oklch(.72 .15 76);--info: oklch(.55 .16 252);--info-2: oklch(.68 .12 240);--gold: oklch(.8 .16 84);--gold-2: oklch(.71 .17 66);--on-color: oklch(.99 .01 264);--side-bg: linear-gradient(176deg, var(--brand), var(--brand-2));--side-ink: var(--brand-ink);--side-dim: var(--brand-dim);--side-border: oklch(1 0 0 / .14);--side-field-bg: oklch(1 0 0 / .1);--side-field-brd: oklch(1 0 0 / .22);--side-openlb-bg: oklch(1 0 0 / .06);--side-openlb-brd: oklch(1 0 0 / .35);--side-openlb-hover: oklch(1 0 0 / .14);--r: 16px;--r-sm: 11px}[data-theme=dark]{--side-bg: var(--page);--side-ink: var(--ink);--side-dim: var(--muted);--side-border: var(--brd);--side-field-bg: var(--card-2);--side-field-brd: var(--brd);--side-openlb-bg: transparent;--side-openlb-brd: var(--brd);--side-openlb-hover: var(--card-2)}[data-theme=dark]{--brand: oklch(.47 .17 264);--brand-2: oklch(.34 .14 264);--page: oklch(.185 .022 264);--card: oklch(.245 .026 264);--card-2: oklch(.285 .03 264);--brd: oklch(.33 .03 264);--ink: oklch(.95 .008 264);--muted: oklch(.68 .02 264);--elev: 0 1px 2px oklch(0 0 0 / .4), 0 10px 26px oklch(0 0 0 / .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Rubik,system-ui,-apple-system,sans-serif;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}html,body,.gg-stage,.gg-sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.gg-stage::-webkit-scrollbar,.gg-sidebar-scroll::-webkit-scrollbar{width:0;height:0}.gg-shell{min-height:100dvh;display:flex;flex-direction:column}.gg-loading{display:grid;place-items:center;min-height:100dvh;font-size:1.4rem;color:var(--muted)}.gg-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.7rem;padding:.5rem .8rem;background:color-mix(in oklab,var(--page) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--brd)}.gg-hamburger,.gg-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink);background:var(--card);border:1px solid var(--brd);border-radius:var(--r-sm);cursor:pointer;transition:transform .12s cubic-bezier(.22,1,.36,1),background .15s,color .15s}.gg-hamburger{width:2.9rem;height:2.9rem}.gg-iconbtn{width:2.5rem;height:2.5rem}.gg-iconbtn:hover,.gg-hamburger:hover{color:var(--brand)}.gg-iconbtn:active,.gg-hamburger:active{transform:scale(.92)}.gg-topcall{flex:1;min-width:0}.gg-topbar-actions{display:flex;gap:.4rem;flex-shrink:0}.gg-hc-head{display:flex;align-items:baseline;gap:.55rem;min-width:0}.gg-hc-call{font-size:clamp(1.5rem,6.6vw,2.6rem);font-weight:900;letter-spacing:-.01em;white-space:nowrap;line-height:1}.gg-topcall .gg-hc-call{background:none;-webkit-text-fill-color:currentColor}.gg-hc-call i{font-style:normal;color:var(--muted);font-weight:600;margin:0 .08em}.gg-hc-nick{font-size:clamp(.85rem,3.2vw,1.35rem);color:var(--muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gg-hc-status{font-size:clamp(1.15rem,4.6vw,1.6rem);color:var(--muted);font-weight:600;text-transform:capitalize}.gg-hc-call.col-B{color:#156cdd}.gg-hc-call.col-I{color:#d73240}.gg-hc-call.col-N{color:var(--ink)}.gg-hc-call.col-G{color:#008c46;color:oklch(.56 .16 152)}.gg-hc-call.col-O{color:#ca7400;color:oklch(.64 .16 62)}.gg-sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(85vw,310px);z-index:60;background:var(--side-bg);color:var(--side-ink);border-right:1px solid var(--side-border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:6px 0 34px #0a152c73}.gg-shell.menu-open .gg-sidebar{transform:translate(0)}.gg-backdrop{display:none}.gg-shell.menu-open .gg-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d152880;z-index:50;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.gg-brand{padding:1.05rem 1.15rem .85rem;line-height:1;display:flex;align-items:baseline;gap:.42rem;white-space:nowrap;border-bottom:1px solid var(--side-border)}.gg-brand span{font-size:clamp(1.15rem,5.5vw,1.4rem);font-weight:800;letter-spacing:-.01em}.gg-brand strong{font-size:clamp(1.15rem,5.5vw,1.4rem);font-weight:800;color:#efbd24;letter-spacing:.01em}.gg-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.9rem 1rem 1.3rem;display:flex;flex-direction:column;gap:1.15rem}.gg-sect h2{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--side-dim);margin:0 0 .6rem}.gg-hc-control{display:flex;flex-direction:column;gap:.5rem}.gg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:3.15rem;padding:.5rem .9rem;font-family:inherit;font-size:1.02rem;font-weight:700;border:0;border-radius:var(--r-sm);cursor:pointer;color:var(--on-color);letter-spacing:.01em;box-shadow:0 1px #ffffff24 inset,0 3px 8px #0a152c38;transition:transform .12s cubic-bezier(.22,1,.36,1),filter .15s,box-shadow .15s}.gg-btn svg{flex-shrink:0}.gg-btn:hover:not(:disabled){filter:brightness(1.07)}.gg-btn:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 1px 4px #0a152c40}.gg-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.gg-btn.danger{background:var(--red)}.gg-btn.success{background:var(--green)}.gg-btn.warn{background:var(--amber);color:#2d1b00}.gg-btn.info{background:var(--info)}.gg-btn.infolite{background:var(--info-2)}.gg-btn.draw{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#301900;color:oklch(.24 .06 66);min-height:3.7rem;font-size:1.2rem;font-weight:800}.gg-btn.draw svg{width:24px;height:24px}.gg-openlb{margin-top:.7rem;width:100%;min-height:2.9rem;padding:.4rem;font-family:inherit;font-weight:600;font-size:.98rem;border:1.5px solid var(--side-openlb-brd);background:var(--side-openlb-bg);color:var(--side-ink);border-radius:var(--r-sm);cursor:pointer;transition:background .15s,border-color .15s}.gg-openlb:hover{background:var(--side-openlb-hover);border-color:var(--side-ink)}.gg-hc-options{display:flex;flex-direction:column;gap:.6rem}.gg-hc-options label{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--side-dim)}.gg-hc-options select{min-height:2.7rem;padding:.4rem .6rem;border-radius:var(--r-sm);border:1px solid var(--side-field-brd);background:var(--side-field-bg);color:var(--side-ink);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer}.gg-hc-options select option{color:#16181d;background:#fff}[data-theme=dark] .gg-hc-options select option{color:#ebeff5;background:#1a1f29}.gg-stage{flex:1;min-width:0;padding:.85rem}.gg-hc-main,.gg-hc-cards{display:flex;flex-direction:column;gap:.85rem}.gg-hc-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:.95rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--elev);overflow:hidden}.gg-hc-card-t{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--brand);text-align:center}.gg-hc-pat{align-self:center}.gg-hc-pat-head{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:3px}.gg-hc-pat-head span{text-align:center;font-weight:800;font-size:.85rem;color:var(--muted)}.gg-hc-pat-grid{display:grid;grid-template-columns:repeat(5,minmax(1.5rem,2.1rem));gap:3px}.gg-hc-pat-grid .gg-hc-pat-cell{aspect-ratio:1.2;border:1px solid var(--brd);border-radius:3px;background:var(--card-2)}.gg-hc-pat-cell.on{background:var(--brand);border-color:var(--brand)}.gg-hc-jackpot{text-align:center;font-size:.92rem;color:var(--muted);margin-top:auto}.gg-hc-jackpot b{color:var(--ink)}.gg-hc-balldisp{align-items:stretch}.gg-hc-meta{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.92rem;color:var(--muted);flex-shrink:0}.gg-hc-meta b{color:var(--ink);font-weight:800}.gg-hc-timer{font-weight:900;font-size:clamp(1.15rem,3.4vw,1.6rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.4ch;text-align:center;transition:color .2s}.gg-hc-timer.warn{color:var(--amber)}.gg-hc-timer.danger{color:var(--red);animation:gg-timer-pulse 1s ease-in-out infinite}@keyframes gg-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.gg-hc-timer.danger{animation:none}}.gg-hc-ballwrap{flex:1;min-height:0;width:100%;display:grid;place-items:center;padding:.2rem 0}.gg-hc-ballpop{display:grid;place-items:center;width:100%;height:100%;animation:gg-pop .36s cubic-bezier(.22,1,.36,1)}@keyframes gg-pop{0%{transform:scale(.68);opacity:0}to{transform:scale(1);opacity:1}}.gg-hc-ball{width:min(43vw,26vh);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.88;box-shadow:inset .3rem .3rem 1.1rem #fff6,inset -.2rem -.3rem 1.3rem #0a152c66,0 .6rem 1.5rem #0a152c52}.gg-hc-ball.empty{background:var(--card-2);color:var(--muted);font-size:6vh;box-shadow:none;border:2px dashed var(--brd)}.gg-hc-ball-l{font-size:min(9vw,5.5vh);font-weight:800;opacity:.94}.gg-hc-ball-n{font-size:min(14vw,8.5vh);font-weight:900}.gg-hc-recent{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;min-height:3rem}.gg-hc-recent-none{color:var(--muted);font-size:.78rem;font-style:italic}.gg-mini{width:clamp(3.1rem,15.5vw,4.1rem);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.86;box-shadow:inset .12rem .12rem .45rem #fff6,inset -.08rem -.12rem .5rem #0a152c61,0 .25rem .6rem #0a152c4d}.gg-mini b{font-size:clamp(.74rem,3.1vw,.98rem);font-weight:800;opacity:.95}.gg-mini span{font-size:clamp(1rem,4.2vw,1.35rem);font-weight:900}.gg-hc-pat{display:none}.gg-phone-draw{display:inline-flex;margin:.3rem 0}.gg-hc-actions{display:flex;flex-direction:column;gap:.5rem}.gg-hc-actions-sep{height:1px;background:var(--brd);margin:.15rem 0}.gg-hc-soundboard{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.gg-hc-clip{min-height:2.5rem;border:0;border-radius:9px;background:var(--info);color:var(--on-color);font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .1s cubic-bezier(.22,1,.36,1),background .2s,filter .15s}.gg-hc-clip:hover{filter:brightness(1.1)}.gg-hc-clip:active{transform:scale(.93)}.gg-hc-clip.playing{background:var(--green);box-shadow:0 0 0 2px color-mix(in oklab,var(--green) 55%,transparent)}.gg-hc-sound{overflow:visible}.gg-hc-music{display:flex;align-items:center;gap:.35rem}.gg-hc-search{position:relative;flex:1;min-width:0}.gg-hc-input{width:100%;min-width:0;min-height:2.5rem;padding:.4rem .6rem;border-radius:9px;border:1px solid var(--brd);background:var(--card-2);color:var(--ink);font-family:inherit}.gg-hc-input.warn{background:#fbe48d;color:#3a2f00;font-weight:800;text-align:center}.gg-hc-input.danger{background:#ff645f;color:#fff;font-weight:800;text-align:center}.gg-hc-suggest{position:absolute;bottom:calc(100% + 4px);left:0;right:0;z-index:40;margin:0;padding:4px;list-style:none;max-height:240px;overflow-y:auto;background:var(--card);border:1px solid var(--brd);border-radius:10px;box-shadow:var(--elev)}.gg-hc-suggest li{padding:.42rem .55rem;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-hc-suggest li:hover{background:var(--brand);color:var(--brand-ink)}.gg-hc-vol{min-height:2.5rem;min-width:2.5rem;border:0;background:var(--brand);color:var(--brand-ink);border-radius:8px;cursor:pointer;font-size:1rem;flex-shrink:0}.gg-hc-vol:hover{filter:brightness(1.1)}.gg-hc-djbtn{min-height:2.5rem;padding:0 .75rem;flex-shrink:0;border:0;border-radius:8px;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--on-color);cursor:pointer;transition:filter .15s}.gg-hc-djbtn:hover:not(:disabled){filter:brightness(1.08)}.gg-hc-djbtn.empty{background:var(--card-2);color:var(--muted);border:1px solid var(--brd);cursor:not-allowed}.gg-hc-djbtn.ready{background:var(--green)}.gg-hc-djbtn.playing,.gg-hc-djbtn.paused{background:var(--red)}.gg-hc-djbtn.pause{background:var(--info)}.gg-hc-djbtn.clear{background:var(--card-2);color:var(--ink);border:1px solid var(--brd);min-width:2.5rem;padding:0 .5rem;font-size:1.2rem;line-height:1}.gg-hc-djbtn.clear:hover{background:var(--red);color:#fff;border-color:transparent;filter:none}.gg-hc-board{display:flex;flex-direction:column;gap:4px}.gg-hc-brow{display:grid;grid-template-columns:1.8rem repeat(15,1fr);gap:3px}.gg-hc-bletter{display:grid;place-items:center;color:var(--on-color);font-weight:900;border-radius:8px;font-size:clamp(.8rem,3vw,1.6rem)}.gg-hc-bcell{display:grid;place-items:center;min-height:2.1rem;border-radius:8px;background:var(--card);border:1px solid var(--brd);color:var(--muted);font-size:clamp(.62rem,2.1vw,1.3rem);font-weight:600;transition:background .2s,color .2s}.gg-hc-bcell.called{color:var(--on-color);font-weight:800;background:var(--red);border-color:transparent;box-shadow:0 2px 6px #b3222859}.col-B{background:radial-gradient(circle at 30% 26%,#5b95ff,#123bd6);color:#fff}.col-I{background:radial-gradient(circle at 30% 26%,#ff6a6f,#b31018);color:#fff}.col-N{background:radial-gradient(circle at 30% 26%,#fff,#c8ccd6);color:#16181d}.col-G{background:radial-gradient(circle at 30% 26%,#37dd85,#067a3f);color:#fff}.col-O{background:radial-gradient(circle at 30% 26%,#ffb552,#b8620d);color:#241503}.gg-hc-bletter.col-N{color:#16181d}@media (min-width: 641px){.gg-hc-pat{display:block}.gg-phone-draw{display:none}.gg-hc-cards{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:.9rem;align-items:stretch}.gg-hc-balldisp{grid-column:auto}.gg-hc-sound{grid-column:1 / -1}.gg-hc-soundboard{grid-template-columns:repeat(10,1fr)}.gg-hc-ball{width:min(22vw,26vh)}.gg-hc-ball-l{font-size:min(4.1vw,4.8vh)}.gg-hc-ball-n{font-size:min(6.2vw,7.1vh)}.gg-hc-brow{grid-template-columns:1.5rem repeat(15,1fr);gap:2px}.gg-hc-bcell{min-height:1.55rem;font-size:clamp(.6rem,1.7vw,1rem);border-radius:6px}.gg-hc-bletter{font-size:clamp(.72rem,2vw,1.15rem);border-radius:6px}}@media (min-width: 1024px){.gg-shell{height:100dvh;overflow:hidden;display:grid;grid-template-columns:clamp(220px,17vw,290px) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.gg-topbar{grid-area:topbar;position:static;padding:.7rem 1.4rem}.gg-hc-call{font-size:clamp(2rem,2.9vw,2.9rem)}.gg-hc-nick{font-size:clamp(1.1rem,1.5vw,1.5rem)}.gg-hc-status{font-size:clamp(1.4rem,1.8vw,1.7rem)}.gg-hamburger{display:none}.gg-backdrop{display:none!important}.gg-sidebar{grid-area:sidebar;position:static;transform:none;height:100%;width:auto;z-index:auto;box-shadow:none}.gg-stage{grid-area:main;height:100%;min-height:0;overflow:hidden;padding:1.1rem 1.4rem}.gg-main-wrap{height:100%;min-height:0;display:flex}.gg-hc-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem}.gg-hc-cards{flex:1.1;min-height:0;display:grid;grid-template-columns:1fr 1.35fr .8fr 1.32fr;gap:1rem}.gg-hc-card{height:100%;min-height:0;padding:1rem}.gg-hc-balldisp,.gg-hc-sound{grid-column:auto;min-height:0}.gg-hc-pat-grid{grid-template-columns:repeat(5,minmax(0,2.2rem))}.gg-hc-ballwrap{container-type:size}.gg-hc-ball{width:min(72cqw,70cqh);container-type:size}.gg-hc-ball.empty{font-size:24cqh}.gg-hc-ball-l{font-size:30cqh}.gg-hc-ball-n{font-size:42cqh}.gg-hc-recent{min-height:0}.gg-mini{width:clamp(3.2rem,4.6vw,4.3rem)}.gg-mini b{font-size:clamp(.85rem,1.3vw,1.05rem)}.gg-mini span{font-size:clamp(1.15rem,1.7vw,1.45rem)}.gg-hc-actions{flex:1;justify-content:center}.gg-hc-soundboard{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(0,1fr);flex:1;min-height:0}.gg-hc-clip{min-height:0}.gg-hc-board{flex:1;min-height:0;gap:.4vw}.gg-hc-brow{flex:1;grid-template-columns:2.4rem repeat(15,1fr);gap:.4vw;min-height:0}.gg-hc-bletter{font-size:clamp(.9rem,2.3vh,1.7rem)}.gg-hc-bcell{min-height:0;font-size:clamp(.7rem,1.7vh,1.3rem)}}@media (prefers-reduced-motion: reduce){.gg-hc-ballpop{animation:none}*{transition-duration:.01ms!important}}