brick-engine-js 1.0.8 → 1.0.10

package/dist/css/app.bundle.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"css/app.bundle.css","mappings":"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","sources":["webpack://BrickEngine/./public/style/body.css","webpack://BrickEngine/./public/style/buttons.css","webpack://BrickEngine/./public/style/debugger.css","webpack://BrickEngine/./public/style/sessionModal.css","webpack://BrickEngine/./public/style/sourceCodeAndCommands.css","webpack://BrickEngine/./public/style/splash.css","webpack://BrickEngine/./public/style/theme.css"],"sourcesContent":["/* MAIN BODY */\n\n#brick-game {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n}\n\n#container {\n    width: var(--width);\n    height: var(--height);\n\n    background-color: var(--main-color);\n\n    border-radius: var(--border-radius);\n    border: var(--border);\n\n    box-sizing: border-box;\n    margin: auto;\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    box-shadow:\n        calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;\n}\n\n#brick-game-canvas {\n    border: var(--border);\n    box-shadow:\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);\n}\n\n/* FRAME */\n\n#frame {\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    position: relative;\n\n    width: calc(var(--width) * 0.85);\n    height: auto;\n    aspect-ratio: 9/10;\n    margin: 7.5%;\n    margin-bottom: 3.75%;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#frame div {\n    position: absolute;\n    top: calc(var(--height) * -0.02);\n    left: 27.5%;\n\n    width: 45%;\n    height: calc(var(--height) * 0.03);\n\n    background-color: var(--main-color);\n\n    display: flex;\n    justify-content: center;\n\n    padding-top: calc(var(--height) * 0.005);\n    padding-bottom: 0;\n}\n\n#frame p {\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-weight: bold;\n    font-size: calc(var(--height) * 0.03);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n","/* BUTTONS */\n\n.sm-btn,\n.btn,\n.lg-btn {\n    z-index: 999;\n}\n\n.sm-btn {\n    box-shadow:\n        calc(var(--width) * -0.0075) calc(var(--width) * 0.0075) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.sm-btn:active {\n    box-shadow:\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.0025)) translateY(calc(var(--width) * 0.0025));\n}\n\n.btn {\n    box-shadow:\n        calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.btn:active {\n    box-shadow:\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.005)) translateY(calc(var(--width) * 0.005));\n}\n\n.lg-btn {\n    box-shadow:\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.lg-btn:active {\n    box-shadow:\n        calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.0075)) translateY(calc(var(--width) * 0.0075));\n}\n\n.sm-btn-p,\n.btn-p,\n.lg-btn-p {\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n}\n\n.sm-btn-container,\n.btn-container,\n.lg-btn-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.sm-btn,\n.btn,\n.lg-btn {\n    outline: none;\n\n    border-radius: 50%;\n    border: var(--button-border);\n\n    transition-property: transform box-shadow;\n    transition-duration: var(--button-animation-duration);\n\n    background-color: var(--button-color);\n}\n\n.sm-btn-container {\n    flex-direction: column;\n}\n\n.sm-btn {\n    width: var(--sm-button-size);\n    height: var(--sm-button-size);\n}\n\n.sm-btn-p {\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n\n    font-size: calc(var(--width) * 0.03);\n\n    /* width: calc(var(--width) * 0.08); */\n    margin-top: calc(var(--width) * 0.01);\n\n    line-height: calc(var(--width) * 0.03);\n    height: calc(var(--width) * 0.06);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n\n.btn-container {\n    flex-direction: column-reverse;\n}\n\n.btn {\n    width: var(--button-size);\n    height: var(--button-size);\n}\n\n.btn-p {\n    font-weight: bold;\n    font-size: calc(var(--width) * 0.04);\n    margin-bottom: calc(var(--width) * 0.015);\n    line-height: calc(var(--width) * 0.03);\n}\n\n.lg-btn-container {\n    flex-direction: column;\n}\n\n.lg-btn {\n    width: var(--lg-button-size);\n    height: var(--lg-button-size);\n}\n\n.lg-btn-p {\n    font-weight: bold;\n    font-size: calc(var(--width) * 0.05);\n    margin-bottom: calc(var(--width) * 0.015);\n    line-height: calc(var(--width) * 0.03);\n}\n\n.btn,\n.lg-btn {\n    font-family: 'retro-gamming';\n    font-size: calc(var(--width) * 0.045);\n    font-weight: bold;\n    color: white;\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);\n}\n\n/* BUTTON CONTAINERS */\n\n#button-container,\n#small-button-container,\n#inner-button-container,\n#medium-button-container,\n#large-button-container {\n    width: 100%;\n    height: auto;\n}\n\n#button-container {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n#small-button-container {\n    display: flex;\n    flex-grow: 0.1;\n    justify-content: space-evenly;\n\n    max-height: 150px;\n\n    position: relative;\n}\n\n.sm-btn-container-top {\n    position: relative;\n    top: -20%;\n}\n\n.sm-btn-container-bottom {\n    position: relative;\n    bottom: -20%;\n}\n\n#inner-button-container {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n}\n\n#medium-button-container {\n    display: flex;\n    flex-shrink: 1;\n\n    position: relative;\n}\n\n#large-button-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    flex-shrink: 1.5;\n}\n\n#direction-vertical-container,\n#direction-horizontal-container {\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: calc(var(--width) * 0.115);\n\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n#direction-vertical-container {\n    flex-direction: column;\n}\n\n#direction-horizontal-container {\n    flex-direction: row;\n}\n","#debugger {\n    font-family: 'retro-gamming', monospace;\n    background-color: rgba(0, 0, 0, 0.9);\n    color: #0f0; /* Green phosphor */\n    border: 2px solid #0f0;\n    box-shadow: 0 0 10px #0f0;\n    padding: 10px;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 300px;\n    max-height: calc(100vh - 40px);\n    overflow-y: auto;\n    user-select: none;\n    -webkit-user-select: none;\n    z-index: 9999;\n    font-size: 14px;\n    /* text-shadow: 0 0 2px #0f0; */\n}\n\n/* Custom Scrollbar */\n#debugger::-webkit-scrollbar {\n    width: 8px;\n}\n\n#debugger::-webkit-scrollbar-track {\n    background: #001100;\n}\n\n#debugger::-webkit-scrollbar-thumb {\n    background: #0f0;\n    border-radius: 4px;\n}\n\n#debugger::-webkit-scrollbar-thumb:hover {\n    background: #0a0;\n}\n\n/* Summary / Header */\n#debugger-summary {\n    font-weight: bold;\n    font-size: 16px;\n    cursor: pointer;\n    margin-bottom: 10px;\n    /* text-transform: uppercase; */\n    border-bottom: 1px dashed #0f0;\n    padding-bottom: 5px;\n    list-style: none;\n}\n\n/* Module Sections */\n.debugger-module {\n    margin-bottom: 10px;\n    border-left: 1px solid #004400;\n    padding-left: 8px;\n}\n\n.debugger-module-summary {\n    cursor: pointer;\n    font-weight: bold;\n    color: #cfc;\n    margin-bottom: 4px;\n}\n\n.debugger-module-summary:hover {\n    color: #fff;\n    /* text-shadow: 0 0 4px #fff; */\n}\n\n/* Data Rows */\n.debugger-container {\n    display: flex;\n    justify-content: space-between;\n    padding: 2px 0;\n    border-bottom: 1px dotted #003300;\n}\n\n/* Closed State */\n#debugger:not([open]) {\n    width: auto;\n    height: auto;\n    max-height: none;\n    padding: 5px 10px;\n    border: 1px solid #0f0;\n    background-color: rgba(0, 0, 0, 0.5);\n    box-shadow: none;\n}\n\n#debugger:not([open]) #debugger-summary {\n    margin-bottom: 0;\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.debugger-container:hover {\n    background-color: rgba(0, 255, 0, 0.05);\n}\n\n.debugger-container.highlight {\n    background-color: transparent;\n    color: #fff;\n    /* text-shadow: 0 0 5px #fff; */\n    border-bottom: 1px solid #fff;\n}\n\n.debugger-container.highlight span {\n    color: #fff;\n}\n\n.debugger-container p {\n    margin: 0;\n    opacity: 0.8;\n}\n\n.debugger-container span {\n    font-weight: bold;\n}\n","#modal-background {\n    position: absolute;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#modal-background.hidden {\n    display: none;\n}\n\n#session-modal {\n    width: 80%;\n    max-width: 500px;\n    height: 44%;\n    max-height: 360px;\n    min-width: 320px;\n    min-height: 280px;\n    position: relative;\n    overflow: hidden;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 1rem 0;\n\n    background-color: var(--main-color);\n\n    border-radius: var(--border-radius);\n    border: var(--border);\n\n    box-shadow:\n        calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;\n}\n\n#session-modal-frame {\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    position: relative;\n\n    width: 90%;\n    flex: 1;\n    margin: 1rem 0;\n    min-height: 0;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#session-modal-frame > p {\n    position: absolute;\n    top: 0;\n    transform: translateY(-50%);\n\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-weight: bold;\n    font-size: clamp(1rem, calc(var(--height) * 0.03), 1.4rem);\n\n    background-color: var(--main-color);\n    padding: 0 calc(var(--width) * 0.02);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n\n#session-modal-screen {\n    width: 90%;\n    height: 80%;\n\n    border: var(--border);\n    box-shadow:\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);\n\n    background-image: url('../images/cell.svg');\n    background-size: 3.7%;\n    background-repeat: repeat;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#session-modal-screen > p {\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-size: 1.5rem;\n\n    padding: 0 calc(var(--width) * 0.02);\n}\n\n#session-modal-screen > p > span {\n    font-size: 1.8rem;\n    padding: 0 calc(var(--width) * 0.02);\n}\n\n#session-modal-buttons {\n    width: 100%;\n    padding-bottom: 0.5rem;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    gap: clamp(1rem, 5vw, 2.5rem);\n}\n\n.session-modal-button:active {\n    box-shadow:\n        calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translate(calc(var(--width) * -0.005), calc(var(--width) * 0.005));\n}\n\n.session-modal-button {\n    width: 35%;\n    max-width: 150px;\n    padding: 0.8rem 0;\n\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    background-color: var(--button-color);\n    box-shadow:\n        calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n\n    font-size: 1rem;\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);\n\n    transition:\n        transform var(--button-animation-duration),\n        box-shadow var(--button-animation-duration);\n}\n","#source-code {\n    position: absolute;\n    top: 2%;\n    right: 2%;\n}\n\n#controls {\n    position: absolute;\n    top: 2%;\n    left: 2%;\n}\n\n#source-code,\n#controls {\n    background-color: var(--main-color);\n    padding: 0.75rem;\n    border-radius: 1.5rem;\n    cursor: pointer;\n    box-sizing: content-box;\n}\n\n#source-code > #source-code-button,\n#controls > #controls-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#source-code > #source-code-button > img,\n#controls > #controls-button > img {\n    width: 2.5rem;\n    filter: invert();\n}\n#source-code:hover,\n#controls:hover {\n    background-color: var(--color-shadow-reflexion);\n}\n#source-code:active,\n#controls:active {\n    filter: brightness(1.15);\n}\n\n#source-code::after,\n#controls::after {\n    font-family: 'retro-gamming';\n    padding: 0.5rem;\n    width: 6rem;\n    background-color: white;\n    text-align: center;\n    border-radius: 0.25rem;\n    border: 1px black solid;\n    box-shadow: 0.25rem 0.25rem black;\n    opacity: 0;\n    transition: 0.25s opacity;\n}\n\n#source-code:hover::after,\n#controls:hover::after {\n    opacity: 1;\n}\n\n#source-code::after {\n    content: 'source code';\n    position: absolute;\n    top: 75px;\n    left: -65px;\n}\n\n#controls::after {\n    content: 'Controls';\n    position: absolute;\n    top: 75px;\n    left: 15px;\n}\n","#splash {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: black;\n    opacity: 0.85;\n    z-index: 1000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","@font-face {\n    font-family: retro-gamming;\n    src: url(./../fonts/digital-7.monoitalic.ttf);\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: content-box;\n    user-select: none;\n}\n\nbody {\n    width: 100vw;\n    height: 100vh;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    background: rgb(0, 158, 247);\n    background: linear-gradient(300deg, rgb(48, 179, 255) 0%, rgba(0, 158, 247, 1) 100%);\n}\n\n#version {\n    font-family: 'retro-gamming';\n    font-size: 1rem;\n    color: white;\n    position: absolute;\n    bottom: 1rem;\n    right: 1rem;\n}\n\n@media only screen and (max-width: 600px) {\n    #source-code,\n    #controls {\n        display: none;\n    }\n\n    body,\n    #container {\n        width: 100% !important;\n        height: 100vh !important;\n        /* height: 100dvh !important; */\n        border-radius: 0px !important;\n    }\n\n    #frame > canvas {\n        width: 85% !important;\n        height: auto !important;\n        aspect-ratio: 9/10 !important;\n    }\n\n    #frame {\n        width: 85% !important;\n        padding: 7.5%¨ !important;\n    }\n\n    #small-button-container {\n        margin-top: 3.5%;\n    }\n    #direction-vertical-container,\n    #direction-horizontal-container {\n        gap: calc(var(--width) * 0.13);\n    }\n\n    #large-button-container {\n        flex-shrink: 1.75;\n    }\n\n    .sm-btn {\n        width: var(--sm-button-size-mobile) !important;\n        height: var(--sm-button-size-mobile) !important;\n    }\n\n    .btn {\n        width: var(--button-size-mobile) !important;\n        height: var(--button-size-mobile) !important;\n        margin: var(--button-size-mobile-spacing) !important;\n        font-size: var(--button-size-mobile-font-size) !important;\n    }\n\n    .lg-btn {\n        width: var(--lg-button-size-mobile) !important;\n        height: var(--lg-button-size-mobile) !important;\n        font-size: var(--lg-button-size-mobile-font-size) !important;\n    }\n\n    .sm-btn-p {\n        font-size: var(--sm-button-size-mobile-font-size) !important;\n        line-height: var(--sm-button-size-mobile-line-height) !important;\n    }\n}\n\n@media only screen and (max-width: 990px) {\n    #wasd {\n        width: 10.5rem !important;\n    }\n\n    .key {\n        width: 3rem !important;\n    }\n\n    .key-description {\n        font-size: 1.5rem !important;\n    }\n\n    .command {\n        gap: 0.5rem !important;\n    }\n}\n\n@media only screen and (max-width: 815px) {\n    #controls-tutorial {\n        gap: 0rem;\n        flex-direction: column !important;\n    }\n}\n\n@media only screen and (max-width: 750px) {\n    .key-description {\n        font-size: 1.2rem !important;\n    }\n}\n\n@media only screen and (max-width: 650px) {\n    #wasd {\n        width: 9rem !important;\n    }\n\n    .key {\n        width: 2.5rem !important;\n    }\n    .key-description {\n        font-size: 1rem !important;\n    }\n}\n"],"names":[],"sourceRoot":""}

