:root{--bg-color:#020202;--paper-color:#f7f1e3;--text-color:#1a1916;--accent:#ff471a}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:#fff;touch-action:manipulation;justify-content:center;align-items:center;width:100%;height:100%;font-family:Georgia,serif;display:flex;overflow:hidden}#smoke-overlay{opacity:.15;mix-blend-mode:screen;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\"><filter id=\"a\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.008\" numOctaves=\"4\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23a)\" opacity=\"0.3\"/></svg>");width:100%;height:100%;animation:40s linear infinite drift;position:absolute;top:0;left:0}@keyframes drift{0%{background-position:0 0}to{background-position:400px -400px}}#webgl-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.5s;display:flex;position:relative}#paper-ui{background-color:var(--paper-color);background-image:linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px);background-size:20px 20px;border-radius:2px;flex-direction:column;width:90vw;max-width:550px;height:75vh;max-height:700px;padding:30px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #000c,inset 0 0 40px #00000008}#image-layer{z-index:1;opacity:.8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#image-preview{object-fit:cover;width:100%;height:100%;display:none}textarea{resize:none;color:var(--text-color);z-index:2;background:0 0;border:none;outline:none;flex-grow:1;width:100%;margin:0;padding:0;font-family:Caveat,cursive;font-size:32px;font-weight:600;line-height:42px;position:relative;overflow:hidden}textarea::placeholder{color:#1a191659}.upload-btn-container{z-index:2;justify-content:flex-end;margin-top:15px;display:flex;position:relative}#upload-trigger{color:#1a1916b3;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px dashed #1a19164d;border-radius:4px;padding:8px 15px;font-family:Georgia,serif;font-size:11px;transition:all .3s}#upload-trigger:hover{color:#1a1916;background:#00000005;border-color:#1a191699}input[type=file]{display:none}.controls{z-index:15;position:absolute;bottom:4vh}@keyframes fieryPulse{0%{box-shadow:0 0 15px #ff471a80}50%{box-shadow:0 0 35px #ff471acc,0 0 10px #ffc80080}to{box-shadow:0 0 15px #ff471a80}}button#burn-btn{color:#fff;letter-spacing:5px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#ff471a 0%,#d62d00 100%);border:1px solid #ff7a59;border-radius:30px;padding:16px 50px;font-family:Georgia,serif;font-size:16px;font-weight:700;transition:all .3s;animation:2.5s infinite fieryPulse}button#burn-btn:hover{background:linear-gradient(135deg,#ff5c33 0%,#e63900 100%);transform:scale(1.05);box-shadow:0 0 40px #ff471ae6,inset 0 0 15px #ffffff4d}.hidden{pointer-events:none;opacity:0!important}#restart-btn{color:#ffffffb3;letter-spacing:4px;cursor:pointer;z-index:20;opacity:0;pointer-events:none;background:0 0;border:1px solid #fff3;border-radius:3px;padding:14px 35px;font-family:Georgia,serif;font-size:15px;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#restart-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff}#restart-btn.active{opacity:1;pointer-events:auto}