body{color:#fff;background:#111827;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh;position:relative}.app-tabs{z-index:30;gap:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.app-tabs__tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cbd5e1;cursor:pointer;font:inherit;background:#0f172a9e;border:1px solid #94a3b833;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:800}.app-tabs__tab[aria-selected=true]{color:#dbeafe;background:#60a5fa33;border-color:#93c5fd6b}.app-view{min-height:100vh;position:relative}.app-view[hidden]{display:none}.app-view--help{box-sizing:border-box;justify-content:center;align-items:center;padding:88px 24px 24px;display:flex}.help-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;max-width:680px;padding:28px;box-shadow:0 16px 40px #00000038}.help-panel h1,.help-panel h2{color:#fff;margin:0}.help-panel h1{margin-bottom:14px;font-size:28px}.help-panel h2{margin-top:22px;font-size:16px}.help-panel p,.help-panel li{color:#cbd5e1;line-height:1.6}.help-panel ul{margin:10px 0 0;padding-left:22px}canvas{display:block}.move-history{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a9e;border:1px solid #94a3b833;border-radius:16px;max-width:min(360px,100vw - 32px);padding:14px;position:absolute;top:16px;left:16px;box-shadow:0 16px 40px #00000038}.move-history h2{color:#e2e8f0;letter-spacing:.02em;margin:0 0 10px;font-size:13px}.move-history__list{flex-wrap:wrap;gap:8px;margin:0;display:flex}.move-history__move{color:#dbeafe;background:#60a5fa29;border:1px solid #93c5fd3d;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;display:inline-flex}.move-history__move sup{margin-left:1px;font-size:9px;line-height:1;transform:translateY(-3px)}.move-history__move--group{gap:4px;padding:0 11px}.move-history__move--position-group{color:#dcfce7;background:#22c55e29;border-color:#4ade8047}.move-history__move--orientation-group{color:#f3e8ff;background:#a855f729;border-color:#c084fc4d}.useful-moves-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a9e;border:1px solid #94a3b833;border-radius:16px;width:640px;max-width:min(640px,100vw - 32px);padding:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000038}.useful-moves-panel h2{color:#e2e8f0;letter-spacing:.02em;margin:0 0 12px;font-size:13px}.useful-moves-panel__tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.useful-moves-panel__tab{color:#cbd5e1;cursor:pointer;font:inherit;text-transform:capitalize;background:#1e293bcc;border:1px solid #94a3b833;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.useful-moves-panel__tab--position[aria-selected=true]{color:#dcfce7;background:#22c55e29;border-color:#4ade8047}.useful-moves-panel__tab--orientation[aria-selected=true]{color:#f3e8ff;background:#a855f729;border-color:#c084fc4d}.useful-moves-panel__content{border:1px dashed #94a3b83d;border-radius:12px;min-height:72px;padding:10px}.useful-moves-panel__tab-content{flex-wrap:wrap;gap:8px;display:flex}.useful-moves-panel__tab-content[hidden]{display:none}.useful-moves-panel__move{cursor:pointer;border:1px solid #94a3b83d;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;display:inline-flex}.useful-moves-panel__move--position{color:#dcfce7;background:#22c55e29;border-color:#4ade8047}.useful-moves-panel__move--orientation{color:#f3e8ff;background:#a855f729;border-color:#c084fc4d}.useful-moves-panel__context-menu{z-index:10;background:#0f172af5;border:1px solid #94a3b83d;border-radius:10px;min-width:120px;padding:4px;position:fixed;box-shadow:0 12px 28px #00000052}.useful-moves-panel__context-menu[hidden]{display:none}.useful-moves-panel__context-menu-item{color:#e2e8f0;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px;font-size:13px;font-weight:700;display:block}.useful-moves-panel__context-menu-item:hover{background:#94a3b81f}.useful-moves-panel__context-menu-item--danger{color:#fecaca}.useful-moves-panel__context-menu-item--danger:hover{background:#ef444424}.move-preview-tooltip{pointer-events:none;z-index:20;background:#0f172af5;border:1px solid #94a3b83d;border-radius:14px;width:220px;padding:10px;position:fixed;box-shadow:0 16px 40px #0000005c}.move-preview-tooltip[hidden]{display:none}.move-preview-tooltip .cubie-overview{height:190px}.move-preview-tooltip .cubie-overview__cubie{width:42px}.cubie-overview-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a9e;border:1px solid #94a3b833;border-radius:16px;width:260px;padding:14px;position:absolute;top:16px;right:16px;box-shadow:0 16px 40px #00000038}.cubie-overview-panel__header{margin:0 0 12px}.cubie-overview-panel h2{color:#e2e8f0;letter-spacing:.02em;margin:0;font-size:13px}.cubie-overview-panel__save{color:#dbeafe;cursor:pointer;font:inherit;background:#60a5fa2e;border:1px solid #93c5fd52;border-radius:10px;width:100%;margin-top:12px;padding:9px 10px;font-size:12px;font-weight:700;display:block}.cubie-overview-panel__save--orientation{color:#f3e8ff;background:#a855f729;border-color:#c084fc4d}.cubie-overview-panel__save:disabled{cursor:not-allowed;opacity:.45}.cubie-overview{height:220px;position:relative}.cubie-overview__arrows{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.cubie-overview__orientation-icons{pointer-events:none;z-index:2;position:absolute;inset:0}.cubie-overview__orientation-icon{filter:drop-shadow(0 0 2px #0f172a)drop-shadow(0 0 3px #0f172a);width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.rotation-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:100%;height:100%;display:block}.rotation-icon--clockwise{color:#d8b4fe}.rotation-icon--counterclockwise{color:#fbbf24;transform:scaleX(-1)}.cubie-overview__arrow-outline,.cubie-overview__arrow{fill:none;stroke-linecap:round}.cubie-overview__arrow-outline{stroke:#0f172ae6;stroke-width:3px}.cubie-overview__arrow{stroke:#bfdbfee6;stroke-width:1.3px}.cubie-overview__arrowhead-outline{fill:#0f172ae6}.cubie-overview__arrowhead{fill:#bfdbfee6}.cubie-overview__cubie{--cubie-rotation:0deg;aspect-ratio:.866025;filter:drop-shadow(0 8px 12px #0000003d);transform:translate(-50%, -50%) rotate(var(--cubie-rotation));z-index:1;width:48px;position:absolute}.cubie-overview__cubie[data-cubie=UFR]{--cubie-rotation:0deg;top:50%;left:50%}.cubie-overview__cubie[data-cubie=UBL]{--cubie-rotation:180deg;top:12%;left:50%}.cubie-overview__cubie[data-cubie=UBR]{--cubie-rotation:300deg;top:31%;left:78%}.cubie-overview__cubie[data-cubie=DBR]{--cubie-rotation:180deg;top:69%;left:78%}.cubie-overview__cubie[data-cubie=DFR]{--cubie-rotation:180deg;top:88%;left:50%}.cubie-overview__cubie[data-cubie=DFL]{--cubie-rotation:180deg;top:69%;left:22%}.cubie-overview__cubie[data-cubie=UFL]{--cubie-rotation:60deg;top:31%;left:22%}.cubie-overview__reference,.cubie-overview__current{position:absolute;inset:0}.cubie-overview__reference{z-index:0;transform:scale(1.2)}.cubie-overview__current{z-index:1;transform:scale(.72)}.cubie-overview__current:before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";pointer-events:none;background:#111827;position:absolute;inset:-6px}.cubie-overview__facet{clip-path:polygon(50% 50%,100% 25%,100% 75%);position:absolute;inset:0}.cubie-overview__facet:first-child{clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%)}.cubie-overview__facet:nth-child(2){clip-path:polygon(50% 50%,100% 25%,100% 75%,50% 100%)}.cubie-overview__facet:nth-child(3){clip-path:polygon(0 25%,50% 50%,50% 100%,0 75%)}.cubie-overview__reference:after,.cubie-overview__current:after{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";pointer-events:none;border:1px solid #0f172aeb;position:absolute;inset:0}.cubie-overview__reference:after{border-color:#e2e8f08c}.cubie-overview__facet--red{background:#ff3b30}.cubie-overview__facet--orange{background:#ff8c00}.cubie-overview__facet--white{background:#fff}.cubie-overview__facet--yellow{background:#ffd60a}.cubie-overview__facet--green{background:#34c759}.cubie-overview__facet--blue{background:#007aff}