:root{--ink:#f2e4c8;--dim:#a8967c;--ash:#1a1410;--coal:#241b15;--bark:#33261c;--ember:#ff9a3c;--flame:#ffc95c;--blood:#d9483c;--leaf:#7ec95a;--frost:#8ad4ff;--frame:#6b543c;--lit:#ffe2b029;--shade:#00000073;--vk-inset-top:0px;--px:3px;--pad:15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:none;font-smooth:never;background:#0d0a08;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(10px,2.9vw,12px);line-height:1.8;overflow:hidden}#app{flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}h1,h2,h3{margin:0;font-family:"Press Start 2P",monospace;font-weight:400;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.frame{box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame);border-radius:0}.screen{padding:calc(var(--vk-inset-top) + var(--pad)) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));gap:var(--pad);-webkit-overflow-scrolling:touch;background-color:#150f0b;background-image:radial-gradient(120% 70% at 50% 0,#5a3a1e80,#0000 62%),repeating-linear-gradient(0deg,#00000029 0 3px,#0000 3px 6px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen--field{background:#0d0a08;padding:0;overflow:hidden}.inner{gap:var(--pad);flex-direction:column;width:min(520px,100%);margin:0 auto;display:flex}.title{text-align:center;color:var(--flame);text-shadow:var(--px) var(--px) 0 #71300c;letter-spacing:0;padding:6px 0;font-size:clamp(15px,4.6vw,22px)}.subtitle{text-align:center;color:var(--dim);font-size:clamp(9px,2.6vw,11px);line-height:1.9}.card{background:var(--coal);padding:var(--pad);box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset 0 var(--px) 0 0 var(--lit), inset 0 calc(var(--px) * -1) 0 0 var(--shade);border-radius:0;flex-direction:column;gap:9px;display:flex}.card__head{justify-content:space-between;align-items:baseline;gap:9px;display:flex}.card__title{color:var(--flame);font-family:"Press Start 2P",monospace;font-size:clamp(11px,3.2vw,13px);line-height:1.6}.card__note{color:var(--dim);font-size:clamp(9px,2.6vw,11px);line-height:1.9}.btn{background:var(--bark);text-align:center;min-height:48px;box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset var(--px) var(--px) 0 0 var(--lit), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--shade);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-family:"Press Start 2P",monospace;font-size:clamp(10px,2.9vw,12px);line-height:1.6;transition:none;display:flex}.btn:active:not([disabled]){transform:translateY(var(--px));box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset var(--px) var(--px) 0 0 var(--shade)}.btn--main{color:#2a1608;--frame:#ffc95c;background:#d9642a;min-height:56px;font-size:clamp(11px,3.3vw,14px)}.btn--ghost{background:0 0}.btn[disabled]{opacity:.45;cursor:default}.btn__cost{color:var(--flame);white-space:nowrap;margin-left:auto}.row{gap:9px;display:flex}.row>*{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:9px;display:grid}.purse{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.purse__item{background:var(--ash);box-shadow:0 -2px 0 0 var(--frame), 0 2px 0 0 var(--frame), -2px 0 0 0 var(--frame), 2px 0 0 0 var(--frame);border-radius:0;align-items:center;gap:6px;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:clamp(9px,2.7vw,11px);display:flex}.dot{border-radius:0;flex:none;width:9px;height:9px;box-shadow:inset -2px -2px #00000059}.dot--spark{background:var(--flame)}.dot--ember{background:var(--ember)}.dot--wood{background:#c9a227}.dot--stone{background:#b9c0c8}.dot--food{background:var(--leaf)}.dot--crystal{background:var(--frost)}#field{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{pointer-events:none;padding:calc(var(--vk-inset-top) + 9px) 9px calc(9px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud__top{align-items:flex-start;gap:9px;display:flex}.hud__bars{flex-direction:column;flex:1;gap:5px;max-width:232px;display:flex}.gauge{align-items:center;gap:6px;display:flex}.gauge__icon{flex:none;width:12px;height:12px;box-shadow:inset -2px -2px #0006}.gauge--hp .gauge__icon{background:var(--blood)}.gauge--food .gauge__icon{background:var(--leaf)}.gauge--fire .gauge__icon{background:var(--ember)}.bar{height:13px;box-shadow:0 -2px 0 0 var(--frame), 0 2px 0 0 var(--frame), -2px 0 0 0 var(--frame), 2px 0 0 0 var(--frame);background:#0e0a07;flex:1;position:relative}.bar__fill{background-image:repeating-linear-gradient(90deg, var(--tint) 0 5px, #0000006b 5px 7px);position:absolute;top:2px;bottom:2px;left:2px;right:auto}.bar--hp .bar__fill{--tint:#e05a48}.bar--food .bar__fill{--tint:#7ec95a}.bar--fire .bar__fill{--tint:#ffab3d}.hud__phase{text-align:right;text-shadow:2px 2px #000000d9;font-size:clamp(8px,2.4vw,10px);line-height:1.4}.hud__night{color:var(--flame);font-family:"Press Start 2P",monospace;font-size:clamp(10px,3vw,12px);line-height:1.8}.minimap{width:84px;height:84px;image-rendering:pixelated;box-shadow:0 -2px 0 0 var(--frame), 0 2px 0 0 var(--frame), -2px 0 0 0 var(--frame), 2px 0 0 0 var(--frame);margin-top:6px;margin-left:auto;display:block}.hud__stock{flex-wrap:wrap;gap:5px;display:flex}.chip{box-shadow:0 -2px 0 0 var(--frame), 0 2px 0 0 var(--frame), -2px 0 0 0 var(--frame), 2px 0 0 0 var(--frame);background:#0d0a08d9;align-items:center;gap:5px;padding:3px 8px;font-family:"Press Start 2P",monospace;font-size:clamp(9px,2.6vw,10px);display:flex}.hud__foot{align-items:flex-end;gap:8px;margin-top:auto;display:flex}.hud__bottom{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.hud__hit{pointer-events:auto;flex:none;align-items:flex-end;display:flex}.act--hit{--frame:#ff9a3c;background:#7a3a1c;gap:5px;width:84px;height:84px}.act--hit span{color:var(--ink);font-size:8px}.hud__acts{pointer-events:auto;gap:8px;display:flex}.act{background:var(--coal);width:62px;height:58px;color:var(--dim);box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset var(--px) var(--px) 0 0 var(--lit), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--shade);border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;line-height:1;display:flex}.act:active:not([disabled]){transform:translateY(var(--px));box-shadow:0 calc(var(--px) * -1) 0 0 var(--frame), 0 var(--px) 0 0 var(--frame), calc(var(--px) * -1) 0 0 0 var(--frame), var(--px) 0 0 0 var(--frame), inset var(--px) var(--px) 0 0 var(--shade)}.act strong{color:var(--ink);font-family:"Press Start 2P",monospace;font-size:13px;font-weight:400}.act[disabled]{opacity:.42}.act__icon--sword{background:linear-gradient(#eef3f8,#a9b6c4) 6px 0/3px 12px no-repeat,linear-gradient(#a57c42,#6b512c) 2px 12px/11px 3px no-repeat,linear-gradient(#a57c42,#6b512c) 6px 15px/3px 6px no-repeat;width:15px;height:21px}.act__icon--pause{background-image:linear-gradient(90deg, var(--ink) 0 4px, transparent 4px 9px, var(--ink) 9px 13px);width:13px;height:14px}.hud__hint{text-align:center;color:var(--flame);text-shadow:var(--px) var(--px) 0 #000;opacity:0;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:clamp(13px,4.4vw,20px);line-height:1.6;transition:opacity .4s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud__hint.show{opacity:1}.teach{pointer-events:auto;background:var(--ash);width:100%;box-shadow:0 calc(var(--px) * -1) 0 0 var(--flame), 0 var(--px) 0 0 var(--flame), calc(var(--px) * -1) 0 0 0 var(--flame), var(--px) 0 0 0 var(--flame);align-items:flex-start;gap:9px;margin:0 0 4px;padding:9px 11px;display:flex}.teach__text{flex:1;font-size:clamp(9px,2.6vw,11px);line-height:1.8}.teach__step{color:var(--flame);white-space:nowrap;font-size:9px;line-height:1.8}.teach__skip{color:var(--dim);white-space:nowrap;padding:2px 0 2px 4px;font-size:8px;line-height:2}.sheet{z-index:5;padding:calc(var(--vk-inset-top) + var(--pad)) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));opacity:1;background:#080605c7;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.sheet__body{flex-direction:column;gap:9px;width:min(520px,100%);margin:0 auto;animation:.18s steps(3,end) rise;display:flex}@keyframes rise{0%{transform:translateY(12px)}to{transform:translateY(0)}}.line{text-align:left;width:100%;min-height:54px;box-shadow:0 -2px 0 0 var(--frame), 0 2px 0 0 var(--frame), -2px 0 0 0 var(--frame), 2px 0 0 0 var(--frame);background:#0000004d;align-items:center;gap:10px;padding:10px 12px;display:flex}.line:active:not([disabled]){transform:translateY(2px)}.line__text{flex:1;min-width:0}.line__title{margin-bottom:2px;font-family:"Press Start 2P",monospace;font-size:clamp(9px,2.7vw,11px);line-height:1.7}.line__desc{color:var(--dim);font-size:clamp(8px,2.4vw,10px);line-height:1.9}.line__side{text-align:right;color:var(--flame);white-space:nowrap;font-size:clamp(8px,2.4vw,10px)}.pips{gap:3px;margin-top:4px;display:flex}.pip{background:#f2e4c829;width:15px;height:5px}.pip--on{background:var(--flame)}.muted{color:var(--dim)}.warn{color:var(--blood)}.good{color:var(--leaf)}.center{text-align:center}.note{color:var(--dim);text-align:center;font-size:clamp(8px,2.4vw,10px);line-height:1.9}.note a{color:var(--flame)}.big{color:var(--flame);text-shadow:2px 2px #71300c;padding:4px 0;font-family:"Press Start 2P",monospace;font-size:clamp(14px,4.6vw,22px);line-height:1.7}.boot{background:#0d0a08;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.boot__fire{background:var(--flame);width:24px;height:24px;box-shadow:0 -12px 0 0 var(--ember), -12px 0 0 0 var(--ember), 12px 0 0 0 var(--ember), 0 12px 0 0 #a33d12;animation:.9s steps(2,end) infinite flicker}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.boot__fire,.sheet__body{animation:none}}