:root{--ega-00: #000000;--ega-01: #0000AA;--ega-02: #00AA00;--ega-03: #00AAAA;--ega-04: #AA0000;--ega-05: #AA00AA;--ega-06: #AA5500;--ega-07: #AAAAAA;--ega-08: #555555;--ega-09: #5555FF;--ega-10: #55FF55;--ega-11: #55FFFF;--ega-12: #FF5555;--ega-13: #FF55FF;--ega-14: #FFFF55;--ega-15: #FFFFFF;--ui-bg: var(--ega-01);--ui-border: var(--ega-15);--ui-text: var(--ega-15);--ui-highlight: var(--ega-14)}body{background-color:var(--ega-00);color:var(--ui-text);font-family:"Press Start 2P",monospace;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;image-rendering:pixelated}#root{width:100%;max-width:800px;height:600px;border:4px solid var(--ui-border);background:var(--ui-bg);display:flex;flex-direction:column;box-shadow:0 0 20px var(--ega-09)}h1,h2,h3{margin:0;text-transform:uppercase}button{background:var(--ega-01);color:var(--ega-15);border:2px solid var(--ega-15);font-family:"Press Start 2P",monospace;padding:8px 16px;cursor:pointer;box-shadow:4px 4px 0 var(--ega-00)}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ega-00)}button:hover{background:var(--ega-09)}.rpg-box{border:4px double var(--ega-15);background:var(--ega-01);padding:10px;margin:5px}