:root{font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:#edf8ee;background:#152c34}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#276b65 0,transparent 38%),radial-gradient(circle at 85% 85%,#3f4b7a 0,transparent 40%),#152c34!important}.page{width:min(860px,calc(100% - 28px));padding:28px 0;text-align:center}.eyebrow{margin:0 0 8px;color:#8de8d1;font:bold 12px ui-monospace,monospace;letter-spacing:.2em}h1{margin:0;font-size:clamp(56px,9vw,90px);letter-spacing:-.08em;line-height:1}h1 span{color:#ffcf80}.lede{max-width:680px;margin:15px auto 24px;color:#d4ece5;font-size:clamp(15px,2vw,18px);line-height:1.5}.game-frame{display:grid;place-items:center;min-height:500px;padding:20px;border:1px solid #a8e7d45c;border-radius:24px;background:#071c22e8;box-shadow:0 24px 65px #0009,inset 0 1px #fff2;overflow:hidden}canvas{display:block!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;width:min(100%,480px)!important;height:auto!important;aspect-ratio:1/1;image-rendering:pixelated;border-radius:10px;box-shadow:0 0 0 1px #fff3,0 18px 35px #0009;touch-action:none}.rules{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px auto 0}.rules span{padding:9px 13px;border:1px solid #b3e3d14a;border-radius:99px;background:#d7f7e712;color:#dff8e9;font-size:13px}.rules strong{color:#ffcf80}.hint{max-width:650px;margin:18px auto 0;color:#bed7d2;font-size:14px;line-height:1.5}.credit{margin:16px 0 0;color:#9fb9b5;font-size:12px}.credit a{color:#baf0df}@media(max-width:620px){.page{padding:16px 0}.game-frame{min-height:unset;padding:8px;border-radius:16px}.rules{gap:6px}.rules span{font-size:12px;padding:7px 10px}}