.gf{--gf-cyan:#9ff1ff;--gf-edge:rgba(143,236,248,.6);--gf-line:rgba(143,236,248,.22);--gf-muted:#84c9d4;--gf-label:#6fb3be;--gf-text:#e9fbff;--gf-white:#f2fdff;--gf-amber:#ffc24a;--gf-amber-ink:#2a1a00;--gf-bad:#ff7a6b;--gf-d:var(--font-mp-display,"Chakra Petch",system-ui,sans-serif);--gf-m:var(--font-mp-mono,"IBM Plex Mono",ui-monospace,monospace);position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;color:var(--gf-text);font-family:var(--gf-d);container:gf/size}.gf *,.gf :after,.gf :before{box-sizing:border-box}.gf-top{flex:none;display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 12px 8px 14px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(var(--gf-edge),var(--gf-edge)) top /100% 1px no-repeat,linear-gradient(180deg,rgba(9,30,40,.94),rgba(6,20,28,.95));border-bottom:1px solid var(--gf-line)}.gf-back{all:unset;box-sizing:border-box;flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;font:600 14px var(--gf-m);letter-spacing:1px;color:var(--gf-muted);border:1px solid var(--gf-line);cursor:pointer;white-space:nowrap}.gf-back:hover{color:var(--gf-white);border-color:var(--gf-edge)}.gf-back:focus-visible,.gf-btn:focus-visible,.gf-pause:focus-visible{outline:2px solid var(--gf-white);outline-offset:2px}.gf-id{flex:none;display:flex;flex-direction:column;gap:2px;min-width:0}.gf-name{font:700 20px/1.05 var(--gf-d);color:#fff;white-space:nowrap}.gf-meta{display:flex;align-items:center;gap:10px;font:600 11px var(--gf-m);letter-spacing:1.5px}.gf-level{color:var(--gf-label)}.gf-line{flex:1;min-width:0;margin:0;font:500 14px/1.3 var(--gf-m);color:var(--gf-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gf-line.is-ref{color:var(--gf-amber)}.gf-stats{flex:none;display:flex;align-items:center;gap:16px}.gf-stat{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.gf-stat-k{font:500 10px var(--gf-m);letter-spacing:2px;color:var(--gf-label)}.gf-stat-v{font:600 20px/1 var(--gf-m);color:var(--gf-white);font-variant-numeric:tabular-nums}.gf-mult .gf-stat-v{color:var(--gf-muted);transition:color .2s ease,transform .2s ease}.gf-mult.is-hot .gf-stat-v{color:var(--gf-amber);text-shadow:0 0 10px rgba(255,194,74,.55)}.gf-time{min-width:56px}.gf-time.is-low .gf-stat-v{color:var(--gf-bad)}.gf-timebar{position:absolute;left:0;right:0;bottom:-6px;height:3px;background:rgba(143,236,248,.15)}.gf-timebar>span{display:block;height:100%;background:var(--gf-cyan);transform-origin:0 50%}.gf-time.is-low .gf-timebar>span{background:var(--gf-bad)}.gf-lives{display:flex;gap:4px;height:20px;align-items:center}.gf-lives>span{width:16px;height:10px;transform:skewX(-20deg);background:rgba(143,236,248,.15)}.gf-lives>span.is-on{background:var(--gf-cyan);box-shadow:0 0 8px rgba(159,241,255,.6)}.gf-pause{all:unset;box-sizing:border-box;flex:none;width:38px;height:38px;display:grid;place-items:center;font:700 13px var(--gf-m);color:var(--gf-text);border:1px solid var(--gf-line);cursor:pointer}.gf-pause:hover:not(:disabled){border-color:var(--gf-edge)}.gf-pause:disabled{opacity:.35;cursor:default}.gf-ref{flex:none;height:52px;width:auto;margin:-6px 0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));animation:gf-pop .45s cubic-bezier(.34,1.56,.64,1);transform-origin:50% 100%}@keyframes gf-pop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.gf-stage{position:relative;flex:1;min-height:0}.gf-count,.gf-stage{display:flex;flex-direction:column}.gf-count{position:absolute;inset:0;z-index:6;align-items:center;justify-content:center;gap:8px;background:rgba(2,10,14,.55);pointer-events:none}.gf-count-n{font:700 clamp(72px,18cqmin,160px)/1 var(--gf-d);color:var(--gf-white);text-shadow:0 0 30px rgba(159,241,255,.6);animation:gf-count 1s ease-out both}.gf-count-k{font:600 14px var(--gf-m);letter-spacing:4px;color:var(--gf-muted)}@keyframes gf-count{0%{transform:scale(1.4);opacity:0}30%{transform:scale(1);opacity:1}to{opacity:.85}}.gf-over{position:absolute;inset:0;z-index:7;justify-content:center;padding:16px;background:rgba(2,10,14,.72)}.gf-card,.gf-over{display:flex;align-items:center}.gf-card{width:min(440px,100%);flex-direction:column;gap:12px;padding:26px 26px 22px;text-align:center;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);background:linear-gradient(var(--gf-edge),var(--gf-edge)) top /100% 1px no-repeat,linear-gradient(180deg,rgba(9,30,40,.97),rgba(6,20,28,.98));animation:gf-pop .4s cubic-bezier(.34,1.56,.64,1)}.gf-card-art{display:block;width:calc(100% + 52px);margin:-26px -26px 2px;aspect-ratio:21/8;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.gf-card.is-lose .gf-card-art:not(.is-own){filter:saturate(.35) brightness(.7)}@container gf (max-height: 560px){.gf-card-art{display:none}}.gf-card-title{font:700 30px/1.05 var(--gf-d);letter-spacing:4px;color:#fff}.gf-card.is-win .gf-card-title{color:var(--gf-cyan)}.gf-card.is-lose .gf-card-title{color:var(--gf-bad)}.gf-card-sub{font:500 14px/1.4 var(--gf-m);color:var(--gf-muted)}.gf-stars{position:relative;isolation:isolate;display:flex;gap:10px;align-items:flex-end}.gf-card.is-win .gf-stars:before{content:"";position:absolute;left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;background:url(/math-adventures/arcade/fx/burst.webp) 50%/contain no-repeat;opacity:.28;z-index:-1;mix-blend-mode:screen;pointer-events:none;animation:gf-burst 14s linear infinite}@keyframes gf-burst{to{transform:rotate(1turn)}}.gf-stars>span{width:52px;height:52px;background:url(/math-adventures/arcade/fx/star.webp) 50%/contain no-repeat;filter:grayscale(1) brightness(.35);opacity:.55}.gf-stars>span:nth-child(2){width:64px;height:64px}.gf-stars>span.is-on{filter:drop-shadow(0 0 14px rgba(255,194,74,.55));opacity:1;animation:gf-star-pop .55s cubic-bezier(.3,1.6,.5,1) both}@keyframes gf-star-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.gf-tally{display:flex;gap:28px}.gf-tally>span{display:flex;flex-direction:column;gap:2px}.gf-tally-v{font:600 24px var(--gf-m);color:var(--gf-white)}.gf-coins{font:600 14px var(--gf-m);color:var(--gf-amber);letter-spacing:1px}.gf-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.gf-btn{all:unset;box-sizing:border-box;height:48px;padding:0 20px;display:inline-flex;align-items:center;font:700 15px var(--gf-d);letter-spacing:2px;color:var(--gf-text);border:1px solid var(--gf-line);cursor:pointer;white-space:nowrap}.gf-btn:hover{border-color:var(--gf-edge);color:#fff}.gf-btn--go{border:0;color:var(--gf-amber-ink);background:var(--gf-amber);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:inset 0 -4px 0 rgba(0,0,0,.22)}.gf-btn--go:hover{color:var(--gf-amber-ink);filter:brightness(1.08)}.gf-btn--go:active{transform:translateY(2px)}@container gf (max-width: 760px){.gf-top{flex-wrap:wrap;gap:8px 10px;min-height:0;padding:8px 10px}.gf-back{height:34px;padding:0 10px;font-size:12px}.gf-name{font-size:16px}.gf-line{order:9;flex-basis:100%;font-size:12px}.gf-stats{gap:10px;margin-left:auto}.gf-stat-v{font-size:16px}.gf-stat-k{font-size:9px;letter-spacing:1px}.gf-pause{width:34px;height:34px}.gf-ref{height:40px}.gf-card-title{font-size:24px}}@container gf (max-width: 460px){.gf-id{order:1}.gf-back{order:0}.gf-stats{order:3;flex-basis:100%;justify-content:space-between;margin:0}.gf-pause{order:2;margin-left:auto}.gf-ref{order:2}}@media (prefers-reduced-motion:reduce){.gf-card,.gf-card.is-win .gf-stars:before,.gf-count-n,.gf-ref,.gf-stars>span.is-on{animation:none}}.gf-page{position:fixed;inset:0;padding:12px;background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(34,120,150,.18),rgba(0,0,0,0) 70%),#040810}.gf-iframe{flex:1;width:100%;min-height:0;border:0;display:block;background:#02080c}@media (max-width:600px){.gf-page{padding:6px}}