.game-surface.svelte-10z00rg{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--game-surface);position:relative;color:var(--text-primary);padding:2rem 0}.cube-scene.svelte-10z00rg{perspective:600px;perspective-origin:50% 50%;margin:2rem auto}.cube.svelte-10z00rg{position:relative;transform-style:preserve-3d;transition:transform .4s ease}.cube-face.svelte-10z00rg{position:absolute;width:var(--cube-size);height:var(--cube-size);backface-visibility:visible;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#0f172ad9;display:flex;align-items:center;justify-content:center;padding:.5rem}.cube-face-front.svelte-10z00rg{transform:translateZ(calc(var(--cube-size) / 2))}.cube-face-back.svelte-10z00rg{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-right.svelte-10z00rg{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-left.svelte-10z00rg{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-top.svelte-10z00rg{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-bottom.svelte-10z00rg{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.face-grid.svelte-10z00rg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;height:100%}.grid-cell.svelte-10z00rg{border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;cursor:default;padding:0}.grid-cell.active.svelte-10z00rg{background:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary)}.grid-cell.clickable.svelte-10z00rg{cursor:pointer}.grid-cell.clickable.svelte-10z00rg:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.grid-cell.clickable.svelte-10z00rg:active:not(:disabled){background:var(--primary);opacity:.5}.face-nav-btn.svelte-10z00rg{width:2rem;height:2rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.625rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.face-nav-btn.svelte-10z00rg:hover{background:#ffffff1a;border-color:#fff3}.face-nav-active.svelte-10z00rg{background:var(--primary);border-color:var(--primary);color:#fff}.animate-fade-in.svelte-10z00rg{animation:svelte-10z00rg-fadeIn .4s ease-out}@keyframes svelte-10z00rg-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}