@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;max-width:480px;max-height:900px;margin:0 auto;padding:0;overflow:hidden;position:relative;background-color:#000;box-shadow:0 0 50px #00000080;text-align:center}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.glass-panel{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 30px #0000001a}.title{font-size:2em;line-height:1.1;font-weight:700;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;margin-top:0}.win-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.card{padding:2em}.app-container{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e1e2e,#2a2a3e);overflow:hidden;position:relative}.nav-button{width:48px;height:48px;border-radius:50%;background-color:#fff;color:#000;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all .2s;z-index:100;padding:0}.nav-button:hover{background-color:#e5e7eb}.nav-button svg{width:24px;height:24px;stroke:#000;stroke-width:2.5;fill:none}.header-title-container{margin-top:96px;margin-bottom:20px;text-align:center;z-index:10;width:100%}.header-title{font-size:2.25rem;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07));background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.game-area{flex:1;width:100%;max-width:32rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem;min-height:0}.game-panel{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;transition:transform .3s}.stats-bar{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:.75rem;padding:.5rem 1rem;z-index:10;background-color:#0003;border-radius:9999px}.stats-content{display:flex;align-items:center;gap:3rem;color:#fff;font-family:monospace;font-size:1.125rem}.text-yellow{color:#facc15}.text-blue{color:#60a5fa}.instructions{color:#fff6;font-size:.75rem;text-align:center;width:100%;padding-bottom:.25rem;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:10px}.footer{width:100%;text-align:center;padding:1.5rem 1.5rem 2rem;color:#ffffff4d;font-size:.75rem;z-index:10;margin-top:auto}.footer a{color:inherit;text-decoration:underline;text-decoration-style:dotted}.footer a:hover{color:#fff}.overlay-container{position:fixed;inset:0;z-index:60;background-color:#000000f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.tutorial-image{object-fit:contain;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1)}