@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype");font-display:swap}:root{--grass-light: #5ba84d;--grass-mid: #4a8c3f;--grass-dark: #3a7030;--water: #3b8dbd;--water-dark: #2a7aad;--dirt: #a08060;--dirt-dark: #8B7355;--wood: #8B5E3C;--wood-dark: #6b4226;--stone: #8a8a8a;--stone-dark: #6a6a6a;--roof: #c0392b;--gold: #f1c40f;--gold-dark: #d4a50e;--focus-primary: #f1c40f;--focus-primary-glow: rgba(241, 196, 15, .4);--focus-accent: #e67e22;--focus-accent-light: #f39c12;--focus-danger: #c0392b;--focus-success: #27ae60;--focus-panel-bg: rgba(244, 228, 193, .95);--focus-panel-border: #8B7355;--focus-text: #3a2a1a;--focus-text-dim: #6b5a42;--focus-text-light: #f4e4c1;--focus-bg: #2d1f0e;--pixel-scale: 4;--font-ui: "Plus Jakarta Sans", -apple-system, sans-serif;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-display: "Press Start 2P", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;overflow:hidden;font-family:var(--font-ui);color:var(--focus-text);background:var(--focus-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes walkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes flameFlicker{0%,to{transform:scaleY(1) scaleX(1);opacity:1}25%{transform:scaleY(1.1) scaleX(.9);opacity:.9}50%{transform:scaleY(.9) scaleX(1.1);opacity:1}75%{transform:scaleY(1.05) scaleX(.95);opacity:.85}}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(.3);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressPulse{0%,to{box-shadow:0 0 0 0 var(--focus-primary-glow)}50%{box-shadow:0 0 12px 4px var(--focus-primary-glow)}}@keyframes flagWave{0%,to{transform:skew(0)}50%{transform:skew(3deg)}}@keyframes pixelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.focus-panel{background:var(--focus-panel-bg);border:3px solid var(--focus-panel-border);image-rendering:pixelated;position:relative}.focus-panel:before{content:"";position:absolute;inset:-1px;border:2px solid rgba(0,0,0,.2);pointer-events:none}.focus-btn{font-family:var(--font-pixel);font-size:.6rem;padding:12px 20px;border:none;cursor:pointer;transition:all .15s ease;touch-action:manipulation;min-height:44px;min-width:44px;image-rendering:pixelated;position:relative;letter-spacing:.5px}.focus-btn:active{transform:scale(.96) translateY(2px)}.focus-btn-primary{background:var(--gold);color:#3a2a1a;border:3px solid var(--gold-dark);box-shadow:0 4px 0 var(--gold-dark),0 6px 8px #0000004d}.focus-btn-primary:hover{background:#f5d020}.focus-btn-primary:active{box-shadow:0 1px 0 var(--gold-dark),0 2px 4px #0000004d;transform:translateY(3px)}.focus-btn-ghost{background:#8b73554d;color:var(--focus-text-light);border:2px solid rgba(139,115,85,.5)}.focus-btn-ghost:hover{background:#8b735580}.parchment{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,115,85,.03) 2px,rgba(139,115,85,.03) 4px),linear-gradient(135deg,#f4e4c1,#e8d5a0,#f0e0b0)}@media(max-width:1024px){:root{--pixel-scale: 4}}@media(max-width:768px){:root{--pixel-scale: 3}}@media(max-width:480px){:root{--pixel-scale: 2.5}}canvas{image-rendering:pixelated;image-rendering:crisp-edges}img[src*="focus/images"],img[src*="assets/focus"]{image-rendering:pixelated;image-rendering:crisp-edges}.asset-btn{position:relative;cursor:pointer;border:none;background:none;padding:0;transition:transform .1s ease}.asset-btn:hover{transform:scale(1.05)}.asset-btn:active{transform:scale(.95)}.asset-btn canvas{display:block}.banner-panel{position:relative;overflow:hidden}.banner-panel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none}.icon-decoration{image-rendering:pixelated;image-rendering:crisp-edges;width:24px;height:24px}.foam-edge{position:absolute;bottom:0;left:0;right:0;height:8px;background:url(/assets/focus/images/terrain/Foam.png) repeat-x;background-size:auto 8px;opacity:.6;pointer-events:none}.asset-loading{opacity:.5;transition:opacity .3s ease}.asset-loaded{opacity:1}