package/dist/css/brick-engine.bundle.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"css/brick-engine.bundle.css","mappings":"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","sources":["webpack://BrickEngine/./public/style/body.css","webpack://BrickEngine/./public/style/buttons.css","webpack://BrickEngine/./public/style/debugger.css","webpack://BrickEngine/./public/style/sessionModal.css","webpack://BrickEngine/./public/style/sourceCodeAndCommands.css","webpack://BrickEngine/./public/style/splash.css","webpack://BrickEngine/./public/style/theme.css"],"sourcesContent":["/* MAIN BODY */\n\n#brick-game {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n}\n\n#container {\n    width: var(--width);\n    height: var(--height);\n\n    background-color: var(--main-color);\n\n    border-radius: var(--border-radius);\n    border: var(--border);\n\n    box-sizing: border-box;\n    margin: auto;\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    box-shadow:\n        calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;\n}\n\n#brick-game-canvas {\n    border: var(--border);\n    box-shadow:\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);\n}\n\n/* FRAME */\n\n#frame {\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    position: relative;\n\n    width: calc(var(--width) * 0.85);\n    height: auto;\n    aspect-ratio: 9/10;\n    margin: 7.5%;\n    margin-bottom: 3.75%;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#frame div {\n    position: absolute;\n    top: calc(var(--height) * -0.02);\n    left: 27.5%;\n\n    width: 45%;\n    height: calc(var(--height) * 0.03);\n\n    background-color: var(--main-color);\n\n    display: flex;\n    justify-content: center;\n\n    padding-top: calc(var(--height) * 0.005);\n    padding-bottom: 0;\n}\n\n#frame p {\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-weight: bold;\n    font-size: calc(var(--height) * 0.03);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n","/* BUTTONS */\n\n.sm-btn,\n.btn,\n.lg-btn {\n    z-index: 999;\n}\n\n.sm-btn {\n    box-shadow:\n        calc(var(--width) * -0.0075) calc(var(--width) * 0.0075) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.sm-btn:active {\n    box-shadow:\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.0025)) translateY(calc(var(--width) * 0.0025));\n}\n\n.btn {\n    box-shadow:\n        calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.btn:active {\n    box-shadow:\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.005)) translateY(calc(var(--width) * 0.005));\n}\n\n.lg-btn {\n    box-shadow:\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n}\n\n.lg-btn:active {\n    box-shadow:\n        calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translateX(calc(var(--width) * -0.0075)) translateY(calc(var(--width) * 0.0075));\n}\n\n.sm-btn-p,\n.btn-p,\n.lg-btn-p {\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n}\n\n.sm-btn-container,\n.btn-container,\n.lg-btn-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.sm-btn,\n.btn,\n.lg-btn {\n    outline: none;\n\n    border-radius: 50%;\n    border: var(--button-border);\n\n    transition-property: transform box-shadow;\n    transition-duration: var(--button-animation-duration);\n\n    background-color: var(--button-color);\n}\n\n.sm-btn-container {\n    flex-direction: column;\n}\n\n.sm-btn {\n    width: var(--sm-button-size);\n    height: var(--sm-button-size);\n}\n\n.sm-btn-p {\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n\n    font-size: calc(var(--width) * 0.03);\n\n    /* width: calc(var(--width) * 0.08); */\n    margin-top: calc(var(--width) * 0.01);\n\n    line-height: calc(var(--width) * 0.03);\n    height: calc(var(--width) * 0.06);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n\n.btn-container {\n    flex-direction: column-reverse;\n}\n\n.btn {\n    width: var(--button-size);\n    height: var(--button-size);\n}\n\n.btn-p {\n    font-weight: bold;\n    font-size: calc(var(--width) * 0.04);\n    margin-bottom: calc(var(--width) * 0.015);\n    line-height: calc(var(--width) * 0.03);\n}\n\n.lg-btn-container {\n    flex-direction: column;\n}\n\n.lg-btn {\n    width: var(--lg-button-size);\n    height: var(--lg-button-size);\n}\n\n.lg-btn-p {\n    font-weight: bold;\n    font-size: calc(var(--width) * 0.05);\n    margin-bottom: calc(var(--width) * 0.015);\n    line-height: calc(var(--width) * 0.03);\n}\n\n.btn,\n.lg-btn {\n    font-family: 'retro-gamming';\n    font-size: calc(var(--width) * 0.045);\n    font-weight: bold;\n    color: white;\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);\n}\n\n/* BUTTON CONTAINERS */\n\n#button-container,\n#small-button-container,\n#inner-button-container,\n#medium-button-container,\n#large-button-container {\n    width: 100%;\n    height: auto;\n}\n\n#button-container {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n#small-button-container {\n    display: flex;\n    flex-grow: 0.1;\n    justify-content: space-evenly;\n\n    max-height: 150px;\n\n    position: relative;\n}\n\n.sm-btn-container-top {\n    position: relative;\n    top: -20%;\n}\n\n.sm-btn-container-bottom {\n    position: relative;\n    bottom: -20%;\n}\n\n#inner-button-container {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n}\n\n#medium-button-container {\n    display: flex;\n    flex-shrink: 1;\n\n    position: relative;\n}\n\n#large-button-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    flex-shrink: 1.5;\n}\n\n#direction-vertical-container,\n#direction-horizontal-container {\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: calc(var(--width) * 0.115);\n\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n#direction-vertical-container {\n    flex-direction: column;\n}\n\n#direction-horizontal-container {\n    flex-direction: row;\n}\n","#debugger {\n    font-family: 'retro-gamming', monospace;\n    background-color: rgba(0, 0, 0, 0.9);\n    color: #0f0; /* Green phosphor */\n    border: 2px solid #0f0;\n    box-shadow: 0 0 10px #0f0;\n    padding: 10px;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 300px;\n    max-height: calc(100vh - 40px);\n    overflow-y: auto;\n    user-select: none;\n    -webkit-user-select: none;\n    z-index: 9999;\n    font-size: 14px;\n    /* text-shadow: 0 0 2px #0f0; */\n}\n\n/* Custom Scrollbar */\n#debugger::-webkit-scrollbar {\n    width: 8px;\n}\n\n#debugger::-webkit-scrollbar-track {\n    background: #001100;\n}\n\n#debugger::-webkit-scrollbar-thumb {\n    background: #0f0;\n    border-radius: 4px;\n}\n\n#debugger::-webkit-scrollbar-thumb:hover {\n    background: #0a0;\n}\n\n/* Summary / Header */\n#debugger-summary {\n    font-weight: bold;\n    font-size: 16px;\n    cursor: pointer;\n    margin-bottom: 10px;\n    /* text-transform: uppercase; */\n    border-bottom: 1px dashed #0f0;\n    padding-bottom: 5px;\n    list-style: none;\n}\n\n/* Module Sections */\n.debugger-module {\n    margin-bottom: 10px;\n    border-left: 1px solid #004400;\n    padding-left: 8px;\n}\n\n.debugger-module-summary {\n    cursor: pointer;\n    font-weight: bold;\n    color: #cfc;\n    margin-bottom: 4px;\n}\n\n.debugger-module-summary:hover {\n    color: #fff;\n    /* text-shadow: 0 0 4px #fff; */\n}\n\n/* Data Rows */\n.debugger-container {\n    display: flex;\n    justify-content: space-between;\n    padding: 2px 0;\n    border-bottom: 1px dotted #003300;\n}\n\n/* Closed State */\n#debugger:not([open]) {\n    width: auto;\n    height: auto;\n    max-height: none;\n    padding: 5px 10px;\n    border: 1px solid #0f0;\n    background-color: rgba(0, 0, 0, 0.5);\n    box-shadow: none;\n}\n\n#debugger:not([open]) #debugger-summary {\n    margin-bottom: 0;\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.debugger-container:hover {\n    background-color: rgba(0, 255, 0, 0.05);\n}\n\n.debugger-container.highlight {\n    background-color: transparent;\n    color: #fff;\n    /* text-shadow: 0 0 5px #fff; */\n    border-bottom: 1px solid #fff;\n}\n\n.debugger-container.highlight span {\n    color: #fff;\n}\n\n.debugger-container p {\n    margin: 0;\n    opacity: 0.8;\n}\n\n.debugger-container span {\n    font-weight: bold;\n}\n","#modal-background {\n    position: absolute;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#modal-background.hidden {\n    display: none;\n}\n\n#session-modal {\n    width: 80%;\n    max-width: 500px;\n    height: 44%;\n    max-height: 360px;\n    min-width: 320px;\n    min-height: 280px;\n    position: relative;\n    overflow: hidden;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 1rem 0;\n\n    background-color: var(--main-color);\n\n    border-radius: var(--border-radius);\n    border: var(--border);\n\n    box-shadow:\n        calc(var(--width) * -0.03) calc(var(--width) * 0.03) var(--dispersion) black,\n        calc(var(--width) * -0.02) calc(var(--width) * 0.02) var(--dispersion) var(--color-shadow-reflexion) inset,\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow) inset;\n}\n\n#session-modal-frame {\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    position: relative;\n\n    width: 90%;\n    flex: 1;\n    margin: 1rem 0;\n    min-height: 0;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#session-modal-frame > p {\n    position: absolute;\n    top: 0;\n    transform: translateY(-50%);\n\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-weight: bold;\n    font-size: clamp(1rem, calc(var(--height) * 0.03), 1.4rem);\n\n    background-color: var(--main-color);\n    padding: 0 calc(var(--width) * 0.02);\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--color-shadow-reflexion);\n}\n\n#session-modal-screen {\n    width: 90%;\n    height: 80%;\n\n    border: var(--border);\n    box-shadow:\n        calc(var(--width) * -0.01) calc(var(--width) * 0.01) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * 0.01) calc(var(--width) * -0.01) var(--dispersion) var(--color-shadow-reflexion);\n\n    background-image: url('../images/cell.svg');\n    background-size: 3.7%;\n    background-repeat: repeat;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#session-modal-screen > p {\n    text-align: center;\n\n    font-family: 'retro-gamming';\n    font-size: 1.5rem;\n\n    padding: 0 calc(var(--width) * 0.02);\n}\n\n#session-modal-screen > p > span {\n    font-size: 1.8rem;\n    padding: 0 calc(var(--width) * 0.02);\n}\n\n#session-modal-buttons {\n    width: 100%;\n    padding-bottom: 0.5rem;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    gap: clamp(1rem, 5vw, 2.5rem);\n}\n\n.session-modal-button:active {\n    box-shadow:\n        calc(var(--width) * -0.005) calc(var(--width) * 0.005) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.004) calc(var(--width) * 0.004) var(--dispersion) var(--button-color-reflexion) inset;\n    transform: translate(calc(var(--width) * -0.005), calc(var(--width) * 0.005));\n}\n\n.session-modal-button {\n    width: 35%;\n    max-width: 150px;\n    padding: 0.8rem 0;\n\n    border: var(--border);\n    border-radius: var(--border-radius);\n\n    background-color: var(--button-color);\n    box-shadow:\n        calc(var(--width) * -0.015) calc(var(--width) * 0.015) var(--dispersion) var(--color-shadow),\n        calc(var(--width) * -0.0175) calc(var(--width) * 0.0175) var(--dispersion) var(--button-color-reflexion) inset;\n\n    font-family: 'retro-gamming';\n    color: white;\n    text-align: center;\n\n    user-select: none;\n\n    font-size: 1rem;\n\n    text-shadow:\n        calc(var(--width) * -0.003) calc(var(--width) * 0.003) 0 var(--button-color-shadow),\n        calc(var(--width) * 0.002) calc(var(--width) * -0.002) 0 var(--button-color-reflexion);\n\n    transition:\n        transform var(--button-animation-duration),\n        box-shadow var(--button-animation-duration);\n}\n","#source-code {\n    position: absolute;\n    top: 2%;\n    right: 2%;\n}\n\n#controls {\n    position: absolute;\n    top: 2%;\n    left: 2%;\n}\n\n#source-code,\n#controls {\n    background-color: var(--main-color);\n    padding: 0.75rem;\n    border-radius: 1.5rem;\n    cursor: pointer;\n    box-sizing: content-box;\n}\n\n#source-code > #source-code-button,\n#controls > #controls-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n#source-code > #source-code-button > img,\n#controls > #controls-button > img {\n    width: 2.5rem;\n    filter: invert();\n}\n#source-code:hover,\n#controls:hover {\n    background-color: var(--color-shadow-reflexion);\n}\n#source-code:active,\n#controls:active {\n    filter: brightness(1.15);\n}\n\n#source-code::after,\n#controls::after {\n    font-family: 'retro-gamming';\n    padding: 0.5rem;\n    width: 6rem;\n    background-color: white;\n    text-align: center;\n    border-radius: 0.25rem;\n    border: 1px black solid;\n    box-shadow: 0.25rem 0.25rem black;\n    opacity: 0;\n    transition: 0.25s opacity;\n}\n\n#source-code:hover::after,\n#controls:hover::after {\n    opacity: 1;\n}\n\n#source-code::after {\n    content: 'source code';\n    position: absolute;\n    top: 75px;\n    left: -65px;\n}\n\n#controls::after {\n    content: 'Controls';\n    position: absolute;\n    top: 75px;\n    left: 15px;\n}\n","#splash {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: black;\n    opacity: 0.85;\n    z-index: 1000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","@font-face {\n    font-family: retro-gamming;\n    src: url(./../fonts/digital-7.monoitalic.ttf);\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: content-box;\n    user-select: none;\n}\n\nbody {\n    width: 100vw;\n    height: 100vh;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    background: rgb(0, 158, 247);\n    background: linear-gradient(300deg, rgb(48, 179, 255) 0%, rgba(0, 158, 247, 1) 100%);\n}\n\n#version {\n    font-family: 'retro-gamming';\n    font-size: 1rem;\n    color: white;\n    position: absolute;\n    bottom: 1rem;\n    right: 1rem;\n}\n\n@media only screen and (max-width: 600px) {\n    #source-code,\n    #controls {\n        display: none;\n    }\n\n    body,\n    #container {\n        width: 100% !important;\n        height: 100vh !important;\n        /* height: 100dvh !important; */\n        border-radius: 0px !important;\n    }\n\n    #frame > canvas {\n        width: 85% !important;\n        height: auto !important;\n        aspect-ratio: 9/10 !important;\n    }\n\n    #frame {\n        width: 85% !important;\n        padding: 7.5%¨ !important;\n    }\n\n    #small-button-container {\n        margin-top: 3.5%;\n    }\n    #direction-vertical-container,\n    #direction-horizontal-container {\n        gap: calc(var(--width) * 0.13);\n    }\n\n    #large-button-container {\n        flex-shrink: 1.75;\n    }\n\n    .sm-btn {\n        width: var(--sm-button-size-mobile) !important;\n        height: var(--sm-button-size-mobile) !important;\n    }\n\n    .btn {\n        width: var(--button-size-mobile) !important;\n        height: var(--button-size-mobile) !important;\n        margin: var(--button-size-mobile-spacing) !important;\n        font-size: var(--button-size-mobile-font-size) !important;\n    }\n\n    .lg-btn {\n        width: var(--lg-button-size-mobile) !important;\n        height: var(--lg-button-size-mobile) !important;\n        font-size: var(--lg-button-size-mobile-font-size) !important;\n    }\n\n    .sm-btn-p {\n        font-size: var(--sm-button-size-mobile-font-size) !important;\n        line-height: var(--sm-button-size-mobile-line-height) !important;\n    }\n}\n\n@media only screen and (max-width: 990px) {\n    #wasd {\n        width: 10.5rem !important;\n    }\n\n    .key {\n        width: 3rem !important;\n    }\n\n    .key-description {\n        font-size: 1.5rem !important;\n    }\n\n    .command {\n        gap: 0.5rem !important;\n    }\n}\n\n@media only screen and (max-width: 815px) {\n    #controls-tutorial {\n        gap: 0rem;\n        flex-direction: column !important;\n    }\n}\n\n@media only screen and (max-width: 750px) {\n    .key-description {\n        font-size: 1.2rem !important;\n    }\n}\n\n@media only screen and (max-width: 650px) {\n    #wasd {\n        width: 9rem !important;\n    }\n\n    .key {\n        width: 2.5rem !important;\n    }\n    .key-description {\n        font-size: 1rem !important;\n    }\n}\n"],"names":[],"sourceRoot":""}

