* { box-sizing: border-box; } body {margin: 0;}:root{--gjs-t-color-primary:#cf549e;--gjs-t-color-secondary:#b9227d;--gjs-t-color-accent:#ffb347;--gjs-t-color-success:#28a745;--gjs-t-color-warning:#ffc107;--gjs-t-color-error:#dc3545;}html{scroll-behavior:smooth;}.gjs-t-body{background-color:inherit;color:inherit;font-size:1rem;line-height:1.75rem;}.gjs-t-h1{color:var(--gjs-t-color-secondary);font-size:1.5rem;line-height:2.5rem;}.gjs-t-h2{color:#601843;font-size:1.2rem;line-height:1.75rem;}.gjs-t-button{background-color:var(--gjs-t-color-primary);color:white;border-radius:0.3rem;}.gjs-t-link{color:var(--gjs-t-color-primary);text-decoration:underline;}.gjs-t-border{border-radius:0.3rem;border-color:#e0e0e0;}*, ::before, ::after{box-sizing:border-box;undefined:undefined;border-width:0;border-style:solid;border-color:#e5e7eb;}html, :host{line-height:1.5;undefined:undefined;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;undefined:undefined;line-height:inherit;}hr{height:0;undefined:undefined;color:inherit;border-top-width:1px;}abbr:where([title]){text-decoration:underline dotted;}h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b, strong{font-weight:bolder;}code, kbd, samp, pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;undefined:undefined;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%;}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;undefined:undefined;border-color:inherit;border-collapse:collapse;}button, input, optgroup, select, textarea{font-family:inherit;undefined:undefined;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button, select{text-transform:none;}button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']){-webkit-appearance:button;undefined:undefined;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;undefined:undefined;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;undefined:undefined;font:inherit;}summary{display:list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{margin:0;}fieldset{margin:0;padding:0;}legend{padding:0;}ol, ul, menu{list-style:none;margin:0;padding:0;}dialog{padding:0;}textarea{resize:vertical;}input::placeholder, textarea::placeholder{opacity:1;undefined:undefined;color:#9ca3af;}button, [role="button"]{cursor:pointer;}:disabled{cursor:default;}img, svg, video, canvas, audio, iframe, embed, object{display:block;undefined:undefined;vertical-align:middle;}img, video{max-width:100%;height:auto;}[hidden]{display:none;}.body{background-color:rgb(23 23 23 / 1);color:rgb(255 255 255 / 1);font-family:Tajawal;min-height:100%;}.header{width:100%;border-bottom-width:1px;border-color:rgb(38 38 38 / 1);background-color:rgb(23 23 23 / 0.6);backdrop-filter:blur(4px);}.header-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem;display:flex;align-items:center;justify-content:space-between;}.header-title{font-family:Cairo;letter-spacing:-0.025em;}.header-nav{display:flex;align-items:center;gap:1rem;}.nav-link:hover{text-decoration-line:none;color:var(--gjs-t-color-secondary);}.nav-link:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.nav-link{border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;}.main-content{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;}.game-section{position:relative;width:100%;border-radius:0.25rem;border-width:1px;background-color:rgb(38 38 38 / 0.5);}.game-container{position:relative;width:100%;min-height:560px;display:flex;align-items:stretch;justify-content:stretch;border-radius:0.25rem;overflow:hidden;}.hud-bar{position:absolute;top:1rem;left:1rem;background-color:rgb(23 23 23 / 0.7);border-width:1px;border-color:rgb(64 64 64 / 1);border-radius:0.25rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;display:flex;align-items:center;gap:1rem;}.hud-score-group{display:flex;align-items:center;gap:0.5rem;}.hud-score-label{color:rgb(212 212 212 / 1);}.hud-score-value{font-family:Cairo;color:rgb(255 255 255 / 1);}.hud-lives-group{display:flex;align-items:center;gap:0.5rem;}.hud-lives-label{color:rgb(212 212 212 / 1);}.hud-lives-value{font-family:Cairo;color:rgb(255 255 255 / 1);}.controls-group-left{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:0.75rem;}.control-button-left{width:4rem;height:4rem;border-radius:9999px;background-color:rgb(255 255 255 / 0.1);border-width:1px;border-color:rgb(64 64 64 / 1);display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.control-button-left:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.control-button-left:hover{background-color:rgb(255 255 255 / 0.2);}.control-icon-left{width:1.5rem;height:1.5rem;object-fit:contain;}.control-button-right{width:4rem;height:4rem;border-radius:9999px;background-color:rgb(255 255 255 / 0.1);border-width:1px;border-color:rgb(64 64 64 / 1);display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.control-button-right:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.control-button-right:hover{background-color:rgb(255 255 255 / 0.2);}.control-icon-right{width:1.5rem;height:1.5rem;object-fit:contain;}.controls-group-right{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:0.75rem;}.control-button-fire{width:4rem;height:4rem;border-radius:9999px;background-color:rgb(255 255 255 / 0.1);border-width:1px;border-color:rgb(64 64 64 / 1);display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.control-button-fire:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.control-button-fire:hover{background-color:rgb(255 255 255 / 0.2);}.control-icon-fire{width:1.5rem;height:1.5rem;object-fit:contain;}.controls-group-pause{position:absolute;top:1rem;right:1rem;}.control-button-pause{width:3rem;height:3rem;border-radius:9999px;background-color:rgb(255 255 255 / 0.1);border-width:1px;border-color:rgb(64 64 64 / 1);display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.control-button-pause:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.control-button-pause:hover{background-color:rgb(255 255 255 / 0.2);}.control-icon-pause{width:1.25rem;height:1.25rem;object-fit:contain;}.help-section{margin-top:1.5rem;border-top-width:1px;border-color:rgb(38 38 38 / 1);padding-top:1.5rem;}.help-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem;}.help-card-controls{border-radius:0.25rem;border-width:1px;background-color:rgb(38 38 38 / 0.4);padding:1rem;}.help-title{font-family:Cairo;margin-bottom:0.5rem;}.help-list{list-style-type:disc;padding-right:1.25rem;color:rgb(229 229 229 / 1);}.help-card-goal{border-radius:0.25rem;border-width:1px;background-color:rgb(38 38 38 / 0.4);padding:1rem;}.help-text{color:rgb(229 229 229 / 1);}.footer{width:100%;margin-top:2rem;border-top-width:1px;border-color:rgb(38 38 38 / 1);}.footer-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;}.footer-text{color:rgb(163 163 163 / 1);}.footer-link:hover{text-decoration-line:none;color:var(--gjs-t-color-secondary);}.footer-link:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 0px #fff,    0 0 0 calc(2px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;}.footer-link{border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;}@media (max-width: 992px){.help-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}}@media (max-width: 480px){.game-container{min-height:420px;}.hud-bar{left:0.75rem;top:0.75rem;}.controls-group-left{bottom:0.75rem;left:0.75rem;}.control-button-left{width:3.5rem;height:3.5rem;}.control-button-right{width:3.5rem;height:3.5rem;}.controls-group-right{bottom:0.75rem;right:0.75rem;}.control-button-fire{width:3.5rem;height:3.5rem;}.controls-group-pause{top:0.75rem;right:0.75rem;}.control-button-pause{width:2.75rem;height:2.75rem;}}