:root{color-scheme:light;font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif;--page-bg-top: #fff0d4;--page-bg-mid: #ffd3d8;--page-bg-bottom: #ffc4a1;--frame-bg: rgba(255, 255, 255, .58);--frame-border: rgba(62, 39, 56, .18);--shadow: rgba(88, 40, 65, .16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.8),transparent 22%),radial-gradient(circle at 82% 14%,rgba(255,255,255,.55),transparent 18%),linear-gradient(180deg,var(--page-bg-top) 0%,var(--page-bg-mid) 55%,var(--page-bg-bottom) 100%);color:#3f2540}#app{min-height:100vh;display:grid;place-items:center;padding:14px}.game-shell{position:relative;display:grid;place-items:center;width:100%;height:100%}.game-shell:before{content:"";position:absolute;inset:auto 6% 4%;height:24px;border-radius:999px;background:#73475b24;filter:blur(18px);pointer-events:none}.game-frame{position:relative;display:inline-flex;padding:14px;border-radius:36px;background:linear-gradient(180deg,var(--frame-bg),rgba(255,247,250,.42));border:1px solid var(--frame-border);box-shadow:0 20px 60px var(--shadow),inset 0 1px #ffffffa6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}canvas{display:block;border-radius:24px;background:#fff5f7;outline:none}