:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#09111c;color:#e9ddb5;font-family:Arial,sans-serif;background-image:radial-gradient(circle at 50% 40%,#223d48 0%,#0b1622 68%)}.shell{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 26px;gap:9px}.topline,.bottomline{width:min(calc(100svw - 52px),calc((100svh - 85px)*1.38889));max-width:1320px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.21em;font-size:10px;font-weight:700;color:#ddc99b}.topline{height:22px}.bottomline{height:18px;color:#a6a89d;font-size:9px}.topline i{font-style:normal;color:#f4c767;margin:0 5px}.edition{color:#a3ac9f}canvas{display:block;width:min(calc(100svw - 52px),calc((100svh - 85px)*1.38889));height:auto;aspect-ratio:1000/720;border:1px solid #b69c6a;box-shadow:0 0 0 5px #152b34,0 0 0 6px #708075,0 25px 90px #0009;cursor:none;touch-action:none;outline:none}@media(max-width:700px){.shell{padding:9px;gap:5px}.topline,.bottomline{width:calc(100svw - 18px);font-size:7px;letter-spacing:.09em}.bottomline span:last-child{display:none}canvas{width:calc(100svw - 18px)}}