package/docs/GAME_DEVELOPER_GUIDE.adoc

@@ -1,167 +0,0 @@
-= Game Developer Guide
-
-This guide explains how to develop and package games for the Brick Engine.
-
-== Architecture
-
-The Brick Engine runs as a host application. Your game is loaded as a separate script bundle. To ensure compatibility and avoid code duplication:
-
-1.  **Do not bundle the engine**: Your game should treat `brick-engine` as an external dependency.
-2.  **Expose your class**: Your game must assign its main class to `window.BrickEngineGame`.
-
-== Project Setup
-
-=== 1. Dependencies
-
-You need `typescript` and `webpack` (or similar bundler). You also need the `brick-engine` types.
-
-=== Starting from Scratch
-
-If you are creating a new game project, follow these steps:
-
-1.  **Initialize Project**:
-    `npm init -y`
-
-2.  **Install Dependencies**:
-    `npm install --save-dev typescript webpack webpack-cli ts-loader unused-webpack-plugin` (adjust as needed)
-
-3.  **Configure TypeScript (`tsconfig.json`)**:
-+
-[source,json]
-----
-{
-    "compilerOptions": {
-        "outDir": "./dist/",
-        "noImplicitAny": true,
-        "module": "es6",
-        "target": "es5",
-        "allowJs": true,
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "types": ["node"]
-    },
-    "include": ["src/**/*"]
-}
-----
-
-4.  **Configure Webpack (`webpack.config.js`)**:
-    (See section 3 below)
-
-5.  **Add Scripts to `package.json`**:
-+
-[source,json]
-----
-"scripts": {
-    "build": "webpack --mode production",
-    "start": "webpack serve --mode development"
-}
-----
-
-=== Local Development Setup (Linking)
-
-Since the engine is not yet published to npm, you can link it locally:
-
-1.  **In `brick-engine` folder**:
-    *   Run `npm install`
-    *   Run `npm run build:types` (to generate `.d.ts` files)
-    *   Run `npm link`
-2.  **In your game folder**:
-    *   Run `npm link brick-engine`
-
-This makes `import { Game } from 'brick-engine'` work in your editor!
-
-=== 2. Entry Point (`src/index.ts`)
-
-Instead of `new Game()`, you simply export your class to the global scope:
-
-[source,typescript]
-----
-import { Game } from 'brick-engine'; // Resolves to global BrickEngine.Game
-
-export default class MyGame extends Game {
-    setupGame() {
-        // ... your setup logic
-    }
-
-    update() {
-        // ... your update logic
-    }
-    
-    render() {
-        // ... your render logic
-    }
-}
-
-// CRITICAL: Register your game
-(window as any).BrickEngineGame = MyGame;
-----
-
-=== 3. Webpack Configuration
-
-Configure Webpack to exclude `brick-engine` and `p5` from your bundle.
-
-[source,javascript]
-----
-// webpack.config.js
-const path = require('path');
-
-module.exports = {
-    entry: './src/index.ts',
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: 'ts-loader',
-                exclude: /node_modules/,
-            },
-        ],
-    },
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js'],
-    },
-    externals: {
-        'brick-engine': 'BrickEngine', // Maps import 'brick-engine' to window.BrickEngine
-        'p5': 'p5' // p5 is also provided by the engine
-    },
-    output: {
-        filename: 'my-game.bundle.js',
-        path: path.resolve(__dirname, 'dist'),
-        library: {
-            type: 'var',
-            name: 'MyGameBundle' // Optional, but good practice
-        }
-    }
-};
-----
-
-== Local Testing
-
-You can test your game locally without uploading it:
-
-1.  **Build** your game (`npm run build`).
-2.  **Serve** the `dist` folder:
-    *   Command: `npx http-server ./dist --cors` (or similar).
-    *   Note the URL (e.g., `http://127.0.0.1:8081/my-game.bundle.js`).
-3.  **Register** in Engine:
-    *   In `src/menu/GameRepository.ts`, add a temporary entry:
-+
-[source,typescript]
-----
-{
-    name: 'My Local Game',
-    url: 'http://127.0.0.1:8081/my-game.bundle.js'
-}
-----
-
-== Publishing and Submission
-
-Once your game is ready and hosted (e.g., on GitHub Pages):
-
-1.  **Test**: Ensure it loads correctly when you manually simulate a load (or use the provided template).
-2.  **Submit**: To have your game listed in the official Brick Engine menu, please send an email to **[EMAIL_ADDRESS]** with the following details:
-    *   **Game Name**: The title of your game.
-    *   **Bundle URL**: The direct link to your `.js` bundle.
-    *   **Thumbnail/Icon**: (Optional) A small image for the menu.
-    *   **Source Code**: (Optional) Link to your repository.
-
-We will review your game and add it to the repository!

