:root{--sky-lime: #edf6c4;--meadow-light: #afd389;--meadow-mid: #7cae6f;--meadow-deep: #355543;--frame-dark: #284434;--frame-light: #d7ecc2;--shadow-heavy: rgba(10, 16, 11, .44);--shadow-soft: rgba(0, 0, 0, .2);color:#102413;font-family:Palatino Linotype,Book Antiqua,Palatino,serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(130% 90% at 18% 11%,var(--sky-lime) 0%,rgba(239,249,212,.7) 34%,rgba(0,0,0,0) 65%),linear-gradient(160deg,var(--meadow-light) 0%,var(--meadow-mid) 45%,var(--meadow-deep) 100%)}body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,#ffffff0d 0 20px,#fff0 20px 42px);opacity:.35;pointer-events:none}body:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0000 46%,#02060357);pointer-events:none}#app{position:relative;z-index:1;width:100%;padding:clamp(8px,2vw,24px);display:flex;justify-content:center}canvas{border:4px solid var(--frame-dark);outline:2px solid var(--frame-light);outline-offset:-6px;border-radius:14px;box-shadow:0 28px 48px var(--shadow-heavy),0 10px 22px var(--shadow-soft);max-width:min(96vw,1280px);height:auto}