:root{--color-primary: #ffffff;--color-secondary: #f8f8f8;--color-tertiary: #e0e0e0;--color-muted: rgba(255, 255, 255, .7);--color-background: #000000;--color-background-secondary: #0a0a0a;--color-background-glass: rgba(10, 10, 10, .85);--color-accent: #ffffff;--color-accent-hover: #f0f0f0;--color-error: #ff4444;--color-success: #4CAF50;--font-family-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:before,*:after{box-sizing:border-box}.logo,.footer-logo{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important;zoom:1!important;-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;-ms-text-size-adjust:none!important;text-size-adjust:none!important}body{margin:0;font-family:var(--font-family-primary);overflow:hidden;background:var(--color-background);color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity var(--transition-slow)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.loading-circle{position:relative;width:120px;height:120px}.loading-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}.loading-background{fill:none;stroke:#ffffff14;stroke-width:2}.loading-progress{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset var(--transition-normal)}.loading-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:18px;font-weight:500;letter-spacing:.05em;font-family:var(--font-family-display)}.loading-text{color:var(--color-muted);font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-family-display)}.loading-screen.hidden{opacity:0;pointer-events:none}.auth-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%);display:flex;align-items:center;justify-content:center;z-index:20000;transition:opacity var(--transition-slow),transform var(--transition-slow)}.auth-screen.hidden{opacity:0;transform:scale(.98);pointer-events:none}.auth-screen.pre-hidden,html.valid-session .auth-screen{display:none!important}.auth-container{background:var(--color-background-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-xl);padding:var(--spacing-xxl) var(--spacing-xl);max-width:420px;width:calc(100vw - var(--spacing-xl));text-align:center;box-shadow:var(--shadow-xl);animation:authSlideIn 1s cubic-bezier(.16,1,.3,1)}@keyframes authSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{margin-bottom:var(--spacing-lg)}.auth-logo-img{height:60px;width:auto;max-width:100%;max-height:60px;object-fit:contain;opacity:.95;transition:opacity var(--transition-normal);filter:brightness(1)}.auth-logo-img:hover{opacity:1;filter:brightness(1.05)}.auth-title{color:var(--color-primary);font-size:clamp(28px,5vw,36px);font-weight:600;letter-spacing:.1em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;font-family:var(--font-family-display)}.auth-subtitle{color:var(--color-muted);font-size:16px;font-weight:400;letter-spacing:.025em;margin:0 0 var(--spacing-xl) 0;line-height:1.5}.auth-form{margin-bottom:24px}.auth-input-group{position:relative;margin-bottom:16px}.auth-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-primary);font-size:16px;font-weight:400;letter-spacing:.025em;text-align:center;transition:all var(--transition-normal);font-family:var(--font-family-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1a;transform:translateY(-1px)}.auth-input::placeholder{color:var(--color-muted);letter-spacing:.025em}.auth-submit{width:100%;background:var(--color-primary);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-background);font-size:16px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;margin-top:var(--spacing-md)}.auth-submit:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-submit:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-submit.loading{pointer-events:none;background:#ffffff80;cursor:not-allowed}.auth-submit-text,.auth-submit-loading{transition:opacity .3s ease}.auth-submit-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.auth-submit.loading .auth-submit-text{opacity:0}.auth-submit.loading .auth-submit-loading{opacity:1}.auth-error{color:var(--color-error);font-size:14px;font-weight:500;text-align:center;margin-top:var(--spacing-sm);min-height:20px;opacity:0;transform:translateY(-8px);transition:all var(--transition-normal)}.auth-error.show{opacity:1;transform:translateY(0)}.auth-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.auth-hint{color:#ffffff80;font-size:12px;font-weight:400;letter-spacing:.025em;margin:0;line-height:1.5}@media (max-width: 767px){.auth-container{padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--border-radius-lg)}.auth-logo-img{height:50px;max-height:50px}.auth-title{font-size:clamp(24px,4vw,32px);letter-spacing:.08em}.auth-subtitle{font-size:15px}.auth-input,.auth-submit{padding:var(--spacing-sm) var(--spacing-md);font-size:15px}}.header{position:fixed;top:0;left:0;width:100%;height:80px;background:linear-gradient(180deg,#0000004d,#0000);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;padding:20px var(--spacing-md) 0}@media (max-width: 767px){.header{padding:20px 56px 0 var(--spacing-md)}}.logo{height:40px!important;width:auto!important;min-height:40px!important;max-height:40px!important;min-width:auto!important;max-width:none!important;transform:none!important;zoom:1!important;opacity:0;transition:opacity 2s ease-out}.logo:hover,.logo.loaded{opacity:1}.logo-link{display:inline-block;pointer-events:auto;text-decoration:none;transition:transform var(--transition-normal);border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.logo-link:hover{transform:scale(1.03)}.logo-link:focus{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}@keyframes fadeIn{to{opacity:1}}.footer{position:fixed;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(0deg,#0000004d,#0000);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 var(--spacing-md)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:1200px;line-height:1}.social-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-bottom:4px;line-height:1}.social-link{color:#ffffffb3;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:.025em;transition:color var(--transition-normal);pointer-events:auto;padding:4px 8px;border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);text-transform:uppercase}.social-link:hover{color:var(--color-primary)}.social-link:focus{outline:1px solid rgba(255,255,255,.5);outline-offset:1px}.social-separator{color:#fff6;font-size:12px;pointer-events:none}.footer-logo{height:50px!important;width:auto!important;min-height:50px!important;max-height:50px!important;min-width:auto!important;max-width:none!important;transform:none!important;zoom:1!important;opacity:0;transition:opacity 2s ease-out}.footer-logo:hover,.footer-logo.loaded{opacity:1}.copyright-info{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 2s ease-out;line-height:1}.copyright-info.loaded{opacity:1}.copyright-line{color:var(--color-muted);font-size:11px;font-weight:400;letter-spacing:.025em;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-primary)}.copyright-link{color:#fffc;text-decoration:none;transition:color var(--transition-normal);pointer-events:auto;border-radius:var(--border-radius-sm);padding:1px 2px}.copyright-link:hover{color:var(--color-primary);text-decoration:underline}.copyright-link:focus{outline:1px solid rgba(255,255,255,.5);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.control-panel{position:fixed;bottom:16px;right:16px;z-index:1000;-webkit-user-select:none;user-select:none;max-width:calc(100vw - 32px);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.control-toggle{background:transparent;color:transparent;border:none;padding:8px;border-radius:50%;cursor:pointer;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-height:auto;width:48px;height:48px}.control-toggle img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.control-toggle:hover img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));transform:scale(1.1);opacity:1}.control-toggle:active img{transform:scale(.95);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.control-toggle.active img{filter:drop-shadow(0 3px 10px rgba(102,187,106,.4));opacity:1}.control-toggle.active:hover img{filter:drop-shadow(0 4px 15px rgba(102,187,106,.6));transform:scale(1.15)}.button-controls{display:none;background:var(--color-background-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);text-align:center}.button-controls.active{display:flex;flex-direction:column;align-items:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movement-grid{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,56px);gap:8px;margin-bottom:0;min-width:180px}.move-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--color-tertiary);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);min-height:48px;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.move-btn:hover{background:#ffffff26;border-color:#ffffff40;color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.move-btn:active,.move-btn.pressed{background:#fff3;border-color:#ffffff4d;color:var(--color-primary);transform:scale(.98);box-shadow:var(--shadow-sm)}.rotation-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(96,96,96,.3)}.section-label{color:var(--color-muted);font-size:12px;font-weight:500;text-align:center;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-family-display)}.speed-control{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#0000004d;border-radius:var(--border-radius);text-align:center}.speed-label{display:block;color:var(--color-muted);font-size:11px;font-weight:500;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-family-display)}.speed-slider{width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;margin-bottom:var(--spacing-xs);-webkit-appearance:none;appearance:none}.speed-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.speed-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.speed-value{color:var(--color-accent);font-size:11px;font-weight:600;font-family:var(--font-family-mono)}.rotation-help-text{color:var(--color-muted);font-size:10px;font-style:italic;text-align:center;margin-bottom:var(--spacing-xs);opacity:.8}.rotation-grid{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,56px);gap:8px;margin-bottom:8px}.rotation-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--color-tertiary);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);min-height:48px;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rotation-btn[data-rotation=center]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:var(--color-primary)}.rotation-btn:hover{background:#ffffff26;border-color:#ffffff40;color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.rotation-btn[data-rotation=center]:hover{background:#ffffff2e;border-color:#ffffff4d;color:var(--color-primary)}.rotation-btn:active,.rotation-btn.pressed{background:#fff3;border-color:#ffffff4d;color:var(--color-primary);transform:scale(.98);box-shadow:var(--shadow-sm)}.rotation-btn[data-rotation=center]:active,.rotation-btn[data-rotation=center].pressed{background:#ffffff40;border-color:#ffffff59;color:var(--color-primary);transform:scale(.98);box-shadow:var(--shadow-sm)}.reset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--color-tertiary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-xl);cursor:pointer;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);width:100%;box-shadow:var(--shadow-sm);min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-family-display)}.reset-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reset-btn:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.instructions{position:fixed;top:90px;left:16px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e0e0;padding:16px 20px;border-radius:12px;font-size:14px;max-width:calc(100vw - 32px);z-index:1000;box-shadow:0 4px 16px #00000080;border:1px solid rgba(64,64,64,.5);line-height:1.5;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.instructions strong{color:#60a5fa;font-weight:600}.mobile-menu-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;color:#e0e0e0b3;border:none;padding:8px;border-radius:8px;cursor:pointer;font-size:18px;box-shadow:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;pointer-events:all;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000}.mobile-menu-toggle:hover{background:transparent;color:#e0e0e0b3;border-color:transparent;box-shadow:none;transform:translateY(-50%)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1001;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-menu-overlay.active{display:flex;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-content{background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-radius:16px;box-shadow:0 8px 32px #0009;border:1px solid rgba(64,64,64,.5);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.mobile-menu-social{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(64,64,64,.5);line-height:1}.mobile-social-link{color:#ffffffb3;text-decoration:none;font-size:11px;font-weight:400;letter-spacing:.025em;transition:color var(--transition-normal);padding:4px 6px;border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);text-transform:uppercase}.mobile-social-link:hover{color:var(--color-primary)}.mobile-social-separator{color:#fff6;font-size:11px;pointer-events:none}.mobile-instructions{color:#e0e0e0;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.mobile-instructions strong{color:#60a5fa;font-weight:600}.mobile-control-toggle{background:#2d2d2d;color:#e0e0e0;border:1px solid #404040;padding:12px 20px;border-radius:24px;cursor:pointer;margin-bottom:20px;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006;display:flex;align-items:center;justify-content:center;min-height:48px}.mobile-control-toggle:hover{background:#3d3d3d;border-color:#505050;box-shadow:0 4px 12px #00000080}.mobile-control-toggle.active{background:#1a1a1a;border-color:#66bb6a;color:#66bb6a;box-shadow:0 2px 8px #66bb6a4d}.mobile-button-controls{position:fixed;bottom:20px;left:20px;z-index:998;background:#08080c26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:scale(.85) translateY(25px);box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;align-items:center;text-align:center}.mobile-button-controls.active{opacity:.75;pointer-events:all;transform:scale(1) translateY(0)}.mobile-button-controls:hover{opacity:.85;background:#0c0c1033;border-color:#ffffff1f}.gesture-controls-info{background:#08080c33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);margin:20px 0;color:#fffc}.gesture-controls-info h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#ffffffe6;text-align:center}.gesture-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.gesture-item:last-child{margin-bottom:0}.gesture-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.gesture-desc{flex:1;color:#ffffffb3;line-height:1.4}.mobile-button-controls .movement-grid{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:5px;margin-bottom:10px}.mobile-button-controls .move-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;font-size:15px;min-height:38px;border-radius:10px;font-weight:500}.mobile-button-controls .move-btn:hover{background:#ffffff1a;border-color:#ffffff2e;color:#fffc}.mobile-button-controls .move-btn:active,.mobile-button-controls .move-btn.pressed{background:#82aaff33;border-color:#82aaff59;color:#ffffffe6}.mobile-button-controls .rotation-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.mobile-button-controls .section-label{color:#ffffff80;font-size:9px;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-button-controls .rotation-grid{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:5px}.mobile-button-controls .rotation-btn{background:#a0c8a014;border:1px solid rgba(160,200,160,.15);color:#b4dcb4b3;font-size:15px;border-radius:10px;min-height:38px;font-weight:500}.mobile-button-controls .rotation-btn:hover{background:#a0c8a01f;border-color:#a0c8a038;color:#c8f0c8d9}.mobile-button-controls .rotation-btn:active{background:#8cc88c40;border-color:#8cc88c66;color:#dcffdcf2}.mobile-button-controls .rotation-btn[data-rotation=center]{background:#ffa50026;border:1px solid rgba(255,140,0,.25);color:#ffc864cc}.mobile-button-controls .rotation-btn[data-rotation=center]:hover{background:#ffa50033;border-color:#ff8c0059;color:#ffdc78e6}.mobile-button-controls .rotation-btn[data-rotation=center]:active,.mobile-button-controls .rotation-btn[data-rotation=center].pressed{background:#ffa5004d;border-color:#ff8c0080;color:#fffffff2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.desktop-only{display:none}@media (max-width: 767px) and (pointer: coarse){.control-toggle{padding:12px 20px!important;font-size:14px!important;min-height:48px!important;transform:none!important;zoom:1!important}.control-toggle img{height:25px!important;width:auto!important}}@media (max-width: 767px) and (pointer: fine){.control-toggle{padding:12px 20px;font-size:14px;min-height:48px}}@media (max-width: 767px){.copyright-line{font-size:9px;letter-spacing:.2px;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.3;padding:0 8px}.footer-content{gap:6px}}@media (max-width: 1023px){.social-links{display:none}}@media (min-width: 768px){.header{height:100px;padding:20px 24px 0}.logo{height:50px!important;min-height:50px!important;max-height:50px!important}.footer{height:100px;padding:0 24px}.control-panel{bottom:24px;right:24px}.instructions{top:110px;left:24px;max-width:320px}.movement-grid{grid-template-columns:repeat(3,72px);min-width:200px}.rotation-grid{grid-template-columns:repeat(3,72px)}.move-btn,.rotation-btn{font-size:18px}}@media (min-width: 1024px){.header{height:120px;padding:20px 32px 0}.logo{height:60px!important;min-height:60px!important;max-height:60px!important}.footer{height:120px;padding:0 32px}.desktop-only{display:block}.mobile-menu-toggle,.mobile-menu-overlay,.mobile-button-controls{display:none!important}.control-panel{bottom:32px;right:32px}.instructions{top:130px;left:32px}.movement-grid{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,64px);min-width:220px}.rotation-grid{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(2,64px)}.move-btn,.rotation-btn{font-size:20px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.button-controls,.instructions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}