:root{--app-height: 100dvh;color-scheme:dark;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(52,152,219,.28),transparent 35%),linear-gradient(180deg,#09111a,#05080c);color:#f4f7fb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:var(--app-height);height:var(--app-height);background:transparent}.page-shell{height:var(--app-height);padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;justify-items:center;overflow:hidden}.page-header{text-align:center}.eyebrow{margin:0 0 8px;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:#7edcff}.page-header h1{margin:0;font-size:clamp(1.6rem,3.4vw,3rem)}.subtitle{margin:8px 0 0;color:#f4f7fbb8;font-size:clamp(.82rem,1.4vw,1rem)}.game-shell{width:min(100%,1320px);min-height:0;height:100%}.game-frame{width:100%;height:100%;display:grid;place-items:center;padding:10px;border:1px solid rgba(126,220,255,.2);border-radius:24px;background:#030a12b8;box-shadow:0 30px 80px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.game-frame canvas{width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:16px;object-fit:contain}@media(max-width:900px){body{height:var(--app-height);min-height:var(--app-height);overflow:hidden}.page-shell{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);padding:8px;gap:8px}.page-header h1{font-size:clamp(1.1rem,6vw,1.5rem)}.subtitle{margin-top:4px;font-size:.8rem}.game-shell{width:100%;height:100%;min-height:0}.game-frame{height:100%;min-height:0;padding:6px;border-radius:12px}.game-frame canvas{max-width:100%!important;max-height:100%!important;border-radius:10px}}@media(max-width:700px){.page-shell{padding:6px;gap:6px}.page-header{max-width:95vw}.eyebrow{margin-bottom:3px;font-size:.68rem}.subtitle{margin-top:2px}.game-frame,.game-frame canvas{border-radius:10px}}@media(max-width:900px)and (orientation:portrait){.page-header{display:none}.page-shell{padding:0;gap:0;grid-template-rows:minmax(0,1fr)}.game-shell{width:100%;height:100%}.game-frame{padding:0;border-radius:0;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#030812}.game-frame canvas{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:9 / 16;border-radius:0}}@media(max-width:900px)and (orientation:landscape){.page-header{display:none}.page-shell{padding:0;gap:0;grid-template-rows:minmax(0,1fr)}.game-shell{width:100%;height:100%}.game-frame{padding:0;border:0;border-radius:0;background:#02070d}.game-frame canvas{width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:16 / 9;border-radius:0}}.mobile-controls-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.mobile-controls-overlay.mobile-controls-visible{display:block}.mobile-joystick{position:absolute;left:16px;bottom:16px;width:120px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-joystick-drag{width:40px;height:22px;margin:0 auto 7px;display:block;border:1px solid rgba(126,220,255,.35);border-radius:999px;background:#0a111ad1;color:#f4f7fbd9;font-size:.95rem;line-height:1;cursor:grab}.mobile-joystick-drag:active{cursor:grabbing}.mobile-joystick-base{width:120px;height:120px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#7edcff59,#040b13bf);border:1px solid rgba(126,220,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;box-shadow:0 8px 26px #00000059}.mobile-joystick-thumb{width:48px;height:48px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#f4f7fbeb,#7edcff59);border:1px solid rgba(126,220,255,.5);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000047}@media(max-width:480px){.mobile-joystick{left:10px;bottom:10px;width:104px}.mobile-joystick-base{width:104px;height:104px}.mobile-joystick-thumb{width:42px;height:42px}}