*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 30%,#3a2f28 0%,#241d18 70%);width:100%;height:100%;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#app canvas{border-radius:10px;box-shadow:0 18px 60px #0000008c}input.fdf-name{color:#2b3a4a;text-align:center;background:#fff6ea;border:3px solid #ff7a59;border-radius:10px;outline:none;width:260px;padding:8px 12px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:20px;font-weight:700}input.fdf-name:focus{border-color:#2ba9a0}