:root{--void: #15120f;--ash: #9c978d;--ash-dark: #47433d;--paper: #efe9dd;--paper-dim: #b8b2a4;--ember-core: #ffe3a3;--ember-mid: #ff9142;--ember-outer: #ff4b1f;--metal-light: #d8d3c8;--metal-dark: #6b675f}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--void);color:var(--paper);font-family:-apple-system,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;overflow:hidden}.stage{position:relative;width:100vw;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2vh;cursor:pointer;background:radial-gradient(ellipse at 50% 42%,#221d18,#17130f 55%,#0e0c0a)}.stage.phase-lighting,.stage.phase-burning{cursor:default}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 18vw 4vw #000000a6}.hint{position:absolute;left:0;right:0;bottom:8vh;display:flex;justify-content:center;z-index:5;pointer-events:none}.hint p{margin:0;font-size:.85rem;letter-spacing:.02em;color:var(--paper-dim);opacity:.75;animation:hint-breathe 3.2s ease-in-out infinite}.phase-idle .hint p{pointer-events:none}.reset-button{pointer-events:auto;background:transparent;border:1px solid var(--ash);color:var(--paper);font:inherit;font-size:.85rem;padding:.55em 1.2em;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.reset-button:hover{border-color:var(--ember-mid);color:var(--ember-core);background:#ff914214}.joint-column{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.joint-wrap{position:relative;display:inline-block;line-height:0;pointer-events:auto;cursor:default;filter:drop-shadow(0 2vh 3vh rgba(0,0,0,.55))}.joint-photo{display:block;max-width:56vw;max-height:min(88vh,1300px);width:auto;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.joint-photo--ash{height:100%;width:100%;object-fit:cover}.crutch-hit{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;z-index:4}.paper-hit{position:absolute;left:0;right:0;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;z-index:4}.ash-chunk{z-index:6;animation:chunk-fall ease-in-out;animation-duration:1.5s;animation-fill-mode:forwards;filter:drop-shadow(0 1vh 1.5vh rgba(0,0,0,.5))}@keyframes chunk-fall{0%{transform:translateY(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translateY(62vh) rotate(var(--chunk-rotate, 20deg));opacity:0}}.ember-line{position:absolute;left:0;right:0;height:5px;transform:translateY(-50%);pointer-events:none;z-index:3}.ember-glow{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--ember-outer) 15%,var(--ember-core) 50%,var(--ember-outer) 85%,transparent);box-shadow:0 0 1.4vh .6vh var(--ember-mid),0 0 3vh 1.2vh #ff5a1e80;animation:ember-pulse .65s ease-in-out infinite}.particle{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.particle--smoke{width:1.3vh;height:3.6vh;border-radius:50%;background:linear-gradient(to top,rgba(232,228,218,.65) 0%,rgba(232,228,218,.4) 40%,rgba(232,228,218,.16) 75%,transparent 100%);filter:blur(2px);animation:smoke-rise 2.8s ease-out forwards}.particle--ash{width:.55vh;height:.9vh;background:var(--ash-dark);border-radius:1px;animation:ash-fall 1.9s ease-in forwards}.drag-smoke-particle{position:fixed;bottom:0;pointer-events:none;width:2.6vh;height:7vh;border-radius:50%;background:linear-gradient(to top,rgba(232,228,218,.4) 0%,rgba(232,228,218,.24) 40%,rgba(232,228,218,.09) 75%,transparent 100%);filter:blur(3px);z-index:6;animation:drag-smoke-rise 3.2s ease-out forwards}.drag-smoke-ring{position:fixed;bottom:0;pointer-events:none;width:11vh;height:11vh;border-radius:50%;border:1.4vh solid rgba(232,228,218,.3);background:transparent;filter:blur(4px);z-index:6;animation:drag-smoke-rise 3.2s ease-out forwards}.lighter{position:fixed;z-index:10;pointer-events:none;transform:translate(-50%);transition:left 1.4s cubic-bezier(.4,0,.2,1),top 1.4s cubic-bezier(.4,0,.2,1)}.lighter-unit{position:relative;transform-origin:50% 0%;transition:transform 1.4s cubic-bezier(.4,0,.2,1)}.lighter-photo{display:block;width:auto;filter:drop-shadow(0 .4vh 1vh rgba(0,0,0,.55));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ignite-flame{position:absolute;left:50%;top:0;transform:translate(-50%,-90%);pointer-events:none;z-index:12;animation:ignite-flame-envelope 2s ease-in-out forwards}.ignite-flame-inner{height:100%;transform-origin:50% 100%;filter:drop-shadow(0 0 1.6vh rgba(255,150,60,.7));animation:ignite-flame-flicker .22s ease-in-out infinite}.ignite-flame-inner img{display:block;height:100%;width:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes hint-breathe{0%,to{opacity:.45}50%{opacity:.85}}@keyframes ember-pulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.04)}}@keyframes smoke-rise{0%{opacity:0;filter:blur(1px);transform:translate(-50%,-50%) scale(.6,.7) rotate(0)}10%{opacity:.8}28%{opacity:.7;filter:blur(2px);transform:translate(calc(-50% + .7vh),calc(-50% - 4vh)) scale(.8,1.3) rotate(7deg)}50%{opacity:.5;filter:blur(3px);transform:translate(calc(-50% - 1vh),calc(-50% - 7.5vh)) scale(.95,1.7) rotate(-9deg)}75%{opacity:.28;filter:blur(4.5px);transform:translate(calc(-50% + 1.1vh),calc(-50% - 11vh)) scale(1.1,2.1) rotate(8deg)}to{opacity:0;filter:blur(6px);transform:translate(calc(-50% - .5vh),calc(-50% - 14.5vh)) scale(1.25,2.6) rotate(-5deg)}}@keyframes drag-smoke-rise{0%{opacity:0;filter:blur(2px);transform:translate(-50%) scale(.55,.6) rotate(0)}10%{opacity:.75}30%{opacity:.65;filter:blur(3px);transform:translate(calc(-50% + 1.3vh),-16vh) scale(.85,1.4) rotate(6deg)}55%{opacity:.45;filter:blur(4.5px);transform:translate(calc(-50% - 1.8vh),-30vh) scale(1.05,1.9) rotate(-8deg)}80%{opacity:.22;filter:blur(6px);transform:translate(calc(-50% + 2vh),-44vh) scale(1.25,2.4) rotate(7deg)}to{opacity:0;filter:blur(7.5px);transform:translate(calc(-50% - 1vh),-56vh) scale(1.4,2.8) rotate(-5deg)}}@keyframes ash-fall{0%{opacity:.9;transform:translate(-50%,-50%) rotate(0)}to{opacity:0;transform:translate(calc(-50% + 1vh),calc(-50% + 7vh)) rotate(140deg)}}@keyframes ignite-flame-envelope{0%{opacity:0;transform:translate(-50%,-78%) scale(.45)}15%{opacity:1;transform:translate(-50%,-90%) scale(1)}82%{opacity:1;transform:translate(-50%,-90%) scale(1)}to{opacity:0;transform:translate(-50%,-96%) scale(.8)}}@keyframes ignite-flame-flicker{0%,to{transform:scaleX(1) scaleY(1) rotate(0)}30%{transform:scaleX(.88) scaleY(1.06) rotate(-4deg)}60%{transform:scaleX(1.1) scaleY(.95) rotate(4deg)}80%{transform:scaleX(.95) scaleY(1.03) rotate(-2deg)}}.ad-slot{position:fixed;bottom:2vh;z-index:30;width:160px;height:300px;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;overflow:hidden}.ad-slot--left{left:2vh}.ad-slot--right{right:2vh}.ad-slot .adsbygoogle{display:inline-block;width:160px;height:300px}@media (prefers-reduced-motion: reduce){.hint p,.ember-glow,.ignite-flame,.ignite-flame-inner,.particle,.drag-smoke-particle,.drag-smoke-ring,.ash-chunk{animation:none!important}.lighter,.lighter-unit{transition:none!important}}
