*{box-sizing:border-box;margin:0;padding:0}:root{--color-bone: #ece4d8;--color-wax: #f0c987;--color-soot: #14121a;--color-ember: #ff5a2e;--color-cold: #9098a8;--color-cold-dark: #454b5c;--color-camp-bg: #241d18;--color-battle-bg: #171a26;--color-cover: #b89049;--color-wall: #3a3630;--color-ink: #0d0c12;--font-display: Georgia, "Palatino Linotype", Palatino, serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}.hx{font-family:var(--font-display);font-weight:700;letter-spacing:2px;position:relative;display:inline-block}.hx:after{content:"";display:block;height:1px;margin-top:6px;background:linear-gradient(90deg,transparent,rgba(240,201,135,.7) 30%,rgba(240,201,135,.7) 70%,transparent)}.hx.hx-block{display:block;text-align:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{--color-bone: #e4dac8;--color-cold: #7a8296}}html,body{width:100%;height:100%;height:100dvh;font-family:var(--font-body);background:#000;color:var(--color-bone);overflow:hidden}#root{width:100%;height:100%;display:flex}.app{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#1f2436 0%,var(--color-battle-bg) 55%,var(--color-ink) 100%);position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(180deg,rgba(240,201,135,.08),transparent);border-bottom:1px solid rgba(240,201,135,.18);height:48px;flex-shrink:0}.header h1{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:3px;color:var(--color-wax);text-shadow:0 0 10px rgba(255,90,46,.35)}.info-button{width:44px;height:44px;border:1px solid var(--color-wax);background:transparent;color:var(--color-wax);border-radius:3px;font-family:var(--font-display);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.info-button:active{background:#f0c9871f;transform:scale(.95)}.screen-container{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;height:calc(100% - 48px)}.onboarding-modal{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:#08070cdb;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.onboarding-content{background:linear-gradient(160deg,#322a24,var(--color-camp-bg) 60%,#1a1512);border:1px solid rgba(240,201,135,.22);border-radius:6px;padding:26px 22px 22px;max-width:360px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 16px 50px #000000a6,0 2px #ffffff08,inset 0 1px #ffffff0d,inset 0 0 60px #00000059;animation:modalEnter .22s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-content:before,.onboarding-content:after,.onboarding-corner-tl,.onboarding-corner-br{content:"";position:absolute;width:16px;height:16px;pointer-events:none;border-color:#f0c98799}.onboarding-content:before{top:8px;left:8px;border-top:1.5px solid rgba(240,201,135,.6);border-left:1.5px solid rgba(240,201,135,.6)}.onboarding-content:after{bottom:8px;right:8px;border-bottom:1.5px solid rgba(240,201,135,.6);border-right:1.5px solid rgba(240,201,135,.6)}.onboarding-content h2{font-family:var(--font-display);color:var(--color-ember);font-size:17px;letter-spacing:1px;margin-bottom:14px;text-align:center}.onboarding-body p{margin-bottom:10px;font-size:13px;line-height:1.55;color:var(--color-bone)}.onboarding-body strong{color:var(--color-wax)}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#f0c98740}.onboarding-dot.active{background:var(--color-ember)}.onboarding-close{width:100%;padding:12px;background:linear-gradient(160deg,var(--color-ember),#c8431c);color:var(--color-ink);border:none;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;min-height:44px}.onboarding-close:active{opacity:.85;transform:scale(.98)}.interstitial{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:radial-gradient(ellipse at center,#ff5a2e1f,#08070cf0);display:flex;align-items:center;justify-content:center;z-index:900;padding:16px}.interstitial-content{text-align:center;max-width:320px}.interstitial-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:2px;color:var(--color-wax);text-shadow:0 0 16px rgba(255,90,46,.5);margin-bottom:12px}.interstitial-body{font-size:13px;color:var(--color-bone);line-height:1.5;margin-bottom:20px}.interstitial-button{min-height:44px;padding:12px 24px;background:linear-gradient(160deg,var(--color-ember),#c8431c);color:var(--color-ink);border:none;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer}.interstitial-button:active{transform:scale(.96)}.battle-screen{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,#1a1e2e 0%,var(--color-battle-bg) 40%);overflow:hidden}.battle-top{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(180deg,rgba(144,152,168,.08),transparent);border-bottom:1px solid rgba(144,152,168,.15);height:40px;flex-shrink:0;position:relative}.battle-turn{font-family:var(--font-display);font-size:12px;color:var(--color-cold);font-weight:600;letter-spacing:.5px}.tile-hint{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);background:#0d0c12eb;border:1px solid var(--color-ember);color:var(--color-bone);font-size:11px;padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:50;pointer-events:none}.battle-grid{flex:1 1 auto;min-height:120px;aspect-ratio:1;width:auto;max-width:100%;align-self:center;background:var(--color-soot);border:2px solid var(--color-cold-dark);border-radius:3px;margin:4px auto;overflow:hidden;position:relative;box-shadow:0 0 0 1px #0009,inset 0 0 40px #00000080}.battle-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 42%,#ffbe780f,#0000 45%,#0000008c)}.grid-tiles{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:0;width:100%;height:100%;padding:0;background:radial-gradient(ellipse at 50% 40%,#1c2030,var(--color-soot) 75%);transition:filter .2s}.grid-tiles.move-mode{filter:saturate(.55) brightness(.92)}.tile{aspect-ratio:1;border:.5px solid rgba(150,158,176,.28);position:relative;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.tile.open{background:linear-gradient(135deg,#23273a,#171a26 60%,#0e1019);box-shadow:inset 0 1px #ffffff0a}.tile.wall{background:linear-gradient(135deg,#5a544a 0%,var(--color-wall) 60%,#211e19 100%);border:.5px solid #292520;box-shadow:inset 0 1px #ffffff24,inset 0 -3px 5px #00000080;cursor:not-allowed}.tile.cover{background:linear-gradient(135deg,#d4ac63 0%,var(--color-cover) 60%,#6e5518 100%);border:.5px solid #8a6d28;box-shadow:inset 0 1px #ffffff38,inset 0 -2px 4px #00000059}.tile.legal-move{background:linear-gradient(135deg,#f0c98738,#f0c9871a 60%,#f0c98714);box-shadow:inset 0 0 0 1px #f0c9878c,0 0 6px 1px #f0c98759;animation:legalMovePulse 1.4s ease-in-out infinite;z-index:2}@keyframes legalMovePulse{0%,to{box-shadow:inset 0 0 0 1px #f0c98773,0 0 4px 1px #f0c98740}50%{box-shadow:inset 0 0 0 1px #f0c987bf,0 0 9px 2px #f0c98780}}.tile.occupied-in-move-mode{filter:brightness(.7) saturate(.5)}.unit{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,opacity .2s;position:relative}.unit:active{transform:scale(1.12)}.unit.hero.selected{filter:drop-shadow(0 0 4px var(--color-wax))}.unit.hero.down{opacity:.4;filter:grayscale(1)}.unit.enemy.downed{opacity:.55;filter:grayscale(.6)}.unit.enemy.exposed{filter:drop-shadow(0 0 5px var(--color-ember))}.unit.enemy.dimmed{opacity:.32}.unit-pips{position:absolute;bottom:-4px;left:2px;right:2px}.hp-pip-bar{height:3px;background:#0a0a0c;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #000c;position:relative}.hp-pip-fill{height:100%;background:linear-gradient(180deg,#e0685a,#c0463a 55%,#8a2e24);position:relative;transition:width .25s ease-out}.hp-pip-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff59}.shield-pips{position:absolute;top:-6px;right:-4px;display:flex;gap:1px}.shield-pip-hex{width:5px;height:5px;background:#6fa8dc;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hero-strip{display:flex;gap:8px;padding:8px 12px;background:#00000059;border-top:1px solid rgba(240,201,135,.12);overflow-x:auto;flex-shrink:0;min-height:72px;align-items:center}.hero-card{flex:0 0 auto;background:linear-gradient(160deg,#f0c98714,#f0c98705);border:1px solid rgba(240,201,135,.25);border-radius:4px;padding:6px 8px;min-width:72px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:3px}.hero-card:active{border-color:#f0c98780}.hero-card.selected{border-color:var(--color-ember);box-shadow:0 0 6px #ff5a2e59}.hero-card.down{opacity:.45}.hero-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-wax)}.stat-bar{height:5px;background:#0a0a0c;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #000c;position:relative;display:flex}.stat-bar-fill{height:100%;transition:width .25s ease-out;position:relative}.stat-bar-fill.hp{background:linear-gradient(180deg,#e0685a,#c0463a 55%,#8a2e24)}.stat-bar-fill.hp:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff59}.stat-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - .5px),rgba(0,0,0,.5) calc(25% - .5px),rgba(0,0,0,.5) calc(25% + .5px))}.ap-pips{display:flex;gap:2px}.ap-pip{width:8px;height:4px;background:#ff5a2e33;border:1px solid rgba(255,90,46,.35);border-radius:1px}.ap-pip.filled{background:var(--color-ember);border-color:var(--color-ember)}.wear-label{font-size:9px;color:var(--color-cold)}.action-log{border-top:1px solid rgba(144,152,168,.15);background:#0000008c;padding:4px 12px;font-size:12px;color:var(--color-cold);height:48px;overflow-y:auto;flex:0 0 auto;line-height:1.4}.log-line{margin-bottom:3px;color:var(--color-bone)}.log-line.log-hero-attack{color:#f0c987}.log-line.log-enemy-attack{color:#e0685a}.log-line.log-camp{color:var(--color-wax)}.log-line.log-battle{color:var(--color-ember);font-weight:700}.log-line.log-info{color:var(--color-cold)}.action-bar{display:flex;flex-direction:column;gap:4px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:#0006;border-top:1px solid rgba(240,201,135,.12);flex-shrink:0;flex-grow:0;min-height:104px;overflow:visible}.action-group{display:flex;gap:6px;flex-wrap:wrap}.action-button{flex:1;min-width:60px;min-height:44px;padding:8px 12px;background:linear-gradient(160deg,#9098a82e,#9098a80f);border:1px solid rgba(144,152,168,.3);color:var(--color-bone);border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;text-align:center}.action-button:active:not(:disabled){border-color:#f0c98780;transform:scale(.96)}.action-button:disabled{opacity:.35;cursor:not-allowed}.action-button.primary{background:linear-gradient(160deg,var(--color-ember),#c8431c);border-color:var(--color-ember);color:var(--color-ink);font-weight:700}.action-button.primary:active:not(:disabled){transform:scale(.96)}.facing-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:8px;max-width:200px;margin:0 auto}.facing-button{aspect-ratio:1;min-width:44px;background:#f0c9871f;border:1px solid rgba(240,201,135,.25);color:var(--color-bone);border-radius:4px;cursor:pointer;font-size:18px;transition:all .2s}.facing-button:active{background:#f0c9874d;border-color:var(--color-ember);transform:scale(.92)}.facing-button.center{cursor:default;background:transparent;border:none;color:var(--color-cold)}.camp-screen{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,var(--color-camp-bg),#1a1512);overflow:hidden;padding:12px;gap:10px}.campfire{text-align:center;border:1px solid rgba(240,201,135,.3);border-radius:5px;overflow:hidden;position:relative}.camp-hours{position:absolute;bottom:6px;left:0;right:0;font-family:var(--font-display);font-size:12px;color:var(--color-wax);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.camp-content{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.camp-section{background:#00000040;border:1px solid rgba(240,201,135,.18);border-radius:4px;padding:8px}.camp-section-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-wax);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;flex-direction:column;gap:2px}.camp-section-title:after{content:"";display:block;height:1px;width:40px;background:linear-gradient(90deg,rgba(240,201,135,.7),transparent)}.activity-card{background:linear-gradient(160deg,#f0c9870f,#f0c98704);border:1px solid rgba(240,201,135,.18);border-radius:4px;padding:8px 10px;cursor:pointer;transition:all .2s;min-height:44px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.activity-card:active:not(.disabled){border-color:#f0c98766}.activity-card.disabled{opacity:.4;cursor:not-allowed}.activity-name{font-size:12px;font-weight:600;color:var(--color-bone)}.activity-cost{font-size:11px;color:var(--color-cold);background:#0000004d;padding:2px 6px;border-radius:2px}.hero-selector{display:flex;flex-wrap:wrap;gap:6px}.selector-button{flex:1;min-width:60px;min-height:44px;padding:6px;background:linear-gradient(160deg,#f0c98714,#f0c98705);border:1px solid rgba(240,201,135,.25);border-radius:4px;color:var(--color-bone);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.selector-button:active:not(:disabled){border-color:#f0c98780}.selector-button.selected{background:var(--color-wax);border-color:var(--color-wax);color:var(--color-ink)}.selector-button:disabled{opacity:.3;cursor:not-allowed}.bond-display{font-size:10px;color:var(--color-cold);margin-top:2px}.fielding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.fielding-hero{background:linear-gradient(160deg,#f0c98714,#f0c98705);border:2px solid rgba(240,201,135,.25);border-radius:4px;padding:8px;text-align:center;cursor:pointer;transition:all .2s;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:4px}.fielding-hero:active{border-color:#f0c98780}.fielding-hero.selected{background:linear-gradient(160deg,var(--color-wax),#d1a35e);border-color:var(--color-wax);color:var(--color-ink)}.fielding-hero.inactive{opacity:.4}.fielding-name{font-family:var(--font-display);font-size:12px;font-weight:700}.fielding-stats{font-size:10px;opacity:.8}.camp-footer{display:flex;gap:8px;padding-top:8px;border-top:1px solid rgba(240,201,135,.2)}.camp-button{flex:1;min-height:44px;padding:12px;background:linear-gradient(160deg,var(--color-ember),#c8431c);color:var(--color-ink);border:none;border-radius:4px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s}.camp-button:active:not(:disabled){transform:scale(.97)}.camp-button:disabled{opacity:.5;cursor:not-allowed}.end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background:var(--color-battle-bg);padding:24px;gap:20px;overflow-y:auto}.end-screen.victory{background:linear-gradient(180deg,#241d18,var(--color-battle-bg))}.end-screen.defeat{background:linear-gradient(180deg,rgba(96,30,24,.25),var(--color-battle-bg))}.end-scene{width:100%;max-width:340px;border-radius:5px;overflow:hidden;border:1px solid rgba(240,201,135,.25)}.end-title{font-family:var(--font-display);font-size:30px;font-weight:700;text-align:center;letter-spacing:3px}.end-screen.victory .end-title{color:var(--color-wax);text-shadow:0 0 12px rgba(240,201,135,.5)}.end-screen.defeat .end-title{color:#b04a3e;text-shadow:0 0 10px rgba(176,74,62,.5)}.share-box{background:#00000059;border:1px solid rgba(240,201,135,.25);border-radius:4px;padding:12px;text-align:center;width:100%}.share-text{font-size:12px;color:var(--color-bone);word-break:break-word;line-height:1.4;margin-bottom:8px;font-family:monospace}.share-button{width:100%;padding:10px;background:linear-gradient(160deg,var(--color-ember),#c8431c);color:var(--color-ink);border:none;border-radius:4px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;min-height:44px}.share-button:active{transform:scale(.97)}.seed-input-group{display:flex;gap:8px;width:100%}.seed-input{flex:1;padding:10px;background:#ffffff0a;border:1px solid rgba(240,201,135,.2);border-radius:4px;color:var(--color-bone);font-size:12px;min-height:44px}.seed-input::placeholder{color:var(--color-cold)}.seed-button{padding:10px 16px;background:linear-gradient(160deg,var(--color-ember),#c8431c);color:var(--color-ink);border:none;border-radius:4px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;min-height:44px}.seed-button:active{transform:scale(.97)}@media (max-height: 600px){.action-bar{max-height:60px}.action-log{max-height:50px}.hero-strip{min-height:60px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f0c9874d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f0c98780}.reaction-overlay{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);z-index:60;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18vh;background:radial-gradient(ellipse at center,#c83c1e1f,#080a148c);animation:reactionPulse .6s ease-in-out infinite alternate}@keyframes reactionPulse{0%{background-color:#080a1400}to{background-color:#781e0a1f}}.reaction-panel{width:86%;max-width:360px;background:linear-gradient(160deg,#241a14,#14100c 70%);border:1px solid rgba(255,140,60,.5);border-radius:10px;box-shadow:0 10px 40px #000000b3,0 0 24px #ff642840;padding:14px 16px 12px;text-align:center}.reaction-title{font-family:Georgia,Palatino Linotype,serif;font-size:15px;letter-spacing:.04em;color:#ffb27a;margin-bottom:10px}.reaction-track{position:relative;height:18px;border-radius:9px;background:linear-gradient(90deg,#241f1a,#35291f);border:1px solid rgba(255,255,255,.08);overflow:hidden}.reaction-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#ffb545,#e8722a);box-shadow:0 0 12px #ffa03ccc}.reaction-needle{position:absolute;top:-2px;bottom:-2px;width:3px;background:#fff3e0;box-shadow:0 0 8px #fff0d2e6;transition:left .12s linear}.reaction-hint{margin-top:8px;font-size:11px;color:#b9a99a}.reaction-panel{animation:reactionEnter .16s cubic-bezier(.2,.8,.3,1.2)}@keyframes reactionEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reaction-panel.result-deflect{animation:reactionEnter .16s cubic-bezier(.2,.8,.3,1.2),sparkFlash .35s ease-out}@keyframes sparkFlash{0%{box-shadow:0 10px 40px #000000b3,0 0 24px #ff642840}35%{box-shadow:0 10px 40px #000000b3,0 0 60px 12px #fff0c8e6}to{box-shadow:0 10px 40px #000000b3,0 0 24px #ff642840}}.reaction-panel.result-brace:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(150,200,255,.35) 48%,transparent 66%);background-size:260% 100%;animation:shieldShimmer .5s ease-out}@keyframes shieldShimmer{0%{background-position:120% 0}to{background-position:-20% 0}}.unit.hit-flinch{animation:hitFlinch .22s ease-out}@keyframes hitFlinch{0%{transform:translate(0);filter:none}30%{transform:translate(2px,-1px);filter:brightness(2) saturate(.4) drop-shadow(0 0 6px rgba(255,80,40,.9))}to{transform:translate(0);filter:none}}.unit.death-collapse{animation:deathCollapse .25s ease-in forwards}@keyframes deathCollapse{0%{transform:translateY(0) scaleY(1);opacity:1}to{transform:translateY(6px) scaleY(.35);opacity:.15}}.unit.selected.breathe{animation:breatheGlow 2.2s ease-in-out infinite}@keyframes breatheGlow{0%,to{filter:drop-shadow(0 0 4px var(--color-wax))}50%{filter:drop-shadow(0 0 9px var(--color-wax))}}.unit.shield-shatter .shield-pips{animation:shieldShatter .3s ease-out}@keyframes shieldShatter{0%{transform:scale(1) rotate(0);opacity:1}60%{transform:scale(1.4) rotate(8deg);opacity:.6}to{transform:scale(.2) rotate(-12deg);opacity:0}}.unit.enemy.exposed-pulse{animation:exposedPulse .9s ease-in-out infinite}@keyframes exposedPulse{0%,to{filter:drop-shadow(0 0 5px var(--color-ember))}50%{filter:drop-shadow(0 0 11px var(--color-ember))}}.fx-float{position:absolute;left:50%;top:-2px;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:13px;white-space:nowrap;pointer-events:none;z-index:40;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:floatRise .9s ease-out forwards}.fx-float.dmg{color:#ff8a6a}.fx-float.ap{color:var(--color-wax);font-size:11px}@keyframes floatRise{0%{opacity:0;transform:translate(-50%,4px) scale(.85)}15%{opacity:1;transform:translate(-50%,-2px) scale(1)}to{opacity:0;transform:translate(-50%,-22px) scale(1)}}.fx-ember-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:39}.fx-ember-burst span{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--color-ember);box-shadow:0 0 5px 1px #ff8c3ce6;animation:emberBurst .5s ease-out forwards}@keyframes emberBurst{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--ex, 10px),var(--ey, -10px)) scale(.2);opacity:0}}.fx-ow-cone{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:38;background:conic-gradient(from calc(var(--cone-angle, 0deg) - 22deg),rgba(255,210,140,.55),transparent 44deg);animation:owFlash .3s ease-out forwards}@keyframes owFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.fx-turn-sweep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:linear-gradient(100deg,transparent 40%,rgba(240,201,135,.14) 50%,transparent 60%);background-size:300% 100%;animation:turnSweep .6s ease-out}@keyframes turnSweep{0%{background-position:130% 0}to{background-position:-30% 0}}.campfire{position:relative}.campfire:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 82%,rgba(255,160,70,.22),transparent 55%);animation:fireFlicker 2.6s ease-in-out infinite}@keyframes fireFlicker{0%,to{opacity:.75}20%{opacity:1}35%{opacity:.6}55%{opacity:.95}70%{opacity:.7}85%{opacity:1}}.activity-card{position:relative}.activity-card:not(.disabled):hover{border-color:#f0c98766;background:linear-gradient(160deg,#f0c9871a,#f0c98708)}.activity-card:not(.disabled):active{transform:scale(.98)}.hero-card{position:relative}.hero-card .fx-float.ap{top:4px}.screen-container>*{animation:screenIn .2s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.interstitial-content,.end-screen{animation:screenIn .22s ease-out}.tile.in-fire-range:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,138,74,.55);border-radius:2px;background:#ff78321a;pointer-events:none}.tile.in-watch-cone:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed rgba(120,200,255,.5);background:#5aaaff1f;border-radius:2px;pointer-events:none}.dmg-preview{position:absolute;top:-2px;right:-2px;font-size:10px;font-weight:700;line-height:1;padding:1px 3px;border-radius:3px;background:#140c08e6;color:#ffb27a;border:1px solid rgba(255,150,80,.6);pointer-events:none}.facing-button.previewing{background:linear-gradient(180deg,#ffb545,#e8722a);color:#1a1208;font-weight:700}.action-bar .action-button{flex:1 1 30%;min-width:92px;min-height:44px;padding:6px 8px;font-size:12px}.inspect-toggle{min-height:44px;min-width:44px;padding:6px 12px;background:transparent;border:1px solid var(--color-cold-dark);border-radius:6px;color:var(--color-cold);font-family:var(--font-body);font-size:12px;cursor:pointer}.inspect-toggle.active{border-color:var(--color-wax);color:var(--color-wax);background:#f0c9871f}.inspect-mode-note{font-size:11px;color:var(--color-wax);padding:4px 2px 0;line-height:1.35}.inspect-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:#08070cb8;display:flex;align-items:flex-end;justify-content:center;z-index:1200}.inspect-panel{width:100%;max-width:390px;max-height:76vh;overflow-y:auto;background:var(--color-soot);border-top:2px solid var(--color-wax);border-radius:12px 12px 0 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 28px #0009}.inspect-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.inspect-title{font-family:var(--font-display);font-size:20px;color:var(--color-bone);line-height:1.15}.inspect-subtitle{font-size:11px;color:var(--color-wax);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.inspect-close{flex:0 0 auto;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--color-cold-dark);border-radius:6px;color:var(--color-cold);font-size:16px;cursor:pointer}.inspect-section{margin-bottom:12px}.inspect-section-heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-wax);margin-bottom:3px}.inspect-section-body{font-size:13px;line-height:1.5;color:var(--color-bone)}.coach-layer{position:fixed;left:0;right:0;bottom:0;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:900}.coach-banner{pointer-events:none;width:100%;max-width:370px;display:flex;align-items:center;gap:10px;background:#14121af5;border:1px solid var(--color-wax);border-left:3px solid var(--color-ember);border-radius:8px;padding:10px 10px 10px 12px;box-shadow:0 6px 20px #0000008c}.coach-text{flex:1 1 auto;font-size:12.5px;line-height:1.4;color:var(--color-bone)}.coach-dismiss{pointer-events:auto;flex:0 0 auto;min-height:44px;min-width:60px;padding:0 12px;background:var(--color-wax);border:none;border-radius:6px;color:var(--color-ink);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer}.dmg-strip{margin:0 6px 4px;padding:5px 8px;background:#0d0c12e6;border-left:3px solid var(--color-wax);border-radius:4px;font-size:11px;line-height:1.4;color:var(--color-bone);overflow-wrap:break-word}.dmg-strip-target{color:var(--color-wax);font-weight:600}.unavailable-reason{font-size:11.5px;line-height:1.4;color:var(--color-wax);text-align:center;padding:2px 6px 6px}.status-badge{font-size:8px;letter-spacing:.06em;text-align:center;border-radius:3px;padding:1px 3px;margin-top:1px}.exposed-badge{color:var(--color-ember);border:1px solid var(--color-ember)}.downed-badge{color:var(--color-wax);border:1px solid var(--color-wax)}.ow-badge{color:var(--color-cold);border:1px solid var(--color-cold-dark)}.inspect-toggle,.coach-dismiss,.inspect-close{touch-action:manipulation}