@font-face{font-family:"Flame Display";src:url("ui-redesign/fonts/kenney-future.ttf") format("truetype");font-display:swap}
:root{color-scheme:dark;--ink:#f3e4c6;--muted:#bec8b9;--gold:#f9bc64;--edge:#b8b79030;--surface:#172922;--coal:#101b17;font-family:Georgia,"Times New Roman",serif;background:#101b17;color:var(--ink)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 45%,#3c5037,#101b17 65%)}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--edge);background:#263a2d;border-radius:12px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){filter:brightness(1.3)}[hidden]{display:none!important}
#flame-app{width:min(100%,580px);height:100dvh;min-height:580px;margin:auto;display:grid;grid-template-rows:auto auto auto minmax(160px,1fr) auto auto auto;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));background:linear-gradient(#13271fe8,#18291f);box-shadow:0 0 120px #0006}
.flame-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:2px 0 10px;text-align:center}.flame-header h1{margin:4px 0 0;font:22px/1.35 "Flame Display",Georgia,serif;letter-spacing:.05em}.eyebrow{display:block;margin:0;color:#cabf9d;font:10px/1.5 Verdana,sans-serif;letter-spacing:.14em;text-transform:uppercase}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:9px;text-decoration:none;font:20px/1 Georgia,serif;border-radius:13px;background:#304536;border:1px solid #d1cf9c40;color:#fff3d3}.icon-button img{width:23px;height:23px;object-fit:contain;filter:brightness(0) invert(1)}
.readings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px 9px}.readings strong{display:block;font-size:clamp(25px,7vw,39px);font-weight:normal;font-variant-numeric:tabular-nums;line-height:1.1}.readings strong span{font-size:.45em;margin-left:4px;color:var(--muted)}.money-reading{text-align:right}.money-reading strong{font-size:23px;margin-top:4px}.money-reading>span{color:var(--gold);font:12px/1.4 Verdana,sans-serif}
.civilization{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:10px;background:#263b30;font:12px/1.3 Verdana,sans-serif}.civilization small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.civ-track{height:4px;border-radius:5px;flex:1;background:#0e201a;overflow:hidden}.civ-track i{display:block;height:100%;width:0;background:var(--gold)}#civ-points{font-size:10px}
.stage{position:relative;min-height:0;margin:6px -12px 0;overflow:hidden;isolation:isolate}canvas{width:100%;height:100%;display:block}.scene-caption{position:absolute;top:10px;left:0;right:0;text-align:center;pointer-events:none}.scene-caption>span{color:#fff3d2;font-size:16px;text-shadow:0 2px 6px #000}.scene-caption small{display:block;color:#ecdfc0;font:10px/1.5 Verdana,sans-serif;margin-top:4px;text-shadow:0 2px 5px #000}
.chutes{position:absolute;top:13%;left:5px;width:64px;height:45%;display:grid;grid-template-rows:repeat(3,1fr);gap:4px}.chutes button{display:grid;grid-template-columns:1fr auto;align-items:center;padding:3px 6px;background:#13271fec;border-color:#e1ba7855;border-radius:8px;box-shadow:2px 3px 0 #07160b66;font:10px/1.3 Verdana,sans-serif}.chutes button b{font-weight:normal}.chutes button small{color:var(--gold);font-size:12px}.wood-icon{grid-column:1/-1;display:block;height:9px;width:40px;border-radius:5px;background:linear-gradient(#bd9361,#724830);box-shadow:inset 0 -2px #382c26;transform:rotate(-8deg);margin:auto}.branch-icon{height:5px;width:35px}.twig-icon{height:3px;width:28px}.slot-count{position:absolute;bottom:3%;left:0;right:0;text-align:center;font:10px/1.4 Verdana,sans-serif;color:#c3c9ad;pointer-events:none}.casting-badge{position:absolute;bottom:13%;right:8px;max-width:175px;font:10px/1.4 Verdana,sans-serif;background:#15251ced;padding:7px 9px;border:1px solid #dca356;border-radius:8px}.casting-badge.danger{background:#682f21;border-color:#fbaa79}.tree-target{position:absolute;top:9%;bottom:10%;left:15%;right:15%;background:none;border:0;border-radius:0}.tree-target:hover{background:none}.hint{margin:0;min-height:30px;padding:5px 8px;text-align:center;color:#e5cfab;font:11px/1.45 Verdana,sans-serif;background:#17291f}
.tending{padding:4px 0 8px}.air-row{display:flex;align-items:center;gap:10px;padding:2px 3px 8px;font:10px/1.4 Verdana,sans-serif;color:var(--muted)}.air-row label{white-space:nowrap}.air-row label span{color:var(--gold)}input[type=range]{flex:1;min-width:50px;height:26px;accent-color:var(--gold)}.air-row small{font-size:9px}.action-row{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:7px}.action{padding:10px 3px;min-height:48px;font-size:14px;background:#304837}.action small{display:block;font:9px/1.4 Verdana,sans-serif;color:#d8cfb6}.action.spark{background:#9c552d;color:#fff0cd;border-color:#ffbe6466}.action.blow{background:#314748;user-select:none;touch-action:none}.action.blow.is-held{background:#62794c}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border-top:1px solid var(--edge);padding-top:5px}.bottom-nav button{border:0;background:transparent;font:10px/1.4 Verdana,sans-serif;color:var(--muted);padding:4px 0}.bottom-nav button span{display:block;font:22px/1.1 Georgia,serif;color:#b3bcaa;height:25px}.bottom-nav button[aria-pressed=true]{color:#ffcc86;background:#ffffff09}.bottom-nav button[aria-pressed=true] span{color:#ffc675}
dialog{color:var(--ink);background:#182c23;border:1px solid #d1aa6470;border-radius:22px;padding:0;width:min(540px,calc(100vw - 20px));max-height:calc(100dvh - 32px);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#06110ed9;backdrop-filter:blur(4px)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 13px;border-bottom:1px solid var(--edge);position:sticky;top:0;background:#182c23;z-index:2}.panel-header h2{margin:4px 0 0;font-size:27px;font-weight:normal}#panel-body{padding:18px;overflow-wrap:anywhere;font:13px/1.6 Verdana,sans-serif}.panel-note{color:#c4cbb8;font-size:12px;margin:0 0 16px}.panel-note strong{color:#ffd193}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--edge);padding:13px 0}.shop-row h3{margin:0 0 4px;font:19px/1.2 Georgia,serif}.shop-row p{margin:0;color:var(--muted);font-size:11px}.shop-row button{min-width:87px;padding:10px 8px;background:#3b4d32;color:#f6deac;font-size:12px}.section-label{font:10px/1.5 Verdana,sans-serif;text-transform:uppercase;color:#ffd090;letter-spacing:.13em;margin:20px 0 8px}.primary{display:block;width:100%;padding:13px;border:1px solid #e8b76d;background:#a65d32;color:#fff3d2;font-weight:bold;margin-top:12px;border-radius:11px}.secondary{display:block;width:100%;padding:12px;margin:8px 0;background:#2c4332}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.form-row label,.field{display:grid;gap:5px;font-size:11px}.field{margin:10px 0}input,select{width:100%;padding:10px 8px;background:#0d2018;border:1px solid #b7b79155;color:#f5e7c5;border-radius:8px;font-size:14px}input[type=checkbox]{width:auto;accent-color:var(--gold)}.meter{height:8px;margin:8px 0;background:#061b13;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;background:#efbd68;width:0}.danger{color:#ffb08d}.good{color:#c6e39c}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid div{padding:12px;background:#ffffff08;border:1px solid var(--edge);border-radius:10px}.stat-grid strong{display:block;color:#ffcf87;font:23px/1.3 Georgia,serif}.stat-grid span{color:var(--muted);font-size:10px}.achievement{padding:12px 0;border-bottom:1px solid var(--edge);color:#a0ae9e}.achievement.unlocked{color:#ffcd85}.achievement b{display:block}.achievement small{color:var(--muted)}.hero-number{font:54px/1.2 Georgia,serif;color:#ffc776;margin:10px 0}.rule{margin:0 0 16px}.rule strong{color:#ffd7a0}#intro{text-align:center;padding:28px;max-width:440px;background:radial-gradient(ellipse at top,#5a4929,#14291f 70%)}#intro h2{font:36px/1.2 Georgia,serif;margin:12px 0 22px}#intro p:not(.eyebrow){font:15px/1.65 Georgia,serif;color:#d4d7bd}.intro-spark{font-size:66px;color:#ffbe65;text-shadow:0 0 60px #ff9824}.intro-aside{font-style:italic}.notice{position:fixed;z-index:6;left:50%;top:max(70px,env(safe-area-inset-top));transform:translateX(-50%);max-width:min(90vw,430px);padding:12px 18px;border:1px solid #ffbd6577;border-radius:12px;background:#17261df2;color:#ffe0a8;text-align:center;box-shadow:0 6px 25px #0006;font:12px/1.5 Verdana,sans-serif;pointer-events:none}
@media(min-width:700px){#flame-app{height:min(100dvh,1000px);border-inline:1px solid var(--edge)}.stage{border-radius:0}.readings{padding-top:10px}.flame-header{padding-top:10px}}
@media(max-height:700px){#flame-app{min-height:510px;padding-top:4px}.flame-header{padding-bottom:4px}.flame-header .eyebrow{display:none}.flame-header h1{font-size:19px}.readings{padding-block:2px 5px}.readings strong{font-size:26px}.money-reading strong{font-size:21px}.civilization{padding-block:5px}.hint{font-size:10px;min-height:26px}.action{min-height:42px;padding:6px}.bottom-nav button{padding:2px}.bottom-nav button span{height:21px;font-size:19px}.chutes button{font-size:9px}.air-row{padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.recover-fuel{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);padding:5px 9px;font:10px/1.4 Verdana,sans-serif;background:#172b20e8;border-color:#d3b87a66}
.chutes{width:76px}.chutes button{column-gap:3px}.notice{top:auto;bottom:182px;font-size:11px;padding:8px 12px}