:root{--ui-color-bg-base: #090b13;--ui-color-bg-elevated: rgba(12, 16, 30, .86);--ui-color-bg-surface: #151515;--ui-color-bg-hover: #90908f;--ui-color-text-primary: #e7ebff;--ui-color-text-muted: #c4c4c4;--ui-color-accent: #ffff49;--ui-color-danger: #ff3d3d;--ui-color-border-strong: #151515;--ui-color-border-accent: #ff0000;--ui-space-2xs: .25rem;--ui-space-xs: .5rem;--ui-space-sm: .8rem;--ui-space-md: 1rem;--ui-space-lg: 1.6rem;--ui-space-xl: 2.4rem;--ui-radius-sm: .35em;--ui-radius-md: .5em;--ui-radius-lg: .8em;--ui-glow-soft: 0 0 .45em rgba(255, 255, 73, .45);--ui-glow-strong: 0 0 .85em rgba(255, 255, 73, .7);--ui-focus-ring: 0 0 0 .09em rgba(255, 255, 73, .95), 0 0 0 .2em rgba(9, 11, 19, .95), 0 0 .9em rgba(255, 255, 73, .4);--ui-shadow-panel: 0 .35em 1em rgba(0, 0, 0, .55);--ui-shadow-button: .2em .2em .3em rgb(0, 0, 0);--ui-font-display: Copperplate, "Copperplate Gothic Light", fantasy;--ui-font-body: Arial, sans-serif;--ui-line-height: 1.4}body{margin:0;height:100%;width:100%;color:var(--ui-color-text-primary);font-family:var(--ui-font-body);line-height:var(--ui-line-height);background:radial-gradient(circle at 20% 20%,#1c2033 0%,var(--ui-color-bg-base) 58%)}html{height:100%;width:100%}#asteroids,#attract-asteroids,#menu-canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;object-fit:contain;z-index:10;margin:auto}#menu-canvas{z-index:0;pointer-events:none}#game{font-size:40px;position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.ui-shell-screen{color:var(--ui-color-text-primary)}.ui-panel{position:relative;background:var(--ui-color-bg-elevated);border:.06em solid rgba(231,235,255,.18);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-panel);overflow:hidden}.ui-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.16;background:linear-gradient(120deg,#ffff4900 28%,#ffff493d,#ffff4900 72%);transform:translate(-115%);animation:panel-shimmer 10s ease-in-out infinite}.ui-title{margin:0 0 var(--ui-space-md);color:var(--ui-color-accent);font-family:var(--ui-font-display);font-weight:400;letter-spacing:.04em;text-shadow:var(--ui-glow-soft)}.ui-menu{text-align:center;padding:0;margin:0;list-style:none}.ui-menu li{margin:var(--ui-space-sm) 0}.ui-button{font-family:var(--ui-font-body);font-size:.6em;color:var(--ui-color-text-primary);width:10em;height:1.5em;background:var(--ui-color-bg-surface);border:.1em solid var(--ui-color-border-accent);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-button)}.ui-button:hover{background:var(--ui-color-bg-hover)}.ui-button:active{color:var(--ui-color-text-muted);background:#000}button:focus-visible,input:focus-visible{outline:.08em solid var(--ui-color-accent);outline-offset:.08em;box-shadow:var(--ui-focus-ring)}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}#game .screen{display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:10}#game .screen.active{display:block}#main-menu{display:grid;place-items:center;font-size:.75em;padding:clamp(.75rem,3.5vh,2.5rem) clamp(.75rem,3.5vw,2.5rem);box-sizing:border-box}#main-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 28%,#ffff4924,#090b13b3 38%,#090b13f0 72%);animation:shell-ambient-drift 18s ease-in-out infinite alternate;pointer-events:none}#menu-wrap{position:relative;z-index:1;margin:0 auto;width:min(62vw,25em);padding:var(--ui-space-xl) var(--ui-space-lg);text-align:center;border-color:#ffff4966;box-shadow:0 0 1.2em #0000009e,0 0 1.8em #ffff4929}#menu-wrap .menu-heading{margin-bottom:var(--ui-space-lg)}#menu-wrap .menu-kicker{margin:0 0 var(--ui-space-xs);font-size:.32em;letter-spacing:.28em;text-transform:uppercase;color:var(--ui-color-text-primary);opacity:.78}#menu-wrap h1{margin-bottom:var(--ui-space-lg);font-family:var(--ui-font-display);color:var(--ui-color-accent);font-size:clamp(1.2em,3.1vw,1.95em);line-height:1.05;text-wrap:balance;text-shadow:var(--ui-glow-strong)}#main-menu .ui-menu li{margin:var(--ui-space-md) 0}#main-menu .ui-button{width:min(78vw,12.5em);min-height:1.72em;border-color:#ffff49d1;background:#151515e6;letter-spacing:.04em;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}#main-menu .ui-button:hover,#main-menu .ui-button:focus-visible{background:#90908f61;border-color:var(--ui-color-accent);box-shadow:0 0 .65em #ffff4985;transform:translateY(-.03em)}#main-menu .ui-button:active{color:var(--ui-color-text-primary);background:#000000b8;box-shadow:inset 0 0 .25em #000c;transform:translateY(.02em)}@media (max-width: 1000px){#main-menu{font-size:.7em}#menu-wrap{width:min(84vw,23em);padding:var(--ui-space-lg) var(--ui-space-md)}}@media (max-width: 720px){#main-menu{font-size:.62em}#menu-wrap{width:min(92vw,22em);padding:var(--ui-space-lg) var(--ui-space-sm)}#menu-wrap .menu-kicker{letter-spacing:.2em}}ul.menu{text-align:center;padding:0;margin:0;list-style:none}ul.menu li,#options table button{margin:var(--ui-space-sm) 0}ul.menu li button,#options table button{font-family:var(--ui-font-body);font-size:.6em;color:var(--ui-color-text-primary);width:10em;height:1.5em;background:var(--ui-color-bg-surface);border:.1em solid var(--ui-color-border-accent);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-button)}ul.menu li button:hover,#options table button:hover{background:var(--ui-color-bg-hover)}ul.menu li button:active,#options table button:active{color:var(--ui-color-text-muted);background:#000}#game div h1{font-size:1em;text-align:center}#instructions,#high-scores,#options,#about{display:grid;place-items:center;padding:var(--ui-space-lg)}#instructions .screen-panel,#high-scores .screen-panel,#options .screen-panel,#about .screen-panel{width:min(84vw,34em);max-height:90vh;padding:var(--ui-space-lg) var(--ui-space-lg) var(--ui-space-md);overflow-y:auto}.screen-panel .ui-title{margin-bottom:var(--ui-space-lg)}.screen-panel-body{display:grid;gap:var(--ui-space-md)}.screen-panel-actions{margin-top:var(--ui-space-lg);text-align:center}.screen-panel-actions li{margin:0}.screen-panel-actions .ui-button{width:min(78vw,12em);min-height:1.65em;border-color:#ffff49b8;background:#151515e6;letter-spacing:.04em;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.screen-panel-actions .ui-button:hover,.screen-panel-actions .ui-button:focus-visible{background:#90908f61;border-color:var(--ui-color-accent);box-shadow:0 0 .65em #ffff4985;transform:translateY(-.03em)}.screen-panel-actions .ui-button:active{color:var(--ui-color-text-primary);background:#000000b8;box-shadow:inset 0 0 .25em #000c;transform:translateY(.02em)}#high-scores ol{text-align:left;padding:0;margin:0 auto;list-style:none;width:min(24em,100%);display:grid;gap:var(--ui-space-xs)}#high-scores ol li{margin:0;padding:.35em .65em;font-size:.62em;line-height:1.35;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#00000059;border:.05em solid rgba(231,235,255,.2);border-radius:var(--ui-radius-sm)}#high-scores ol:empty:before{content:"No scores yet. Finish a game to post one.";display:block;text-align:center;font-size:.54em;color:var(--ui-color-text-muted);padding:var(--ui-space-sm) var(--ui-space-xs)}#instructions ul{text-align:left;font-size:.62em;line-height:1.55;padding:0 0 0 1.25em;margin:0;list-style:disc}#instructions ul li{margin:0 0 var(--ui-space-xs)}#instructions ul li:last-child{margin-bottom:0}#instructions p{margin:0;width:min(68ch,100%);text-align:left;font-size:.52em;line-height:1.68}#options p{text-align:center;padding:0;margin:0;list-style:none;color:var(--ui-color-text-muted)}#options table{margin-left:auto;margin-right:auto;width:min(30em,100%);border-collapse:separate;border-spacing:0 var(--ui-space-xs);font-size:.62em}#options table td{padding:var(--ui-space-2xs) var(--ui-space-sm);vertical-align:middle}#options table td:first-child{width:48%;text-align:left}#options table td:nth-child(2){width:22%}#options table td:last-child{width:30%;text-align:right}#options table input{width:100%;font:inherit;font-size:.9em;line-height:1.25;text-align:center;color:var(--ui-color-text-primary);background:#0006;border:.06em solid rgba(231,235,255,.3);border-radius:var(--ui-radius-sm);padding:.2em .4em}#options table button{width:100%;min-width:6.5em}#options table button.is-capturing{color:var(--ui-color-border-strong);background:var(--ui-color-accent);border-color:var(--ui-color-border-strong);box-shadow:var(--ui-glow-strong)}#options table button.is-capturing:hover,#options table button.is-capturing:active{color:var(--ui-color-border-strong);background:var(--ui-color-accent)}#game div p{font-size:.5em}#about p{text-align:center;margin:0}#about .screen-panel-body{justify-items:center}#about .about-label{font-size:.44em;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-color-text-muted)}#about .about-credits{padding:0;margin:0;list-style:none;display:grid;gap:var(--ui-space-xs);justify-items:center}#about .about-credits li{margin:0;font-size:.62em;letter-spacing:.03em}#game .storage-warning{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:999;font-size:.45em;padding:.35em .75em;color:var(--ui-color-border-strong);background:var(--ui-color-accent);border:.1em solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-glow-strong)}@keyframes shell-ambient-drift{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-.25em,0);opacity:.9}}@keyframes panel-shimmer{0%,30%{transform:translate(-115%)}60%,to{transform:translate(115%)}}@media (prefers-reduced-motion: reduce){#main-menu:before,.ui-panel:after{animation:none}#main-menu .ui-button,.screen-panel-actions .ui-button,ul.menu li button,#options table button{transition:none}#main-menu .ui-button:hover,#main-menu .ui-button:focus-visible,.screen-panel-actions .ui-button:hover,.screen-panel-actions .ui-button:focus-visible{transform:none}}