@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;600&display=swap";:root{--bg-dark:#0f111a;--card-bg:#191c2f99;--card-border:#ffffff14;--text-primary:#fff;--text-secondary:#b3b9d1;--color-one:#ff1a1a;--color-two:#ff8c1a;--color-three:#ffd91a;--color-four:#1dc91d;--color-five:#1f9ef9;--color-gray:#8f96a3;--accent:#ffbf00}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background:radial-gradient(circle,#1b1e36 0%,#0a0b12 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;overflow:hidden}#game-container{background-color:#111;border:3px solid #ffffff0d;border-radius:20px;width:960px;height:540px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 40px #4a55da26}#gameCanvas{background:linear-gradient(#1d203f 0%,#111224 100%);width:100%;height:100%;display:block}.overlay-screen{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background-color:#0a0b14b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:absolute;top:0;left:0}.overlay-screen.active{opacity:1;visibility:visible}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);text-align:center;border-radius:24px;width:90%;max-width:540px;padding:2rem 3rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-logo{justify-content:center;gap:8px;margin-bottom:1.5rem;display:flex}.logo-block{color:#000;width:38px;height:38px;animation:2s ease-in-out infinite alternate floatLogo;animation-delay:var(--delay);border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 6px 12px #0000004d}.logo-block.red{background-color:var(--color-one)}.logo-block.orange{background-color:var(--color-two)}.logo-block.yellow{background-color:var(--color-three)}.logo-block.green{background-color:var(--color-four)}.logo-block.blue{background-color:var(--color-five)}@keyframes floatLogo{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-10px)rotate(8deg)}}h1{letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.1}.highlight{background:linear-gradient(135deg, var(--color-three) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.controls-guide{text-align:left;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:1.5rem;padding:1.2rem}.controls-guide h3{color:var(--text-primary);border-bottom:1px solid #ffffff1a;margin-bottom:.8rem;padding-bottom:.4rem;font-size:1rem}.control-row{align-items:center;margin-bottom:.6rem;display:flex}.control-row:last-child{margin-bottom:0}.key{color:#fff;text-align:center;background:#2e324c;border:1px solid #4a5078;border-bottom:3px solid #1a1c2c;border-radius:6px;min-width:28px;margin-right:10px;padding:3px 10px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0003}.key.space{min-width:90px}.desc{color:var(--text-secondary);font-size:.9rem}.easy-mode-container{justify-content:center;margin-bottom:1.5rem;display:flex}.easy-mode-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;font-size:.95rem;transition:color .2s;display:flex}.easy-mode-label:hover{color:#fff}#easy-mode-cb{cursor:pointer;transform:scale(1.15)}.btn-group{justify-content:center;gap:12px;display:flex}button{cursor:pointer;border:none;outline:none;font-family:Outfit,sans-serif;font-weight:600;transition:all .2s}.primary-btn{color:#fff;background:linear-gradient(135deg,#4d5efc 0%,#2b39b3 100%);border-radius:14px;padding:.9rem 2rem;font-size:1.1rem;box-shadow:0 8px 16px #4d5efc4d,inset 0 1px #fff3}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #4d5efc66}.primary-btn:active{transform:translateY(1px)}.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:.9rem 1.5rem;font-size:1rem}.secondary-btn:hover{background:#ffffff26}.pulse{animation:1.8s infinite alternate pulsing}@keyframes pulsing{0%{box-shadow:0 8px 16px #4d5efc4d}to{box-shadow:0 8px 24px #4d5efc99,0 0 12px #4d5efc4d}}#hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:20px;left:20px;right:20px}.hud-item{-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:auto;background:#121426bf;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-size:.8rem;font-weight:600}.hud-value{font-size:1.2rem;font-weight:800}.hud-buttons{pointer-events:auto;gap:8px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#121426bf;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .2s;display:flex}.icon-btn:hover{background:#121426f2;transform:scale(1.05)}.shape-grid{background:#0003;border-radius:4px;grid-template-rows:repeat(5,7px);grid-template-columns:repeat(5,7px);justify-content:center;align-items:center;gap:1px;width:39px;height:39px;padding:2px;display:grid}.shape-cell{background:#ffffff0d;border-radius:1px;width:7px;height:7px;transition:background-color .1s}.active-cell{border-radius:1px}.victory-crown{margin-bottom:.5rem;font-size:3.5rem;animation:1.5s ease-in-out infinite alternate floatCrown}@keyframes floatCrown{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.victory-stats{justify-content:center;margin-bottom:2rem;display:flex}.stat-box{text-align:center;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;padding:1rem 2rem}.stat-num{color:var(--accent);font-size:2.2rem;font-weight:800;display:block}.stat-label{color:var(--text-secondary);font-size:.85rem}.gameover-emoji{margin-bottom:.5rem;font-size:3.5rem}#touch-controls{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.touch-left-group,.touch-right-group{pointer-events:auto;gap:12px;display:flex}.touch-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#121426bf;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:800;transition:transform .1s,background-color .1s;display:flex;box-shadow:0 4px 10px #0000004d}.touch-btn:active,.touch-btn.active-touch{background:#4d5efc80;border-color:#4d5efccc;transform:scale(.9)}.star-btn{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2480}.star-btn:active,.star-btn.active-touch{background:#fbbf2480}.jump-btn{letter-spacing:.5px;font-size:1rem}#alphaland-hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:20px;left:20px;right:20px}.hud-roster-container{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:6px 14px;display:flex;box-shadow:0 8px 32px #0000004d}.hud-roster-list{gap:8px;max-width:620px;padding:2px 0;display:flex;overflow-x:auto}.hud-roster-item{background:#ffffff0d;border:1.5px solid #0003;border-radius:6px;flex-direction:column;align-items:center;width:42px;height:48px;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards popRoster;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}@keyframes popRoster{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.hud-char-dome{color:#000;background:#e0f2fea6;border-bottom:1px solid #0284c780;justify-content:center;align-items:center;width:100%;height:20px;font-size:14px;font-weight:800;display:flex}.hud-char-body{flex-grow:1;width:100%}.victory-buttons-row{justify-content:center;align-items:center;gap:12px;margin-top:1rem;display:flex}