@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#fafafa;--text-color:#171717;--text-muted:#71717a;--accent:#171717;--glass-bg:#fff9;--glass-border:#0000001a;--shadow-color:#0000000d;--shadow-glow:#0000001a}.dark-theme{--bg-color:#0a0a0a;--text-color:#fff;--text-muted:#a1a1aa;--accent:#fff;--glass-bg:#141414a6;--glass-border:#ffffff26;--shadow-color:#000c;--shadow-glow:#fff3}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#05070e;width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden!important}::-webkit-scrollbar{background:0 0;width:0;display:none}html{scrollbar-width:none;-ms-overflow-style:none}.theme-text-main{color:var(--text-color)}.theme-text-sub{color:var(--text-muted)}.theme-text-accent{color:var(--accent)}.ios-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);box-shadow:0 10px 40px var(--shadow-color), 0 0 20px var(--shadow-glow);color:var(--text-color);border-radius:20px}.ios-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--accent);cursor:pointer;border-radius:14px;padding:12px 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:transform .2s,background .2s}.ios-btn:hover{background:#78787826;transform:scale(.96)}.ios-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--accent);cursor:pointer;text-align:center;background:#ffffff1a;border-radius:12px;outline:none;padding:10px 20px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.ios-select option{background:var(--bg-color);color:var(--text-color)}.cinematic-enter{will-change:transform, opacity, border-radius;animation:1.5s cubic-bezier(.76,0,.24,1) forwards cinematicEnter}@keyframes cinematicEnter{0%{opacity:0;border-radius:24px;transform:perspective(2000px)scale(.85)translate(100%)rotateY(10deg)}60%{opacity:1;border-radius:24px;transform:perspective(2000px)scale(.85)translate(0)rotateY(5deg);box-shadow:0 10px 80px #000c}to{opacity:1;border-radius:0;transform:perspective(2000px)scale(1)translate(0)rotateY(0)}}@keyframes cinematicExit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(20px);transform:scale(1.2)}}.rainbow-text{background:linear-gradient(90deg, var(--text-color), var(--text-muted), var(--text-color));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite rainbowShift}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}:root{--bg-color:#050505;--glass-bg:#1a1a1abf;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px 0 #000c;--register-glass-bg:#1a1a1a40;--accent-color:#fff;--accent-text:#000;--accent-hover:#e0e0e0;--accent-glow:#ffffff40;--text-main:#fff;--text-sub:#a0a0a0;--btn-bg:#ffffff14;--btn-hover:#ffffff26;--input-bg:#0006;--table-header-bg:#111;--table-row-border:#ffffff0d;--table-row-hover:#ffffff0d;--avatar-bg:linear-gradient(135deg, #444, #111);--rainbow-gradient:linear-gradient(135deg, #fff, #888, #fff);--modal-backdrop:#000000a6;--stat-card-bg:#ffffff0a;--stat-card-hover:#ffffff14;--color-danger:#ff4d4f;--color-success:#00e676;--color-gold:gold;--radius-sm:12px;--radius-md:20px;--radius-lg:32px}.light-theme{--bg-color:#fff;--glass-bg:#ffffffd9;--glass-border:#0003;--glass-shadow:0 8px 32px 0 #00000026;--register-glass-bg:#ffffff59;--accent-color:#000;--accent-text:#fff;--accent-hover:#333;--accent-glow:#00000040;--text-main:#000;--text-sub:#555;--btn-bg:#0000000d;--btn-hover:#0000001a;--input-bg:#fff9;--table-header-bg:#f0f0f0;--table-row-border:#0000001a;--table-row-hover:#0000000d;--avatar-bg:linear-gradient(135deg, #999, #555);--rainbow-gradient:linear-gradient(135deg, #000, #666, #000);--modal-backdrop:#fff6;--stat-card-bg:#00000008;--stat-card-hover:#0000000f}body{color:var(--text-main);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.sys-gate-wrapper{background-color:var(--bg-color);width:100vw;height:100vh;transition:background-color .4s;position:relative;overflow:hidden}.ambient-background{z-index:1;background:radial-gradient(circle,#9696960d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#96969608 0%,#0000 40%);width:200%;height:200%;animation:25s ease-in-out infinite alternate slowPan;position:absolute;top:-50%;left:-50%}@keyframes slowPan{0%{transform:translate(0)scale(1)}to{transform:translate(-5%,-5%)scale(1.05)}}.grid-overlay{background-image:linear-gradient(var(--glass-border) 1px, transparent 1px), linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);z-index:2;pointer-events:none;opacity:.3;background-size:50px 50px;position:absolute;inset:0}.global-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:1500;opacity:0;visibility:hidden;transition:all .4s;position:fixed;inset:0}.global-backdrop.active{opacity:1;visibility:visible}.global-backdrop.cover-header{z-index:3500}.ios-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.ios-glass-inset{background:var(--input-bg);border:1px solid var(--glass-border);box-shadow:inset 0 2px 15px #0003}.sys-header{box-sizing:border-box;z-index:3000;border-radius:24px;justify-content:space-between;align-items:center;width:calc(100% - 30px);padding:15px 30px;display:flex;position:fixed;top:15px;left:15px}.logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.header-buttons{align-items:center;gap:12px;display:flex}.ios-btn{background:var(--btn-bg);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;border:none;border:1px solid var(--glass-border);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex}.ios-btn:hover{background:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.ios-btn:active{transform:translateY(0)}.highlight-btn{background:var(--accent-color);color:var(--accent-text);border-color:var(--accent-glow);box-shadow:0 4px 15px var(--accent-glow)}.highlight-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow)}.outline-btn{border:1px solid var(--glass-border);background:0 0}.outline-btn:hover{background:var(--btn-bg);border-color:var(--glass-border)}.ghost-btn{background:0 0;border:none}.ghost-btn:hover{background:var(--btn-bg)}.mt-4{margin-top:24px}.mb-3{margin-bottom:16px}.overlay-panel.active,.overlay-panel.welcome-screen{opacity:1;visibility:visible;z-index:4000;transform:translate(-50%,-50%)scale(1)}.ui-layer{max-width:420px;padding:35px 30px}.register-screen.ios-glass{background:var(--register-glass-bg);box-shadow:0 15px 40px #0006}.elegant-title{letter-spacing:-.5px;margin:0 0 10px;font-size:2rem;font-weight:800}.elegant-title-small{margin:0;font-size:1.2rem;font-weight:700}.elegant-subtitle{color:var(--text-sub);margin:0 0 30px;font-size:1rem;line-height:1.5}.rainbow-text{background:var(--rainbow-gradient);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-red{color:var(--color-danger)!important}.text-green{color:var(--color-success)!important}.text-gold{color:var(--color-gold)!important}.elegant-form{text-align:left}.input-group{margin-bottom:20px}.input-group label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-main);border-radius:var(--radius-sm);box-sizing:border-box;padding:14px 16px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.modal-actions{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.modal-actions-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;display:grid}.performance-history-container{background:var(--input-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:24px}.empty-state{text-align:center;color:var(--text-sub);padding:30px 0}.empty-state span{opacity:.5;margin-bottom:10px;font-size:2rem;display:block}.history-table-wrapper{max-height:220px;overflow-y:auto}.history-table-wrapper::-webkit-scrollbar{width:6px}.history-table-wrapper::-webkit-scrollbar-track{background:0 0}.history-table-wrapper::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.elegant-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.elegant-table th{background:var(--table-header-bg);color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--glass-border);z-index:2;padding:12px;font-size:.75rem;position:sticky;top:0}.elegant-table td{border-bottom:1px solid var(--table-row-border);color:var(--text-main);padding:14px 12px}.elegant-list{text-align:left;color:var(--text-sub);padding-left:20px;font-size:1.1rem;line-height:1.8}.badge{background:var(--btn-bg);border:1px solid var(--glass-border);border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:600}.icon-pulse{margin-bottom:20px;font-size:3.5rem;animation:2s ease-in-out infinite subtlePulse;display:inline-block}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.elegant-spinner{border:3px solid #96969633;border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tooltip-container{position:relative}.download-tooltip{background:var(--bg-color);border:1px solid var(--accent-color);width:180px;color:var(--text-main);text-align:left;z-index:100;border-radius:12px;padding:12px 14px;font-size:.8rem;line-height:1.4;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 10px 30px #000c,0 0 20px #ffffff1a}.download-tooltip:before{content:"";background:var(--bg-color);border-top:1px solid var(--accent-color);border-left:1px solid var(--accent-color);width:10px;height:10px;position:absolute;top:-6px;right:35px;transform:rotate(45deg)}.close-tooltip{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8rem;position:absolute;top:5px;right:5px}.close-tooltip:hover{color:var(--text-main)}.fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sys-header{flex-direction:column;gap:15px;width:calc(100% - 20px);padding:15px;top:10px;left:10px}.profile-stats-grid{grid-template-columns:1fr 1fr}.modal-actions-grid{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.download-tooltip{right:-10px}.download-tooltip:before{right:45px}}.puzzle-canvas{z-index:10;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.zoom-active{pointer-events:auto}.loader-container{width:85%;max-width:400px;height:60px;margin:50px auto 10px;position:relative}.loader-bar{background:var(--glass-border);border-radius:10px;width:100%;height:6px;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.loader-fill{background:var(--accent-color);width:0%;height:100%;box-shadow:0 0 12px var(--accent-glow);border-radius:10px;animation:2.5s cubic-bezier(.4,0,.2,1) forwards loadProgress}.car-wrapper{z-index:5;align-items:flex-end;width:70px;height:auto;animation:2.5s cubic-bezier(.4,0,.2,1) forwards driveCar;display:flex;position:absolute;bottom:6px;left:0%;transform:translate(-50%)}.loader-car-img{filter:drop-shadow(0 4px 6px #0009);width:100%;height:auto;animation:.15s infinite alternate carBounce}.smoke-particles{z-index:-1;width:30px;height:20px;position:absolute;bottom:2px;left:-15px}.smoke{background:var(--text-sub);opacity:0;filter:blur(2px);border-radius:50%;width:8px;height:8px;position:absolute;bottom:5px;left:15px}.smoke-1{animation:.6s infinite puff}.smoke-2{animation:.6s .15s infinite puff}.smoke-3{animation:.6s .3s infinite puff}.smoke-4{animation:.6s .45s infinite puff}@keyframes loadProgress{0%{width:0%}20%{width:15%}50%{width:55%}80%{width:85%}to{width:100%}}@keyframes driveCar{0%{left:0%}20%{left:15%}50%{left:55%}80%{left:85%}to{left:100%}}@keyframes carBounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes puff{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-35px,-20px)scale(3.5)}}html,body{scroll-behavior:smooth}.gallery-wrapper{box-sizing:border-box;background-color:var(--bg-color);z-index:20;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;transition:background-color .4s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.main-panel{z-index:10;box-sizing:border-box;text-align:center;background-repeat:no-repeat;background-size:100%;border-radius:32px;width:90%;max-width:700px;max-height:90vh;padding:40px;animation:6s ease-in-out infinite alternate floatPanel;position:relative;overflow-y:auto}.main-panel::-webkit-scrollbar{width:8px}.main-panel::-webkit-scrollbar-track{background:0 0}.main-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@keyframes floatPanel{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hidden-input{display:none}.footer-copyright{text-align:center;width:100%;color:var(--text-sub);z-index:10;pointer-events:none;font-size:.8rem;position:absolute;bottom:15px}.carousel-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin:40px 0;padding:40px 0;display:flex;position:relative;overflow:hidden}.carousel-scene{aspect-ratio:1;width:clamp(200px,40vw,350px);transform-style:preserve-3d;justify-content:center;align-items:center;transition:width .4s;display:flex;position:relative}.carousel-card{cursor:pointer;border-radius:20px;width:100%;height:100%;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;box-shadow:0 15px 35px #000c}.carousel-card img{object-fit:cover;border:2px solid var(--glass-border);border-radius:20px;width:100%;height:100%}.carousel-card:hover{filter:brightness(1.1)}.carousel-card.active{box-shadow:0 0 30px var(--accent-glow);border:2px solid var(--accent-color)}.card-reflection{opacity:.3;background-position:50%;background-size:cover;border-radius:20px;width:100%;height:100%;position:absolute;bottom:-105%;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 60%,#000000b3 100%);mask-image:linear-gradient(#0000 60%,#000000b3 100%)}.carousel-btn{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:50px;height:50px;color:var(--text-main);justify-content:center;align-items:center;font-size:1.2rem;transition:background .3s;display:flex;position:absolute;background:var(--btn-bg)!important;border-radius:50%!important;padding:0!important}.carousel-btn:hover{background:var(--btn-hover)!important}.carousel-btn.left{left:5%}.carousel-btn.right{right:5%}.overlay-panel{opacity:0;visibility:hidden;z-index:2000;border-radius:var(--radius-lg);text-align:center;width:90%;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.overlay-panel.active{opacity:1;visibility:visible;z-index:4000;transform:translate(-50%,-50%)scale(1)}.modal-panel{max-width:480px}.profile-header{text-align:left;border-radius:20px;align-items:center;gap:20px;margin-bottom:25px;padding:24px;display:flex}.profile-avatar-large{background:var(--avatar-bg);color:#fff;border:2px solid var(--glass-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.2rem;font-weight:800;display:flex;box-shadow:0 8px 24px #0006}.mini-avatar{background:var(--accent-color);width:22px;height:22px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.profile-info-text h2{letter-spacing:-.5px;margin:0 0 4px;font-size:1.6rem}.profile-info-text p{color:var(--text-sub);margin:0;font-size:.95rem}.profile-stats-grid{gap:12px;display:grid}.stat-card{background:var(--stat-card-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;align-items:center;padding:16px 10px;transition:transform .3s,background .3s;display:flex}.stat-card:hover{background:var(--stat-card-hover);transform:translateY(-2px)}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:.75rem;font-weight:600}.settings-row-btn{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;display:flex}.settings-row-btn:hover{background:var(--btn-hover)}.stats-modal{z-index:3000;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.stats-card{border:1px solid var(--glass-border);width:100%;max-width:650px;box-shadow:var(--glass-shadow);box-sizing:border-box;border-radius:24px;max-height:85vh;padding:35px;animation:.4s cubic-bezier(.16,1,.3,1) forwards popInCard;position:relative;overflow-y:auto}.stats-card::-webkit-scrollbar{width:6px}.stats-card::-webkit-scrollbar-track{background:0 0}.stats-card::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.responsive-stats-grid{background:var(--stat-card-bg);border:1px solid var(--glass-border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin:20px 0;padding:15px;display:grid;box-shadow:inset 0 2px 10px #0003}.stat-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--text-main);letter-spacing:.5px;text-align:center;font-size:1.4rem;font-weight:700}.stat-label{opacity:.7;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:6px;font-size:.75rem}.history-table-wrapper{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:8px;max-height:200px;margin-top:10px;overflow:auto}.elegant-table{border-collapse:collapse;text-align:center;width:100%;min-width:400px;color:var(--text-main);font-size:.85rem}.elegant-table th{background:var(--table-header-bg);color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;z-index:2;border-bottom:1px solid var(--glass-border);padding:10px 5px;font-size:.75rem;position:sticky;top:0}.elegant-table td{border-bottom:1px solid var(--table-row-border);padding:10px 5px}.elegant-table tr:hover td{background:var(--table-row-hover)}.text-danger{font-weight:700;color:var(--color-danger)!important}.text-warn{font-weight:700;color:var(--color-gold)!important}.star-rating{letter-spacing:2px;color:var(--color-gold)!important}.level-stats-container{border:1px solid var(--glass-border);text-align:center;border-radius:16px;animation:.4s forwards fadeIn}.worm-point{cursor:crosshair;z-index:5;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;transform:translate(-50%,50%)}.worm-point:hover{box-shadow:0 0 12px var(--accent-glow);z-index:10;transform:translate(-50%,50%)scale(1.6);background:var(--accent-color)!important}.worm-point:after{content:attr(data-info);background:var(--modal-backdrop);color:var(--text-main);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.worm-point:hover:after{opacity:1}.axis-label{color:var(--text-sub);letter-spacing:1px;font-size:.75rem;font-weight:600;position:absolute}.y-axis-label{top:-20px;left:-15px}.x-axis-label{bottom:-35px;right:-10px}@keyframes popInCard{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.main-panel{border-radius:24px;padding:24px}.carousel-wrapper{margin:20px 0;padding:20px 0}.carousel-btn{width:40px;height:40px;font-size:1rem}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-card.active{box-shadow:0 0 20px var(--accent-glow)}.profile-stats-grid{grid-template-columns:1fr 1fr}.stats-card{padding:20px}.game-setup-card{padding:15px}.profile-header{text-align:center;flex-direction:column}.stats-header{text-align:center;flex-direction:column;justify-content:center}.graph-header{text-align:center;flex-direction:column;align-items:center!important}.worm-graph-wrapper{width:90%!important;margin-bottom:25px!important}}.cyber-grid-wrapper{perspective:600px;z-index:-20;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.cyber-grid{background-size:60px 60px;width:200%;height:150%;animation:2s linear infinite gridMove;position:absolute;bottom:-40%;left:-50%;transform:rotateX(75deg)}@keyframes gridMove{0%{transform:rotateX(75deg)translateY(0)}to{transform:rotateX(75deg)translateY(60px)}}.grid-vignette{z-index:-15;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.clay-btn-sm{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .2s;box-shadow:6px 6px 12px #00000080,-6px -6px 12px #ffffff08,inset 2px 2px 4px #ffffff14,inset -2px -2px 4px #0000004d}.clay-btn-sm:active{transform:translateY(2px);box-shadow:inset 6px 6px 12px #0009,inset -6px -6px 12px #ffffff0d}.clay-btn-sm:hover{filter:brightness(1.2)}.piece-progress{top:max(20px, env(safe-area-inset-top));z-index:10;letter-spacing:1px;align-items:center;gap:10px;padding:8px 20px;font-size:.95rem;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.piece-progress .progress-bar-bg{background:#ffffff1a;border-radius:2px;width:120px;height:4px;overflow:hidden}.piece-progress .progress-bar-fill{border-radius:2px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.confetti-container{pointer-events:none;z-index:99;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;width:10px;height:10px;animation:3s ease-in forwards confettiFall;position:absolute;top:-10px}.confetti-piece:nth-child(odd){border-radius:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.5)}}@keyframes snapGlow{0%{filter:brightness()drop-shadow(0 0 #0000)}50%{filter:brightness(1.3) drop-shadow(0 0 15px var(--accent))}to{filter:brightness()drop-shadow(0 0 #0000)}}.gesture-status{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpIn}@keyframes slideUpIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gesture-spinner{border:2px solid #ffffff26;border-top-color:var(--accent,#00f0ff);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.gesture-toggle-btn{transition:all .3s cubic-bezier(.16,1,.3,1)!important}@keyframes gestureLoadBar{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.gesture-instructions{z-index:300;text-align:center;max-width:400px;padding:30px 40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards popInCard;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.board-blink-animate{animation:1.5s cubic-bezier(.4,0,.2,1) forwards boardBlink}@keyframes boardBlink{0%{filter:brightness()contrast();transform:scale(1)}50%{filter:brightness(1.6)drop-shadow(0 0 20px #fff9);transform:scale(1.03)}to{filter:brightness()contrast();transform:scale(1)}}.confetti-container{pointer-events:none;z-index:90;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{opacity:0;animation:linear forwards fallFrames;position:absolute;top:-20px}@keyframes fallFrames{0%{opacity:1;top:-20px;transform:translateY(0)rotate(0)}to{opacity:1;top:100vh;transform:translateY(0)rotate(720deg)}}.win-card-animate{animation:.6s cubic-bezier(.16,1,.3,1) forwards popInCard}.page-exit{animation:.8s cubic-bezier(.76,0,.24,1) forwards cinematicExit}