:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#2a1120;--bg-bottom:#120912;--panel:#27151ff0;--panel-edge:#f1b6637a;--shadow:#08030675}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #f5b35c4d, transparent 34%), radial-gradient(circle at top right, #9d4edd2e, transparent 26%), radial-gradient(circle at bottom left, #72c26a29, transparent 24%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));width:100%;height:100%;min-height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}body{min-height:100dvh}.app-shell{place-items:center;width:100%;height:100dvh;padding:16px;display:grid;overflow:hidden}.game-frame{border:1px solid var(--panel-edge);width:min(100vw - 32px,157.895dvh - 50.5263px);height:min(100dvh - 32px,63.3333vw - 20.2667px);box-shadow:0 24px 60px var(--shadow), inset 0 0 0 1px #fff1dc0d;background:radial-gradient(circle at 0 0,#f5b35c24,#0000 34%),radial-gradient(circle at 100% 100%,#9d4edd1f,#0000 28%),linear-gradient(#54263742,#150912bd),#140910eb;border-radius:0;position:relative;overflow:hidden}#game-root{width:100%;height:100%}#game-root canvas{width:100%;height:100%;display:block}@media (width<=900px){.app-shell{padding:6px}.game-frame{border-radius:0;width:min(100vw - 12px,157.895dvh - 18.9474px);height:min(100dvh - 12px,63.3333vw - 7.6px)}}@media (orientation:portrait) and (width<=900px){.app-shell{padding:4px}.game-frame{width:calc(100vw - 8px);max-width:none;height:calc(100dvh - 8px);max-height:none}}