.gk-btn,.gk-chip,.gk-round{--gk-ink: var(--ink);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin:0;color:var(--gk-ink);font:650 calc(14px * var(--text-scale, 1)) / 1.15 system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .08s,box-shadow .15s,background-color .15s,border-color .15s}.gk-btn:focus-visible,.gk-chip:focus-visible,.gk-round:focus-visible{outline:2px solid #ffd888;outline-offset:2px}.gk-btn:disabled,.gk-chip:disabled,.gk-round:disabled{opacity:.5;cursor:default}.gk-btn{padding:0 16px;border-radius:999px;border:none;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff38}@media (hover: hover){.gk-btn:hover:not(:disabled){background:#ffffff21}}.gk-btn:active:not(:disabled),.gk-btn.is-down:not(:disabled){transform:translateY(2px) scale(.98);background:#ffffff2e}.gk-btn--primary{min-height:48px;padding:0 20px;--gk-ink: #04121f;font-weight:750;background:linear-gradient(135deg,color-mix(in srgb,var(--gk-accent, #35a8ff) 55%,#fff),var(--gk-accent, #35a8ff));box-shadow:0 0 0 1px color-mix(in srgb,var(--gk-accent, #35a8ff) 60%,#fff),0 0 24px -8px var(--gk-accent, #35a8ff),inset 0 -3px #00000038}@media (hover: hover){.gk-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--gk-accent, #35a8ff) 40%,#fff),color-mix(in srgb,var(--gk-accent, #35a8ff) 88%,#fff))}}.gk-btn--primary:active:not(:disabled),.gk-btn--primary.is-down:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--gk-accent, #35a8ff) 70%,#fff),var(--gk-accent, #35a8ff));box-shadow:0 0 0 1px color-mix(in srgb,var(--gk-accent, #35a8ff) 60%,#fff),inset 0 2px #00000038}.gk-btn--coin{min-height:48px;padding:0 20px;--gk-ink: #1a1200;font-weight:750;background:linear-gradient(135deg,#ffe08a,#ffb347);box-shadow:0 0 0 1px #ffd08a99,0 0 24px -6px #ffbe50cc,inset 0 -3px #7846004d}@media (hover: hover){.gk-btn--coin:hover:not(:disabled){background:linear-gradient(135deg,#ffe9a8,#ffbd5c)}}.gk-btn--coin:active:not(:disabled),.gk-btn--coin.is-down:not(:disabled){background:linear-gradient(135deg,#ffd978,#f5a534);box-shadow:0 0 0 1px #ffd08a99,inset 0 2px #7846004d}.gk-chip{padding:0 14px;border-radius:12px;border:1px solid rgb(255 255 255 / .16);background:#0c111db8;font-weight:600;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2)}@media (hover: hover){.gk-chip:hover:not(:disabled){border-color:#ffffff52;color:var(--ink)}}.gk-chip:active:not(:disabled),.gk-chip.is-down:not(:disabled){transform:translateY(1px) scale(.98)}.gk-chip[aria-pressed=true],.gk-chip[aria-checked=true],.gk-chip.is-on{color:var(--ink);border-color:var(--gk-accent, #35a8ff);background:color-mix(in srgb,var(--gk-accent, #35a8ff) 22%,rgb(12 17 29 / .9));box-shadow:0 0 14px -6px var(--gk-accent, #35a8ff)}.gk-round{flex:none;width:64px;height:64px;padding:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--gk-accent, #35a8ff) 70%,#fff);background:radial-gradient(circle at 35% 28%,#fff3,#0c111dd1 62%);box-shadow:0 0 18px -6px var(--gk-accent, #35a8ff),inset 0 -4px #00000059;font-size:calc(13px * var(--text-scale, 1));font-weight:750;line-height:1.05;text-align:center;white-space:normal;touch-action:none;-webkit-touch-callout:none}.gk-round--lg{width:84px;height:84px;font-size:calc(15px * var(--text-scale, 1))}.gk-round:active:not(:disabled),.gk-round.is-down:not(:disabled),.gk-round[aria-pressed=true]{transform:translateY(3px) scale(.96);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--gk-accent, #35a8ff) 60%,#fff),color-mix(in srgb,var(--gk-accent, #35a8ff) 55%,rgb(12 17 29)) 70%);box-shadow:0 0 26px -4px var(--gk-accent, #35a8ff),inset 0 2px #00000059;--gk-ink: #04121f}.gk-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0}.gk-row--spread{justify-content:space-between;width:100%}.gk-dpad{display:grid;grid-template:repeat(3,52px) / repeat(3,52px);gap:8px;flex:none;pointer-events:none}.gk-dpad[data-dirs="2"]{grid-template:52px / 64px 64px}.gk-dpad .gk-round{width:100%;height:100%;border-radius:14px;font-size:20px}.gk-dpad:not([data-dirs]) [data-dir=up]{grid-row:1;grid-column:2}.gk-dpad:not([data-dirs]) [data-dir=left]{grid-row:2;grid-column:1}.gk-dpad:not([data-dirs]) [data-dir=right]{grid-row:2;grid-column:3}.gk-dpad:not([data-dirs]) [data-dir=down]{grid-row:3;grid-column:2}.gf{--gf-top: 52px;--gf-bottom: 0px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0}.gf-top{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:4px 8px}.gf-top-left,.gf-top-right{display:flex;flex:none;align-items:center;gap:8px}.gf-label{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--ink-2);font:600 calc(13px * var(--text-scale, 1)) / 1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums}.gf-board{grid-column:1 / -1;grid-row:2;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;overflow:hidden}.gf-bottom{grid-column:1 / -1;grid-row:3;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px}.gf-bottom:empty{display:none}.gf-touch{grid-row:3;display:flex;align-items:center;gap:12px;min-width:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.gf-touch{position:relative}.gf-touch.is-moved,.gf-touch.is-unlocked{z-index:4}.gf-move{position:absolute;left:4px;top:0;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:none;background:none;color:#e6ecff80;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gf-touch:not(:has(>.gk-dpad:not([data-dirs])))>.gf-move{top:-44px}.gf-move svg{width:26px;height:26px;padding:5px;border-radius:50%;background:#0c0e1ab8;border:1px solid rgb(255 255 255 / .18);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}.gf-move[aria-pressed=true]{color:#0b1020}.gf-move[aria-pressed=true] svg{background:var(--gk-accent, #5ef2ff);border-color:transparent}.gf-touch.is-unlocked{outline:2px dashed var(--gk-accent, #5ef2ff);outline-offset:-2px;border-radius:16px;background:#0c0e1a8c}.gf-move-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:16px;cursor:grab;touch-action:none}.gf-touch--left{grid-column:1;justify-self:start}.gf-touch--right{grid-column:2;justify-self:end}.gf-touch.is-single{grid-column:1 / -1}.gf-touch.is-single.is-center{justify-self:center}.gf-touch.is-single.is-left{justify-self:start}@media (orientation: landscape) and (max-height: 900px){.gf:has(>.gf-touch){grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}.gf:has(>.gf-touch)>.gf-top,.gf:has(>.gf-touch)>.gf-board{grid-column:2}.gf-touch{grid-row:1 / span 2;align-self:center;flex-direction:column;padding:8px}.gf-touch--left,.gf-touch.is-single.is-left{grid-column:1;padding-left:calc(8px + env(safe-area-inset-left,0px))}.gf-touch--right,.gf-touch.is-single.is-center,.gf-touch.is-single.is-right{grid-column:3;justify-self:end;padding-right:calc(8px + env(safe-area-inset-right,0px))}}.room-screen .arc-screen:has(>.gf){container:gf-room / size}@media (min-width: 700px) and (max-aspect-ratio: 159 / 100),(min-width: 1320px){.room-screen:has(>.gf-wide>.gf>.gf-touch){--gf-wide-w: max(100%, min( calc(100vw - 40px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) , 1100px, var(--gf-wide, 128%)))}.room-screen>.gf-wide:has(>.gf>.gf-touch){position:absolute;top:0;left:calc((100% - var(--gf-wide-w)) / 2);width:var(--gf-wide-w);height:100%;box-shadow:0 0 0 1px rgb(var(--gf-wide-line, 255 255 255) / .45),0 0 40px -14px rgb(var(--gf-wide-line, 255 255 255) / .7)}.room-screen:has(>.gf-wide>.gf>.gf-touch):after{left:calc((100% - var(--gf-wide-w)) / 2);right:calc((100% - var(--gf-wide-w)) / 2)}}@container gf-room (min-aspect-ratio: 6 / 5) and (min-width: 480px){.gf:has(>.gf-touch){grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}.gf:has(>.gf-touch)>.gf-top,.gf:has(>.gf-touch)>.gf-board{grid-column:2}.gf-touch{grid-row:1 / span 2;align-self:center;flex-direction:column;padding:8px}.gf-touch--left,.gf-touch.is-single.is-left{grid-column:1}.gf-touch--right,.gf-touch.is-single.is-center,.gf-touch.is-single.is-right{grid-column:3;justify-self:end}}@container gf-room (max-width: 479.98px){.gf:has(>.gf-touch){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.gf:has(>.gf-touch)>.gf-top,.gf:has(>.gf-touch)>.gf-board{grid-column:1}.gf-touch{position:absolute;top:calc(100% + 16px);padding:0}.gf-touch--left,.gf-touch.is-single.is-left{left:0}.gf-touch--right,.gf-touch.is-single.is-right{right:0}.gf-touch.is-single.is-center{left:50%;transform:translate(-50%)}@media (orientation: portrait){.gf .gf-touch:not(:has(>.gk-dpad:not([data-dirs])))>.gf-move{top:calc(100% + 4px)}.gf .gf-touch.gf-touch--left:not(:has(>.gk-dpad:not([data-dirs])))>.gf-move{top:auto;bottom:0;left:calc(100% + 4px)}}@media (orientation: landscape){.gf-touch{top:50%;transform:translateY(-50%);flex-direction:column}.gf-touch--left,.gf-touch.is-single.is-left{left:auto;right:calc(100% + 12px)}.gf-touch--right,.gf-touch.is-single.is-center,.gf-touch.is-single.is-right{left:calc(100% + 12px);right:auto;transform:translateY(-50%)}}}.gf .ctl-help-btn,.gf .ctl-leave-btn,.gf .ctl-credit{position:relative;top:auto;left:auto;right:auto;flex:none;opacity:1}.gf .ctl-help-btn{width:44px;height:44px;font-size:calc(17px * var(--text-scale, 1))}.gf .ctl-help-btn.is-touch:after{content:none}.gf .ctl-leave-btn{height:44px;min-width:44px;padding:0 14px;border-radius:999px;font-size:calc(13px * var(--text-scale, 1))}.gf .ctl-strip{position:static;transform:none;margin:6px 0 8px}.gk-round--wide{width:max(84px,var(--gk-w, 112px));height:max(64px,var(--gk-h, 72px));border-radius:22px}.gk-ctl-corner>.ctl-help-btn,.gk-ctl-corner>.ctl-leave-btn,.gk-ctl-corner>.ctl-credit{top:8px;opacity:1}.gk-ctl-corner>.ctl-help-btn{left:8px;width:44px;height:44px;font-size:calc(17px * var(--text-scale, 1))}.gk-ctl-corner>.ctl-leave-btn{left:60px;height:44px;min-width:44px;padding:0 14px;border-radius:999px;font-size:calc(13px * var(--text-scale, 1))}.gk-ctl-corner>.ctl-credit{top:17px;left:134px}.gk-ctl-corner>.ctl-help-btn.is-touch:after,.gk-ctl-corner>.ctl-leave-btn.is-touch:after{content:none}.arc-cabinet:has(>.gk-end-actions){display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:12px;padding:8px 12px 38px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}.arc-cabinet:has(>.gk-end-actions)>.arc-screen{flex:0 1 auto;height:auto;min-height:min(220px,60%);max-height:none;padding-block:20px}.gk-end-actions{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:min(560px,100%);pointer-events:auto}.gk-end-actions>*{flex:0 1 auto}.gk-end-actions>.gk-end-signin{flex:1 0 100%;max-width:none;margin:0;padding:4px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gk-end-actions .gk-end-games,.gk-end-start{min-height:48px}.gk-end-start kbd{margin-left:8px}@media (pointer: coarse){.gk-end-start kbd{display:none}}.room-screen>.room-screen-start{position:absolute;left:50%;bottom:10px;z-index:2;transform:translate(-50%);background-color:#0c0a18eb;white-space:nowrap}.arc-cabinet:has(>.gk-end-actions)>.arc-screen--idle,.room-screen>.arc-screen--idle{cursor:pointer}.gk-end{text-align:center}.gk-end-own{margin-top:6px}:root{--gk-edge: 8px}.gk-ctl-corner,.gf{--gk-keys-w: var(--gk-edge);--gk-keys-r: calc(var(--gk-edge) + 96px)}.ctl-leave-btn{min-width:0}.gk-ctl-corner>.ctl-help-btn,.gk-ctl-corner>.ctl-leave-btn{top:var(--gk-edge);width:44px;height:44px}.gk-ctl-corner>.ctl-leave-btn{left:auto;right:var(--gk-edge);padding:0;border-radius:50%}.gk-ctl-corner>.ctl-help-btn{left:auto;right:calc(var(--gk-edge) + 52px)}.gk-ctl-corner>.ctl-credit{top:auto;bottom:0;left:50%;z-index:7;transform:translate(-50%,50%)}.gf .gf-top{padding:var(--gk-edge) var(--gk-edge) 0}.gf .gf-top-left{display:contents}.gf .ctl-leave-btn{order:3;width:44px;padding:0;border-radius:50%}.gf .gf-label{order:0}.gf .gf-top-right{order:1}.gf .ctl-help-btn{order:2}.gf .ctl-credit{position:absolute;top:auto;bottom:0;left:50%;z-index:7;transform:translate(-50%,50%)}@media (max-width: 640px),(max-height: 520px) and (orientation: landscape){.gk-ctl-corner>.ctl-credit{top:calc(var(--gk-edge) + 11px);bottom:auto;transform:translate(-50%)}.gf .ctl-credit{position:relative;bottom:auto;left:auto;order:1;transform:none}}.arc-party .gf .ctl-credit,.arc-reaction .gf .ctl-credit,.gf:has(.whack-play) .ctl-credit{position:relative;bottom:auto;left:auto;order:1;transform:none}.edu-line{display:block;margin:0;font-size:calc(12px * var(--text-scale, 1));line-height:1.4;color:var(--ink-3, rgb(255 255 255 / .5))}.edu-line a{position:relative;color:inherit;text-decoration:underline;text-underline-offset:2px}.edu-line a:before,.edu-banner p a:before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) min(0px,calc((100% - 44px)/2))}.edu-banner p a{position:relative}.edu-banner{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-size:calc(12.5px * var(--text-scale, 1));line-height:1.4;color:#e9ecf4;background:#0e0c18f5;border-top:1px solid rgb(255 255 255 / .14);box-shadow:0 -12px 34px -16px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edu-banner p{margin:0;min-width:0;max-width:62ch}.edu-banner a{color:#9fd0ff}.edu-banner-ok{flex:none}html.has-edu-bar body{padding-bottom:var(--edu-h, 0px)}html.has-edu-bar :is(.rush-ui,.counter-ui){bottom:var(--edu-h, 0px)}html.has-edu-bar .flat{bottom:var(--edu-h, 0px)}.edu-banner.is-room{left:12px;right:auto;bottom:auto;max-width:min(420px,calc(100vw - 24px));padding:10px 10px 10px 14px;border:1px solid rgb(255 255 255 / .14);border-radius:14px;box-shadow:0 12px 34px -12px #000c}@media (hover: hover){.edu-line a:hover{color:#fff}}.age-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#04030ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.age-card{width:100%;max-width:440px;display:grid;gap:12px;max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:20px max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-radius:18px 18px 0 0;background:#14111f;border:1px solid rgb(255 255 255 / .12);color:#f1eefb;box-shadow:0 -10px 40px #00000080}.age-card form{display:grid;gap:12px}.age-title{margin:0;font:700 calc(20px * var(--text-scale, 1))/1.25 system-ui,sans-serif}.age-text{margin:0;font-size:calc(15px * var(--text-scale, 1));line-height:1.45;color:#c3bdd6}.age-field{display:grid;gap:6px;font-size:calc(13px * var(--text-scale, 1));color:#c3bdd6}.age-field select{height:48px;padding:0 12px;border-radius:12px;border:1px solid rgb(255 255 255 / .18);background:#1d1930;color:#f1eefb;font-size:calc(16px * var(--text-scale, 1))}.age-row{display:flex;flex-wrap:wrap;gap:10px}.age-go,.age-back{min-height:48px;padding:0 20px;border-radius:12px;font:700 calc(16px * var(--text-scale, 1)) system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.age-go{flex:1;border:none;background:#ffd08a;color:#1a1200}.age-go:disabled{opacity:.45;cursor:default}.age-back{border:1px solid rgb(255 255 255 / .2);background:transparent;color:#f1eefb}.age-small{margin:0;font-size:calc(12px * var(--text-scale, 1));color:#8f88a8}.age-go:focus-visible,.age-back:focus-visible,.age-field select:focus-visible{outline:2px solid #5ef2ff;outline-offset:2px}@media (min-width: 640px){.age-scrim{align-items:center}.age-card{max-height:calc(100dvh - 32px);border-radius:18px;padding:24px}}.age-inline{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0a}.age-inline p{margin:0;font-size:calc(14px * var(--text-scale, 1))}
