:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-player:#4d96ff;--color-robot:#ff6b6b;--gradient-player:linear-gradient(90deg, #4d96ff, #6bcb77);--gradient-robot:linear-gradient(90deg, #ff6b6b, #ff9671);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s;overflow-x:hidden}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{margin:0;padding:0}.daily-challenge{position:fixed;inset:0}#app{width:100%;margin:0 auto;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.go-challenge-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#5a4b8a;border:none;border-radius:30px;margin:0 auto;padding:14px 32px;font-size:clamp(16px,4.5vw,18px);transition:background .3s;display:block}.go-challenge-btn:hover{background:#7b68ae}.grade-popup{text-align:center;pointer-events:none;z-index:50;white-space:nowrap;text-shadow:0 0 30px;font-size:4rem;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.grade-perfect-popup{color:gold;animation:1.2s ease-out forwards perfect-glow}.grade-good-popup{color:#4d96ff;animation:1.2s ease-out forwards good-pulse}.grade-retry-popup{color:#ff6b6b;animation:1.2s ease-out forwards retry-shake}.grade-pop-enter-active{animation:.5s ease-out gradePopIn}.grade-pop-leave-active{animation:.4s ease-in gradePopOut}@keyframes gradePopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-10deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes gradePopOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(5deg)}}@keyframes perfect-glow{0%{filter:drop-shadow(0 0 20px gold)}50%{filter:drop-shadow(0 0 60px orange)}to{filter:drop-shadow(0 0 20px gold);opacity:0}}@keyframes good-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:.5;transform:translate(-50%,-50%)scale(1)}}@keyframes retry-shake{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.3;transform:translate(-50%,-50%)scale(1)}}.selected{box-shadow:0 0 0 3px #4d96ff4d,0 4px 15px #4d96ff33;border-color:#4d96ff!important}.selection-marker{z-index:10;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.marker-ring{border:2px solid #4d96ff;border-radius:50%;width:12px;height:12px;animation:.8s ease-in-out infinite markerPulse}@keyframes markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.correct{opacity:1;animation:.3s correctPop;box-shadow:0 0 0 3px #6bcb774d;border-color:#6bcb77!important}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wrong{animation:.5s ease-in-out wrongShake;box-shadow:0 0 0 3px #ff6b6b4d;border-color:#ff6b6b!important}@keyframes wrongShake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-3px)rotate(-1deg)}80%{transform:translate(3px)rotate(1deg)}}.matched{pointer-events:none;transform:scale(.8);opacity:0!important}.bomb-hint{box-shadow:0 0 15px #ff963280;border-color:#ff9632!important}.frozen-card{pointer-events:none;filter:grayscale(80%)brightness(.8)!important}.race-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fffffff2;border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;min-height:clamp(60px,12vh,90px);transition:all .3s;display:flex;position:relative;overflow:hidden}.race-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#app-wrapper{width:100%;height:100%}.global-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:500;background:#fffffff2;justify-content:space-around;align-items:center;height:56px;transition:transform .3s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.global-nav-hidden{transform:translateY(100%)}.nav-item{padding:4px;font-size:1.8rem;text-decoration:none}.footer-note{text-align:center;color:#999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff2;padding:6px 16px;font-size:.75rem;transition:bottom .3s ease-out,opacity .3s ease-out;position:fixed;bottom:0;left:0;right:0}.footer-icp a{color:#aaa;z-index:-100;font-size:.75rem;text-decoration:none}.footer-icp a:hover{color:#666;text-decoration:underline}.footer-note-hidden{opacity:0;pointer-events:none;bottom:0}@media (display-mode:standalone){.footer-note{opacity:0;pointer-events:none;bottom:0}.footer-note-visible-pwa{opacity:1;pointer-events:auto;bottom:0}}.close-game-btn{z-index:890;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .2s;display:flex;position:fixed;top:12px;right:12px}.close-game-btn:hover{background:#000000b3}.offline-banner{z-index:10000;color:#fff;text-align:center;background:#f44;padding:12px 16px;font-size:1rem;font-weight:700;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000004d}.game-footer{text-align:center;pointer-events:none;background:linear-gradient(#0000,#0000004d);height:32px;padding:6px 0 4px;position:fixed;bottom:0;left:0;right:0}.game-footer .icp{pointer-events:auto;color:#ffffff40;-webkit-backdrop-filter:blur(4px);background:#0003;border-radius:12px;padding:4px 12px;font-size:10px;text-decoration:none;transition:all .3s;display:inline-block}.game-footer .icp .icon{margin-right:4px;font-size:10px}.game-footer .icp:active{color:#ffffff80;background:#0006}.main-content{padding-bottom:40px}.router-view-container{box-sizing:border-box;min-height:100dvh;padding-bottom:36px}