package/docs/brick-engine-guide.adoc

@@ -1,87 +0,0 @@
-= Brick Engine CLI
-:toc: left
-:sectnums:
-
-CLI to scaffold Brick Engine projects.
-
-== Introduction
-
-`brick-engine-cli` is a command-line tool designed to accelerate game development using the **Brick Engine**. It automates the creation of the project's initial structure, configures build tools and code quality settings, allowing you to start programming your game immediately.
-
-== Installation and Usage
-
-You can use this tool in two main ways:
-
-=== 1. Use Without Installation (Recommended)
-
-The fastest way to get started is using `npx`, which runs the latest version of the tool without requiring a global installation on your system:
-
-[source,bash]
-----
-npx brick-engine-cli init <project-name>
-----
-
-=== 2. Global Installation
-
-If you prefer to have the command permanently available in your terminal, you can install it globally via `npm`:
-
-[source,bash]
-----
-npm install -g brick-engine-cli
-----
-
-After installation, you can use the command directly:
-
-[source,bash]
-----
-brick-engine-cli init <project-name>
-----
-
-== Commands
-
-=== `init <name>`
-
-Initializes a new Brick Engine project in a directory with the provided name.
-
-During the process, you will be asked about:
-* Project description.
-* Whether you want to use **ESLint** to ensure code quality.
-* Whether you want to use **Prettier** for automatic formatting.
-
-== Template Scripts
-
-Generated projects come with the following scripts in `package.json`:
-
-=== Development and Build
-
-[cols="1,3"]
-|===
-| Command | Description
-
-| `npm start`
-| Starts the development server with hot reload and opens the browser in `standalone` mode.
-
-| `npm run build:standalone`
-| Generates the production version of the game in the `/dist` folder for independent web hosting.
-
-| `npm run build:bundle`
-| Generates an optimized bundle to be loaded at link:https://brickengine.com.br[brickengine.com.br], where you can play all previously published games directly in the browser.
-
-| `npm run serve`
-| Starts a local HTTP server to test the production version generated in `/dist`.
-|===
-
-=== Code Quality (Optional)
-
-If you selected these options during `init`:
-
-[cols="1,3"]
-|===
-| Command | Description
-
-| `npm run format`
-| Automatically formats the code using **Prettier**.
-
-| `npm run lint`
-| Runs **ESLint** to find issues in the code.
-|===

