:root{color-scheme:dark}html,body,#root{height:100%}body{background:#0b0b0b;margin:0;overflow:hidden;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-shell{background:#0b0b0b;min-height:100vh;overflow:hidden;position:relative;touch-action:none}.app-foreground{min-height:100vh;position:relative;z-index:2}.conway-background{inset:0;pointer-events:none;position:fixed;z-index:0}.conway-background-canvas{display:block;height:100%;width:100%}.console-chin{background:linear-gradient(to bottom,transparent,#b96700 calc(100% - 25px));border-bottom-left-radius:14px;border-bottom-right-radius:14px;filter:drop-shadow(0 16px 40px rgba(0,0,0,.35));padding-bottom:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(max(1,round(down,min(calc(100vh/345px),calc(100vw/200px)))));z-index:3}.console{background:linear-gradient(to bottom,#ff990b 50%,#da8000 calc(100% - 14px));border-radius:14px;padding:2px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.console-content{background:#ff990b;border-radius:12px;padding:8px}@media(max-width:400px){.conway-background{display:none}.console-chin{top:0;left:0;width:50%;height:100%;transform:translate(0) scale(2);transform-origin:left center;padding-bottom:0;border-radius:0!important}.console{border-radius:0;padding:0;height:100%;background:#ff990b;display:flex;align-items:center;justify-content:center}.console-content{padding:8px;box-sizing:border-box;border-radius:0;height:100%;width:100%;transform-origin:center center;display:flex;flex-direction:column;justify-content:center;align-items:center}.console-ui{width:100%}}.console-screen{width:156px;height:185px;position:relative}.console-screen img{display:block;pointer-events:none}.console-screen-clickable-indicator{position:absolute;left:66px;bottom:8px;display:block;pointer-events:none;width:24px;height:7px}.console-screen-canvas{position:absolute;left:14px;top:14px;display:block;height:140px;width:128px;border-radius:2px;overflow:hidden;image-rendering:pixelated;background-color:#000;cursor:pointer;touch-action:none}.console-screen-canvas[data-clickable=false]{cursor:default}.console-button{outline:none;background:transparent;border:none;padding:0;display:block;position:relative;width:36px;height:36px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.console-button:disabled{opacity:.3;pointer-events:none}.console-button img{display:block;width:36px;height:38px;position:absolute;top:0;left:0;pointer-events:none}.console-action-row-1{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.console-buttons{display:flex;gap:2px;height:60px}.console-buttons :nth-child(1){align-self:flex-end}.console-dpad{width:66px;height:66px;position:relative;touch-action:none}.console-dpad img{position:absolute;display:block;top:0;left:0;pointer-events:none}.console-dpad{background:transparent;border:none;padding:0;width:66px;height:66px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.console-dpad:disabled{opacity:.3;pointer-events:none}.console-mini-button{outline:none;background:transparent;border:none;padding:0;display:block;position:relative;width:30px;height:12px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.console-mini-button:disabled{opacity:.3;pointer-events:none}.console-mini-button img{display:block;width:30px;height:14px;position:absolute;top:0;left:0;pointer-events:none}.console-mini-button-container{display:flex;flex-direction:column;gap:5px;align-items:center}.console-mini-button-label{display:block}.console-action-row-2{display:flex;-webkit-user-select:none;user-select:none;gap:4px;justify-content:center;margin-top:14px}.console-ui{margin:12px 0 4px}