:root{letter-spacing:0;color:#f3fff8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050712;font:16px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}#root{min-height:100svh}body{overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;min-width:320px;min-height:100svh;margin:0;overflow:hidden}button{letter-spacing:0}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{color:#f3fff8;background:radial-gradient(circle at 15% 10%,#2fbc9c40,#0000 28%),radial-gradient(circle at 85% 18%,#ff7adf33,#0000 24%),radial-gradient(circle at 50% 92%,#fff17624,#0000 24%),#050712;place-items:center;min-height:100svh;padding:16px;display:grid;position:relative;overflow:hidden}.game-frame{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111fc7;border:1px solid #b3ffe233;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);height:min(780px,100svh - 32px);min-height:520px;display:grid;overflow:hidden;box-shadow:0 24px 70px #0000006b}.topbar{background:linear-gradient(90deg,#050c17e6,#0e2330c7);border-bottom:1px solid #b3ffe229;align-items:center;gap:14px;min-height:82px;padding:12px 16px;display:flex}.brand-logo{align-items:center;width:172px;height:58px;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000052);width:100%;height:100%}.scoreboard{flex:1;grid-template-columns:repeat(4,minmax(96px,1fr));gap:8px;min-width:0;display:grid}.score-pill{text-align:right;background:#040b148a;border:1px solid #7df9ff2e;border-radius:8px;gap:1px;min-width:0;padding:8px 10px;display:grid}.score-pill span{color:#dcfff4b8;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.score-pill strong{color:#fff8b8;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.top-actions,.overlay-actions{align-items:center;gap:8px;display:flex}.install-button,.exit-button,.pause-button,.sound-button,.primary-action,.secondary-action,.character-button,.difficulty-button{color:#041017;font:inherit;cursor:pointer;touch-action:none;background:#9bff8a;border:0;border-radius:8px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s}.install-button:hover,.exit-button:hover,.pause-button:hover,.sound-button:hover,.primary-action:hover,.secondary-action:hover,.character-button:hover,.difficulty-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.install-button:focus-visible,.exit-button:focus-visible,.pause-button:focus-visible,.sound-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.character-button:focus-visible,.difficulty-button:focus-visible,.player-name-field input:focus-visible{outline-offset:3px;outline:3px solid #7df9ffe6}.install-button,.exit-button,.pause-button,.sound-button{white-space:nowrap;min-height:42px;padding:0 13px}.install-button{background:#7df9ff}.pause-button{background:#fff176}.exit-button{color:#e9fff4;background:#ff7adf33;border:1px solid #ff7adf61}.sound-button{color:#e9fff4;background:#071522e0;border:1px solid #7df9ff38}.sound-button[aria-pressed=true]{color:#041017;background:#9bff8a}.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#07111f;min-height:0;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.game-overlay{z-index:4;background:radial-gradient(circle,#05071238,#050712a8);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.overlay-panel{overscroll-behavior:contain;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-color:#7df9ff80 #040b14db;scrollbar-width:thin;background:#050c16d6;border:1px solid #b3ffe23d;border-radius:8px;justify-items:center;gap:14px;width:min(460px,100%);max-height:100%;padding:24px;display:grid;overflow:hidden auto;box-shadow:0 20px 60px #00000057}.overlay-panel::-webkit-scrollbar{width:10px;height:10px}.overlay-panel::-webkit-scrollbar-track{background:#040b14db;border-radius:999px}.overlay-panel::-webkit-scrollbar-thumb{background:linear-gradient(#7df9ff,#9bff8a);border:2px solid #040b14db;border-radius:999px}.overlay-panel-ready{width:min(620px,100%)}.overlay-alien{object-fit:contain;filter:drop-shadow(0 18px 28px #00000061);width:min(168px,48%);max-height:188px}.overlay-kicker{color:#7df9ff;text-transform:uppercase;font-size:.82rem;font-weight:800}.overlay-panel h1{color:#f7fff9;text-align:center;margin:0;font-size:2.35rem;line-height:1}.result-copy{color:#f3fff8d1;text-align:center;max-width:38ch;margin:0;font-size:.98rem}.player-name-field{color:#dcfff4b8;text-transform:uppercase;gap:6px;width:min(340px,100%);font-size:.78rem;font-weight:800;display:grid}.player-name-field input{color:#f3fff8;width:100%;height:48px;font:inherit;background:#040b14b8;border:1px solid #7df9ff3d;border-radius:8px;padding:0 12px;font-size:1.05rem;font-weight:800}.control-label{color:#dcfff4b8;text-transform:uppercase;justify-self:start;margin-bottom:-6px;font-size:.78rem;font-weight:800}.difficulty-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.character-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.difficulty-button{color:#e9fff4;background:#071522e0;border:1px solid #7df9ff33;justify-items:center;gap:2px;min-height:64px;padding:10px 8px;display:grid}.character-button{color:#e9fff4;background:#071522e0;border:1px solid #7df9ff33;justify-items:center;gap:6px;min-height:94px;padding:8px;display:grid}.difficulty-button[aria-pressed=true]{color:#041017;background:linear-gradient(135deg,#9bff8a,#7df9ff);border-color:#9bff8af2;box-shadow:0 0 22px #7df9ff2e}.character-button[aria-pressed=true]{color:#041017;background:linear-gradient(135deg,#fff176,#7df9ff);border-color:#fff176f2;box-shadow:0 0 22px #fff1762e}.character-button img{object-fit:contain;filter:drop-shadow(0 10px 16px #00000057);width:100%;height:58px}.character-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;overflow:hidden}.difficulty-button strong,.difficulty-button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.difficulty-button span{opacity:.78;font-size:.78rem;font-weight:700}.primary-action,.secondary-action{min-width:132px;min-height:50px;padding:0 22px}.primary-action{box-shadow:0 0 26px #9bff8a52}.secondary-action{color:#e9fff4;background:#071522e0;border:1px solid #7df9ff38}.ranking-list{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ranking-list li{color:#f3fff8;background:#040b1480;border:1px solid #7df9ff1f;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:6px 10px;display:grid}.ranking-list li span{color:#fff176;font-weight:900}.ranking-list li strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-list li em{color:#7df9ff;font-style:normal;font-weight:900}.ranking-list .ranking-empty{color:#f3fff8b8;grid-template-columns:1fr;justify-items:center}.progress-rail{z-index:3;background:#7df9ff1f;height:6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-rail span{transform-origin:0;background:linear-gradient(90deg,#9bff8a,#7df9ff,#fff176);width:100%;height:100%;display:block}.orientation-gate{z-index:30;color:#f3fff8;text-align:center;background:radial-gradient(circle at 50% 30%,#7df9ff33,#0000 32%),#050712f0;place-items:center;padding:24px;display:none;position:fixed;inset:0}.orientation-gate-panel{background:#07111fdb;border:1px solid #7df9ff3d;border-radius:8px;gap:8px;width:min(340px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #0000006b}.orientation-gate-panel strong{color:#fff176;font-size:1.4rem}.orientation-gate-panel span{color:#f3fff8c7;font-weight:700}@media (pointer:coarse) and (orientation:portrait){.orientation-gate{display:grid}}@media (width<=980px){.topbar{flex-wrap:wrap}.brand-logo{width:148px;height:50px}.scoreboard{flex-basis:100%;order:3;grid-template-columns:repeat(4,minmax(0,1fr))}.top-actions{margin-left:auto}}@media (width<=760px){.app-shell{padding:0}.game-frame{border:0;border-radius:0;width:100%;height:100svh;min-height:100svh}.topbar{gap:8px;min-height:76px;padding:8px}.brand-logo{width:118px;height:42px}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.score-pill{padding:5px 7px}.score-pill span{font-size:.66rem}.score-pill strong{font-size:.86rem}.install-button,.exit-button,.pause-button,.sound-button{min-height:38px;padding:0 10px}.game-overlay{padding:12px}.overlay-panel{gap:12px;padding:18px}.overlay-panel h1{font-size:1.9rem}.overlay-alien{width:min(128px,38%);max-height:136px}.difficulty-picker{grid-template-columns:1fr}.character-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-button{grid-template-columns:1fr auto;justify-items:start;min-height:48px;padding:9px 12px}.character-button{min-height:76px;padding:6px}.character-button img{height:42px}.character-button strong{font-size:.76rem}.overlay-actions{flex-direction:column;width:100%}.primary-action,.secondary-action{width:100%}}@media (pointer:coarse) and (orientation:landscape) and (height<=520px){.app-shell{padding:0}.game-frame{border:0;border-radius:0;width:100vw;height:100svh;min-height:0}.topbar{flex-wrap:nowrap;gap:6px;min-height:52px;padding:5px 8px}.brand-logo{flex:none;width:92px;height:34px}.scoreboard{flex:auto;order:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.score-pill{gap:0;padding:3px 5px}.score-pill span{font-size:.54rem}.score-pill strong{font-size:.68rem}.top-actions{flex:none;gap:5px;margin-left:0}.install-button,.exit-button,.pause-button,.sound-button{min-height:32px;padding:0 7px;font-size:.72rem}.game-overlay{place-items:center;padding:6px}.overlay-panel{align-content:center;gap:5px;width:min(740px,100%);max-height:100%;padding:8px 10px;overflow:hidden}.overlay-panel-ready{width:min(740px,100%)}.overlay-kicker,.control-label,.player-name-field{font-size:.62rem}.control-label{margin-bottom:-4px}.player-name-field{gap:2px;width:min(260px,100%)}.player-name-field input{height:34px;padding:0 9px;font-size:.84rem}.difficulty-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.character-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.difficulty-button{gap:0;min-height:34px;padding:4px 7px}.difficulty-button strong{font-size:.72rem}.difficulty-button span{font-size:.6rem}.character-button{gap:2px;min-height:50px;padding:3px}.character-button img{height:28px}.character-button strong{font-size:.62rem}.overlay-panel h1{font-size:1.35rem}.overlay-alien{width:62px;max-height:64px}.result-copy{max-width:52ch;font-size:.74rem}.overlay-actions{flex-direction:row;gap:6px;width:auto}.primary-action,.secondary-action{width:auto;min-width:104px;min-height:34px;padding:0 12px;font-size:.78rem}.ranking-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.ranking-list li{grid-template-columns:22px minmax(0,1fr) auto;gap:6px;min-height:24px;padding:2px 6px;font-size:.68rem}}