.gx-shell{max-width:1180px;color:var(--foreground);margin:24px auto 40px;padding:0 10px}.gx-experiment{--gx-accent:#7eb8ff;font-size:13px;animation:.7s both gx-arrive}.gx-header{justify-content:space-between;align-items:center;gap:24px;margin:0 0 28px;display:flex}.gx-eyebrow,.gx-stage-label,.gx-panel-title,.gx-control h3,.gx-stat>span{font-family:var(--font-geist-mono),monospace;letter-spacing:.13em;color:var(--muted);font-size:9px}.gx-eyebrow{color:#a8bbdf;margin-bottom:12px}.gx-header h1{font-family:var(--font-syne),sans-serif;letter-spacing:-.06em;font-size:clamp(38px,4.5vw,58px);font-weight:600;line-height:1.05}.gx-header h1 span{color:#0000;background:linear-gradient(120deg,#7eb8ff,#c8a8ff);-webkit-background-clip:text;background-clip:text}.gx-description{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.gx-switch{border:1px solid var(--card-border);background:#0b142488;border-radius:12px;gap:6px;padding:5px;display:flex}.gx-switch a{color:var(--muted);border-radius:8px;padding:10px 14px;font-size:11px;transition:background .25s,color .25s}.gx-switch a[aria-current],.gx-switch a:hover{color:var(--foreground);background:#7eb8ff16}.gx-switch a span{font:8px var(--font-geist-mono),monospace;opacity:.5;margin-left:12px}.gx-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;display:grid}.gx-panel{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#101c32b0,#0a1020b0);border-radius:16px;padding:24px}.gx-panel-title{letter-spacing:.04em;color:#c8dcff;border-bottom:1px solid #8cb8ff20;align-items:center;gap:9px;min-height:34px;padding-bottom:20px;font-size:9px;display:flex}.gx-signal{background:#a8cfff;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:3s infinite gx-breathe;box-shadow:0 0 12px #7eb8ff99}.gx-control{margin-top:25px}.gx-control h3{text-transform:uppercase;margin-bottom:12px;font-size:8px;font-weight:400}.gx-segments{background:#040b1880;border:1px solid #8cb8ff20;border-radius:10px;gap:5px;padding:4px;display:flex}.gx-segments button{color:#9aa8c4;cursor:pointer;border-radius:7px;flex:1;padding:10px 5px;font-size:11px;transition:background .25s,color .25s}.gx-segments button[aria-pressed=true]{color:#e8eeff;background:#7eb8ff22;box-shadow:inset 0 1px #c8dcff15}.gx-actions{flex-wrap:wrap;gap:8px;display:flex}.gx-button{border:1px solid var(--card-border);color:#c8dcff;cursor:pointer;background:#7eb8ff10;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 13px;font-size:11px;transition:transform .25s,background .25s;display:inline-flex}.gx-button:hover{background:#7eb8ff22;transform:translateY(-2px)}.gx-button--primary{color:#071021;background:linear-gradient(125deg,#7eb8ff,#b5a8f8);border-color:#0000}.gx-button--primary:hover{background:linear-gradient(125deg,#a8cfff,#c8b8ff)}.gx-button:disabled{opacity:.4;cursor:default;transform:none}.gx-control input[type=range]{accent-color:#a8bfff;cursor:pointer;width:100%;margin:14px 0 10px;display:block}.gx-range-info{color:#8195b8;justify-content:space-between;font-size:9px;display:flex}.gx-control label{color:#c8dcff;justify-content:space-between;gap:8px;font-size:11px;display:flex}.gx-control label b{font-weight:400;font-family:var(--font-geist-mono),monospace}.gx-local{color:#8090af;border-top:1px solid #8cb8ff15;margin-top:28px;padding-top:20px;font-size:9px;line-height:1.8}.gx-stage{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(140deg,#0c1729bc,#10182ccc);border-radius:16px;min-width:0;position:relative;overflow:hidden;box-shadow:0 20px 90px #0003}.gx-stage-label{border-bottom:1px solid #8cb8ff15;justify-content:space-between;gap:12px;padding:19px 24px;font-size:8px;display:flex}.gx-board-area{z-index:1;justify-content:center;align-items:center;min-height:360px;padding:26px;display:flex;position:relative}.gx-stats{z-index:1;background:#07101b70;border-top:1px solid #8cb8ff20;display:flex;position:relative}.gx-stat{flex:1;min-width:0;padding:18px 24px}.gx-stat+.gx-stat{border-left:1px solid #8cb8ff15}.gx-stat>span{letter-spacing:.08em;font-size:8px;display:block}.gx-stat strong{font-family:var(--font-syne),sans-serif;font-variant-numeric:tabular-nums;margin-top:8px;font-size:28px;font-weight:600;line-height:1.2;display:block}.gx-stat small{color:#8090af;margin-top:4px;font-size:9px;display:block}.gx-notes{color:var(--muted);border-top:1px solid #8cb8ff20;margin-top:22px;padding-top:18px;font-size:11px;line-height:1.8}.gx-note-body{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:20px 0;display:grid}.gx-note-body img{opacity:.85;border-radius:12px;width:100%;height:auto}.gx-note-body p{max-width:500px}.gx-message{text-align:center;color:#a8bbdf;margin-top:14px;font-size:10px;line-height:1.8}.gx-error{color:#ffc3bc;border:1px solid #fba89940;border-radius:9px;margin-top:18px;padding:12px;font-size:11px;line-height:1.7}.gx-app-board{width:min(100%,390px)}.gx-board-heading{letter-spacing:.08em;text-transform:uppercase;color:#a7b9d9;justify-content:space-between;margin-bottom:12px;font-size:9px;display:flex}.gx-board-heading b{color:#c8a8ff;font-weight:400}.gx-snake-canvas{aspect-ratio:1;background:#07101c;border:1px solid #8cb8ff25;border-radius:12px;width:100%;display:block;box-shadow:0 15px 50px #0003}.gx-board-wrap{position:relative}.gx-board-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#e8eeff;font:20px var(--font-syne),sans-serif;text-align:center;background:#071021b0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.gx-board-overlay small{font:11px var(--font-geist-sans),sans-serif;color:var(--muted)}.gx-dpad{grid-template-columns:repeat(3,34px);justify-content:center;gap:5px;margin-top:16px;display:grid}.gx-dpad button{cursor:pointer;color:#c8dcff;background:#7eb8ff10;border:1px solid #8cb8ff30;border-radius:8px;height:32px}.gx-dpad button:first-child{grid-column:2}.gx-dpad button:nth-child(2){grid-column:1}.gx-dpad button:hover{background:#7eb8ff25}.gx-2048{width:min(100%,390px)}.gx-tile-grid{aspect-ratio:1;background:#040b1880;border:1px solid #8cb8ff25;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:10px;display:grid;box-shadow:0 20px 60px #0004}.gx-tile{aspect-ratio:1;font:600 clamp(18px,2.4vw,28px)var(--font-syne),sans-serif;letter-spacing:-.04em;color:#edf3ff;background:#16223870;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.gx-tile[data-value="0"]{border:1px solid #8cb8ff0a}.gx-tile:not([data-value="0"]){background:linear-gradient(135deg,hsl(var(--tile-hue)45% var(--tile-light)),hsl(var(--tile-hue)42% calc(var(--tile-light) - 12%)));border:1px solid #b0ccff30;box-shadow:inset 0 1px #ffffff20,0 5px 15px #0002}.gx-tile.changed{animation:.25s ease-out gx-tile-pop}.gx-tile[data-value="10"],.gx-tile[data-value="11"],.gx-tile[data-value="12"]{box-shadow:0 0 24px #b8a0ff35,inset 0 1px #ffffff30}.gx-directions{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.gx-direction{color:#7286a8;border:1px solid #8cb8ff20;border-radius:8px;place-items:center;width:32px;height:32px;font-size:17px;transition:background .15s,box-shadow .15s;display:grid}.gx-direction.is-active{color:#d6e8ff;background:#7eb8ff25;border-color:#7eb8ff70;box-shadow:0 0 18px #7eb8ff12}.gx-directions>span{font:8px var(--font-geist-mono),monospace;color:#8297bb;margin-right:6px}.gx-arcade .gx-header{margin:14px 0 34px}.gx-arcade .gx-header h1{font-size:clamp(46px,5.8vw,72px)}.gx-arcade .gx-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.gx-arcade .gx-panel{background:linear-gradient(140deg,#111c2cb0,#1a1534a0);border-radius:20px;grid-area:1/2;margin-top:35px}.gx-arcade .gx-stage{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 35%,#3c376733,#0000 65%);border-color:#8cb8ff18;border-radius:24px;grid-area:1/1}.gx-arcade .gx-stage-label{border-bottom:0;padding-top:25px}.gx-arcade .gx-board-area{padding:20px 30px 28px}.gx-arcade .gx-stats{background:0 0;border-top-color:#8cb8ff18}.gx-arcade .gx-app-board,.gx-arcade .gx-2048{width:min(100%,405px)}.gx-arcade .gx-stat strong{color:#c3c2ff}.gx-arcade .gx-stage-orbits{pointer-events:none;border:1px solid #a78bfa18;border-radius:50%;width:540px;max-width:95%;height:540px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)rotate(-30deg)scaleY(.8);box-shadow:0 0 80px #a78bfa05}.gx-arcade .gx-stage-orbits:before,.gx-arcade .gx-stage-orbits:after{content:"";border:1px solid #7eb8ff12;border-radius:50%;position:absolute;inset:-25px;transform:rotate(35deg)scaleY(.8)}.gx-arcade .gx-stage-orbits:after{border-color:#c8a8ff12;inset:35px;transform:rotate(-25deg)scaleY(1.2)}.gx-arcade .gx-tile-grid{background:#0b112b88;border-radius:20px;gap:10px;padding:12px;transform:perspective(1000px)rotateX(4deg);box-shadow:0 25px 80px #a78bfa10,0 20px 50px #0004}.gx-arcade .gx-tile{border-radius:13px}.gx-arcade .gx-snake-canvas{border-radius:18px;box-shadow:0 0 70px #a78bfa0e,0 20px 50px #0004}.gx-experiment :is(button,a,input,summary):focus-visible{outline-offset:4px;outline:2px solid #a8cfff}@keyframes gx-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gx-breathe{50%{opacity:.5;box-shadow:0 0 6px #7eb8ff50}}@keyframes gx-tile-pop{0%{filter:brightness(1.5);transform:scale(.88)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width:900px){.gx-layout{grid-template-columns:215px minmax(0,1fr)}.gx-panel{padding:20px}.gx-arcade .gx-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.gx-stat{padding:16px}.gx-stat strong{font-size:24px}.gx-board-area{padding:22px}}@media (max-width:700px){.gx-shell{margin-top:18px;padding:0}.gx-header,.gx-arcade .gx-header{align-items:flex-start;gap:14px;margin-bottom:22px}.gx-header{flex-direction:column}.gx-header h1,.gx-arcade .gx-header h1{font-size:43px}.gx-eyebrow{letter-spacing:.07em;font-size:7px}.gx-description{margin-top:9px;font-size:11px}.gx-switch{align-self:flex-start}.gx-switch a{padding:8px 14px}.gx-layout,.gx-arcade .gx-layout{flex-direction:column;gap:16px;display:flex}.gx-stage,.gx-panel,.gx-arcade .gx-panel{width:100%;margin-top:0}.gx-stage{order:0}.gx-panel{order:1;padding:20px}.gx-stage-label{padding:16px;font-size:7px}.gx-board-area,.gx-arcade .gx-board-area{min-height:0;padding:20px 16px}.gx-stat{padding:14px 12px}.gx-stat strong{font-size:23px}.gx-stat>span{font-size:7px}.gx-stat small{font-size:8px}.gx-control,.gx-local{margin-top:20px}.gx-tile-grid,.gx-arcade .gx-tile-grid{gap:7px;padding:8px}.gx-tile{border-radius:9px;font-size:24px}.gx-note-body{grid-template-columns:1fr;gap:15px}.gx-arcade .gx-stage-orbits{width:380px;height:380px}.gx-dpad{grid-template-columns:repeat(3,44px)}.gx-dpad button{height:40px}}.preview-embed-page .gx-experiment{padding:0}.preview-embed-page .gx-layout{display:block}.preview-embed-page .gx-stage{background:0 0;border:0}.preview-embed-page .gx-board-area{min-height:0;padding:4px}.preview-embed-page .gx-app-board,.preview-embed-page .gx-2048{width:100%;max-width:420px}.preview-embed-page .gx-message,.preview-embed-page .gx-board-heading{display:none}@media (prefers-reduced-motion:reduce){.gx-experiment,.gx-experiment *{transition:none!important;animation:none!important}.gx-arcade .gx-tile-grid{transform:none}}.gx-session-best{font-family:var(--font-syne),sans-serif;color:#c8d8ff;font-size:25px}.gx-session-best small{font:9px var(--font-geist-sans),sans-serif;color:var(--muted);margin-left:5px}@media (max-height:850px) and (min-width:701px){.gx-shell{margin-top:16px}.gx-header,.gx-arcade .gx-header{margin:4px 0 20px}.gx-header h1{font-size:44px}.gx-arcade .gx-header h1{font-size:56px}.gx-eyebrow{margin-bottom:9px}.gx-description{margin-top:9px}.gx-stage-label,.gx-arcade .gx-stage-label{padding:15px 20px}.gx-board-area,.gx-arcade .gx-board-area{min-height:0;padding:18px 24px}.gx-app-board,.gx-2048,.gx-arcade .gx-app-board,.gx-arcade .gx-2048{max-width:310px}.gx-board-heading{margin-bottom:10px}.gx-stat{padding:13px 20px}.gx-stat strong{font-size:24px}.gx-arcade .gx-panel{margin-top:18px}.gx-control{margin-top:20px}.gx-panel{padding:20px}.gx-local{margin-top:22px;padding-top:16px}.gx-notes{margin-top:18px}}.gx-training-title{font-family:var(--font-syne),sans-serif;color:#d4dfff;letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:16px;font-size:22px;display:flex}.gx-training-title span{font:9px var(--font-geist-mono),monospace;letter-spacing:.08em;color:#a8bbdf}.gx-tile-grid{--tile-pad:10px;--tile-gap:9px;padding:var(--tile-pad);gap:var(--tile-gap);position:relative}.gx-arcade .gx-tile-grid{--tile-pad:12px;--tile-gap:10px;padding:var(--tile-pad);gap:var(--tile-gap)}.gx-moving-tile{left:var(--tile-pad);top:var(--tile-pad);width:calc((100% - 2px - 2*var(--tile-pad) - 3*var(--tile-gap))/4);aspect-ratio:1;transform:translate(calc(var(--col)*(100% + var(--tile-gap))),calc(var(--row)*(100% + var(--tile-gap))));transition:transform var(--tile-motion-ms,.2s)cubic-bezier(.22,.75,.25,1);z-index:2;pointer-events:none;position:absolute}.gx-moving-tile>.gx-tile{width:100%;height:100%}.gx-moving-tile.gx-merge-ghost{z-index:3;animation:gx-ghost-out var(--tile-motion-ms,.23s)both}.gx-tile-new{animation:gx-spawn var(--tile-motion-ms,.24s)both}.gx-tile-merged{animation:gx-merge var(--tile-motion-ms,.24s)both}@keyframes gx-spawn{0%,70%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes gx-merge{0%,70%{filter:brightness();transform:scale(1)}85%{filter:brightness(1.4);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}@keyframes gx-ghost-out{0%,75%{opacity:1}to{opacity:0}}@media (max-width:700px){.gx-tile-grid,.gx-arcade .gx-tile-grid{--tile-pad:8px;--tile-gap:7px}}@media (prefers-reduced-motion:reduce){.gx-merge-ghost{display:none}}