package/docs/diagrams/lifecycle.mmd

@@ -1,19 +0,0 @@
-graph TD
-    Start([Start]) --> Setup[Setup Modules]
-    Setup --> DrawLoop{Draw Loop}
-    
-    subgraph "Each Frame (Draw)"
-        DrawLoop --> TimeUpdate[Time Update]
-        TimeUpdate --> CheckTick{"Should Tick?"}
-        CheckTick -- Yes --> ProcessTick["Process Logic (Tick) [processTick()]"]
-        CheckTick -- No --> RenderGrid
-        ProcessTick --> RenderGrid[Render Grid]
-        RenderGrid --> CheckFrame{"Frame Interval?"}
-        CheckFrame -- Yes --> ProcessFrame["Process Visuals (Frame) [processFrame()]"]
-        CheckFrame -- No --> CheckPerf
-        ProcessFrame --> CheckPerf{"Performance Monitor Enabled?"}
-        CheckPerf -- Yes --> RenderPerf[Render Performance Monitor]
-    end
-    
-    CheckPerf -- No --> DrawLoop
-    RenderPerf --> DrawLoop

package/docs/documentation_style_guide.adoc

@@ -1,210 +0,0 @@
-= Documentation Style Guide & Lessons Learned
-:description: Project standards for creating and maintaining high-quality documentation.
-:keywords: documentation, style-guide, standards, asciidoc
-:toc: left
-:toclevels: 3
-:sectnums:
-:sectlinks:
-:icons: font
-:source-highlighter: highlight.js
-:reproducible:
-:experimental:
-:idprefix:
-:idseparator: -
-
-This document serves as the **authoritative reference** for creating and maintaining documentation in the Brick Engine project. It consolidates lessons learned during development and defines the standards for future contributions.
-
-== Architectural Patterns
-
-These patterns must be reflected in both the code and the documentation.
-
-=== 1. Centralized Persistence
-*   **Principle**: `GameState` is the **single source of truth** for all persistent data (e.g., `muted`, `highScore`, `colorEnabled`).
-*   **Rule**: Other modules (e.g., `GameSound`, `GameRenderer`) must **NOT** implement their own `localStorage` logic.
-*   **Pattern**:
-    .   **Interface**: Modules requiring state must implement `StateSyncable`.
-    .   **Initialization**: `Game.ts` iterates over modules and calls `syncState(state)` on those that implement the interface.
-    .   **Decoupling**: `GameState` must **NOT** have dependencies on other game modules.
-    .   **Persistence Key**: The `Game` class must provide a unique key to `GameState` to prefix all `localStorage` entries.
-    .   **Updates**: Modules subscribe to `GameState` changes via `state.subscribe()`.
-
-=== 2. Event-Driven State
-*   **Principle**: Reactivity over polling.
-*   **Mechanism**:
-    *   State properties are encapsulated with **getters/setters**.
-    *   Setters automatically trigger `_notify(property, value)`.
-    *   Subscribers receive the new value immediately.
-
-=== 3. Strict Module Interfaces
-*   **Principle**: Coupling through interfaces, not implementation.
-*   **Guideline**: Define module shapes in `src/core/types/modules.ts` (e.g., `Sound`, `Grid`, `Time`).
-
-
-=== Entry Point Responsibility
-
-The `README.adoc` is the **main entry point** of the application and contains the "Getting Started" guide. 
-
-**Rule**: Whenever adding new abstract methods to the `Game` class or making breaking changes to the initialization flow, you **MUST** verify and update the code snippet in `README.adoc` to ensure it remains a valid boilerplate for developers.
-
-=== Reference Directory Structure
-
-To maintain scannability, documentation is organized into specialized subdirectories:
-- `modules/`: Core engine services (Grid, State, etc.).
-- `interfaces/`: System contracts and module shapes.
-- `enums/`: Fixed set of values (Color, Sound, etc.).
-- `types/`: Data interfaces and composite shapes (Cell, Coordinate, etc.).
-- `helpers/`: Static utility classes.
-
-=== HTML-Friendly Formatting Standards
-
-Documentation should be optimized for both internal reading and HTML conversion.
-
-1.  **Mandatory Metadata**: All top-level documentation files must include `:description:` and `:keywords:` attributes.
-2.  **Structural Tables**: High-level summaries (such as the list of modules in README) must use tables instead of bullet points.
-    *   Use `[cols="1,3", options="header"]` for a professional layout.
-3.  **Cross-Linking**: Every occurrence of a system entity MUST be cross-linked using the `xref:` macro.
-4.  **Header Attributes**: Use the standard header set to ensure a consistent side-bar TOC and numbered sections:
-+
-[source,asciidoc]
-----
-:toc: left
-:toclevels: 3
-:sectnums:
-:sectlinks:
-:idprefix:
-:idseparator: -
-----
-
-    *   Use `===` for all functional topics within a module's API reference.
-    *   **Topic Summaries**: Each topic section should begin with a brief description of its general utility before listing its methods.
-    *   **Method Headers**: Use `====` for method headers when they are nested under functional topics.
-    *   **Separators**: Place a horizontal rule (`'''`) before every method/topic header except the first one in a section.
-    *   **Organization Strategy**:
-        ** **Simple Modules**: Maintain a flat list of methods using `===` headers.
-        ** **Complex Modules**: Group methods into logical topics (e.g., "Movement", "Transformations"). This improves scannability when a module exceeds ~10 methods.
-.   **Parameters**:
-    *   Use a table for arguments.
-    *   **OMIT this section completely** if there are no parameters.
-.   **Returns**:
-    *   Describe the return value.
-    *   **OMIT this section completely** if the return type is `void`.
-.   **Behavior**: Use full sentences and paragraphs.
-.   **Examples**: Provide realistic usage scenarios.
-
-=== Single-Item Structure (Types, Enums, Interfaces)
-
-For entities that define data shapes or fixed values, use the following structure:
-
-[source,asciidoc]
-----
-= EntityName Reference
-
-<Brief description of the entity's purpose and usage.>
-
-== Attributes / Properties / Values
-
-[cols="1,1,3"]
-|===
-|Name |Type |Description
-|`prop1` |`Type` |Description of property 1.
-|`prop2` |`Type` |Description of property 2.
-|===
-
-== General Usage
-
-<Detailed explanation of how this entity is used within the engine's ecosystem.>
-----
-
-== Formatting Guidelines
-
-=== AsciiDoc Features
-We use **AsciiDoc** (`.adoc`) for all documentation to leverage advanced features.
-
-*   **Headers**: Use `=` for document titles, `==` for sections.
-*   **Code Blocks**: Use `[source,typescript]` for syntax highlighting.
-*   **Admonitions**: Use `NOTE:`, `TIP:`, `WARNING:` for emphasis.
-*   **Diagrams**: Use Mermaid via `mermaid-cli` for generation (embedded as generic images).
-
-=== JSDoc (Source Code)
-Refer to `docs/jsdoc_standard.adoc` for inline code documentation rules.
-*   **Enforce**: `@param` and `@returns` for every method.
-*   **Strict Typing**: No `any`.
-
-== Lessons Learned
-
-=== Audio Latency
-*   **Issue**: `AudioContext` autoplay policy and startup latency.
-*   **Solution**:
-    .   Use `latencyHint: 'interactive'`.
-    .   Preload all sounds into `AudioBuffer`s during `setup()`.
-    .   Resume context on first user interaction if suspended.
-
-=== Enumerations
-*   **Issue**: String literals ('pressed', 'held') caused typos and refactoring pain.
-*   **Solution**: Use TypeScript `enum` (e.g., `ControlEventType`) for all fixed sets of values.
-
-=== Coordinate Systems
-*   **Standard**:
-    *   **Grid**: Integers `{x, y}` representing column/row index.
-    *   **Display**: Normalized floats `0.0` to `1.0` (percentage of screen).
-    *   Use `CoordinateHelper` methods to convert between Grid, Display, and Pixel values.
-
-=== Decoupled State Sync
-*   **Issue**: `GameState.syncModules` creates a circular dependency or high coupling by making the state module know about every other module.
-*   **Solution**: Use the `StateSyncable` interface. The `Game` class (owner) handles the linking, allowing `GameState` to remain an independent "data store" module.
-
-=== Persistence Namespacing
-*   **Issue**: If multiple games built with the engine are hosted on the same domain, they share the same `localStorage`, leading to property collisions (e.g., both games trying to store `highScore`).
-*   **Solution**: Require an abstract `getPersistenceKey()` method in the `Game` class and use its return value as a prefix in `GameState` (e.g., `localStorage.setItem(`${prefix}.${key}`, value)`).
-
-=== Documentation Granularity
-*   **Issue**: Grouping multiple types or enums in a single file makes the documentation harder to navigate via sidebars or search, and leads to extremely long pages.
-*   **Solution**: "Explode" documentation into individual files (One File Per Item). This improves scannability and allows for precise cross-referencing.
-
-=== Cross-Linking Context
-*   **Recommendation**: When referencing an entity in a table (e.g., a return type or parameter type), always use an `xref:` link to its dedicated documentation page.
-*   **Pattern**: Use relative paths (e.g., `xref:../enums/Color.adoc[Color]`) to link between subdirectories.
-
-=== Topic-Based Scannability
-*   **Issue**: Modules with many methods (e.g., `GameGrid`) become "walls of text" when documented as a single flat list, making it hard for developers to find specific functionality.
-*   **Solution**: Group methods by functional topics (e.g., "Line Management", "Grid Analysis"). Each topic acts as a sub-module view, providing context on why those methods exist together.
-*   **Rule**: When a module exceeds 10 methods, transitioning to a topic-based structure is **mandatory**.
-
-=== Redundant Separators
-*   **Issue**: Automated or careless application of the "expanded method" style often leads to placing a horizontal rule (`'''`) at the very beginning of the `== Methods` section.
-*   **Solution**: Always verify that the first method header appears immediately after the section header. This maintains a clean vertical rhythm and avoids unnecessary whitespace or lines at the top of the API list.
-
-=== Module Interface Organization
-*   **Issue**: Mixing generic engine contracts (e.g., `Initializable`) with specific module definitions (e.g., `Grid`, `State`) in a flat directory structure created clutter and obscured the architectural distinction between "core traits" and "major subsystems."
-*   **Solution**: Moved module-specific interfaces to a dedicated `modules/` subdirectory.
-*   **Impact**: When cross-referencing files in nested directories, developers must pay extra attention to relative paths (e.g., using `xref:../../types/` instead of `xref:../types/`).
-
-== Cross-Referencing Standards
-
-To ensure a navigable and cohesive documentation set, strict cross-referencing is mandatory for all internal entities.
-
-=== Syntax
-Use the AsciiDoc `xref` macro with relative paths:
-`xref:path/to/File.adoc[LinkText]`
-
-=== Rules
-1.  **Mandatory Linking**: Every occurrence of a type, interface, enum, or module in a method signature, property type, or description MUST be linked.
-2.  **Relative Paths**: references must use relative paths from the current file's location.
-    *   Sibling file: `xref:Sibling.adoc[Sibling]`
-    *   Parent directory: `xref:../types/Cell.adoc[Cell]`
-3.  **Parameter Tables**: Types listed in input/output tables must be linked, not just the text in the method signature.
-4.  **Consistency**: exact file names should be used for the link target, and the link text should match the entity name.
-
-=== Examples
-
-**Good:**
-[source,asciidoc]
-----
-|`color` |`xref:../enums/Color.adoc[Color]` |The theme color.
-----
-
-**Bad:**
-[source,asciidoc]
-----
-|`color` |`Color` |The theme color.
-----