@font-face{font-family:"Cubic 11";src:url(/fonts/Cubic_11.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--surface: #FFFFFF;--inset: #EEF5FF;--ink: #22304F;--ink-muted: #5C6B8A;--accent: #FF5E8A;--currency: #FFC531;--ready: #3FBF6B;--backdrop-top: #A9DCFF;--backdrop-bottom: #F2FAFF;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ui-s: 1;--font-size-number: 24px;--font-size-title: 16px;--font-size-body: 12px;--font-size-note: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:"Cubic 11",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--backdrop-bottom);color:var(--ink)}#app{width:100%;height:100%;position:relative;overflow:hidden}canvas{display:block;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.pixel-panel{background-color:var(--surface);box-shadow:0 -2px 0 0 var(--ink),0 2px 0 0 var(--ink),-2px 0 0 0 var(--ink),2px 0 0 0 var(--ink)}:where(*){touch-action:manipulation}.pixel-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--font-size-body, 12px);line-height:1;color:var(--ink);background-color:var(--surface);border:none;outline:none;padding:8px 12px;cursor:pointer;touch-action:manipulation;margin:0;box-shadow:0 -2px 0 0 var(--ink),0 2px 0 0 var(--ink),-2px 0 0 0 var(--ink),2px 0 0 0 var(--ink)}.pixel-btn:active{background-color:var(--inset);transform:translateY(1px)}.pixel-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent),0 -2px 0 0 var(--ink),0 2px 0 0 var(--ink),-2px 0 0 0 var(--ink),2px 0 0 0 var(--ink)!important}.pixel-btn.btn-disabled-hint{opacity:.65;background-color:#f8fafd}.pixel-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:calc(32px * var(--ui-s, 1));margin:0;background:transparent;cursor:pointer;touch-action:none}.pixel-range:disabled{opacity:.45;cursor:not-allowed}.pixel-range::-webkit-slider-runnable-track{height:calc(8px * var(--ui-s, 1));background-color:var(--inset);box-shadow:0 0 0 2px var(--ink)}.pixel-range::-moz-range-track{height:calc(8px * var(--ui-s, 1));background-color:var(--inset);box-shadow:0 0 0 2px var(--ink)}.pixel-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(16px * var(--ui-s, 1));height:calc(20px * var(--ui-s, 1));margin-top:calc(-6px * var(--ui-s, 1));border:none;border-radius:0;background-color:var(--currency);box-shadow:0 0 0 2px var(--ink)}.pixel-range::-moz-range-thumb{width:calc(16px * var(--ui-s, 1));height:calc(20px * var(--ui-s, 1));border:none;border-radius:0;background-color:var(--currency);box-shadow:0 0 0 2px var(--ink)}.pixel-range:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pixel-icon{image-rendering:pixelated;image-rendering:crisp-edges}@keyframes icon-bounce-anim{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.icon-bounce{animation:icon-bounce-anim .2s steps(1) forwards;transition:none!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.card-close-btn{position:relative}.card-close-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%;background:transparent;pointer-events:auto}@keyframes float-up{0%{opacity:1;transform:translateY(0)}16.67%{opacity:1;transform:translateY(calc(-1 * var(--art-px, 2px)))}33.33%{opacity:1;transform:translateY(calc(-2 * var(--art-px, 2px)))}50%{opacity:1;transform:translateY(calc(-3 * var(--art-px, 2px)))}66.67%{opacity:1;transform:translateY(calc(-4 * var(--art-px, 2px)))}83.33%{opacity:.66;transform:translateY(calc(-5 * var(--art-px, 2px)))}to{opacity:0;transform:translateY(calc(-6 * var(--art-px, 2px)))}}@keyframes float-stay{0%{opacity:1;transform:none}66.67%{opacity:1;transform:none}83.33%{opacity:.66;transform:none}to{opacity:0;transform:none}}.desktop-large{--ui-s: 2}.card-title-text,.card-status-badge,.card-bar-label,.btn-label,.resource-num-text,.bottom-btn span,.toast-text{white-space:nowrap}@keyframes flash-twice{0%{opacity:0}20%{opacity:.85}45%{opacity:.1}70%{opacity:.95}to{opacity:0}}@keyframes flash-twice-reduced{0%{opacity:0}50%{opacity:.6}to{opacity:0}}.card-closing{opacity:0!important;transform:translateY(8px)!important;transition:opacity .12s ease-in,transform .12s ease-in!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-fx-item{animation:float-stay .6s steps(1) forwards!important}.floating-fx-reward{animation:float-stay .7s steps(1) forwards!important}}html.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.reduce-motion .floating-fx-item{animation:float-stay .6s steps(1) forwards!important}html.reduce-motion .floating-fx-reward{animation:float-stay .7s steps(1) forwards!important}.guide-toc{margin-bottom:calc(14px * var(--ui-s, 1));padding-bottom:calc(14px * var(--ui-s, 1));border-bottom:2px solid var(--ink)}.guide-toc-title{font-size:var(--font-size-title, 16px);line-height:1.2;margin-bottom:calc(10px * var(--ui-s, 1))}.guide-toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(8px * var(--ui-s, 1))}.pixel-btn.guide-toc-btn{justify-content:flex-start;min-width:0;min-height:calc(34px * var(--ui-s, 1));padding:calc(6px * var(--ui-s, 1)) calc(8px * var(--ui-s, 1));text-align:left;line-height:1.3;white-space:normal}.guide-content{min-width:0;font-size:var(--font-size-body, 12px);line-height:1.7;color:var(--ink)}.guide-content h2{margin:calc(22px * var(--ui-s, 1)) 0 calc(10px * var(--ui-s, 1));padding-bottom:calc(6px * var(--ui-s, 1));border-bottom:2px solid var(--ink);font-size:var(--font-size-title, 16px);font-weight:400;line-height:1.3}.guide-content h2:first-child{margin-top:0}.guide-content h3{margin:calc(16px * var(--ui-s, 1)) 0 calc(6px * var(--ui-s, 1));padding-left:calc(6px * var(--ui-s, 1));border-left:calc(4px * var(--ui-s, 1)) solid var(--currency);font-size:var(--font-size-body, 12px);font-weight:400;line-height:1.5}.guide-content p{margin:0 0 calc(10px * var(--ui-s, 1))}.guide-content ul,.guide-content ol{margin:0 0 calc(10px * var(--ui-s, 1));padding-left:1.6em}.guide-content li{margin-bottom:calc(4px * var(--ui-s, 1))}.guide-content li>ul,.guide-content li>ol{margin:calc(4px * var(--ui-s, 1)) 0 0}.guide-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 calc(12px * var(--ui-s, 1));border:2px solid var(--ink)}.guide-table-wrap table{border-collapse:collapse;min-width:100%;width:max-content;max-width:200%;font-size:var(--font-size-body, 12px);line-height:1.5}.guide-table-wrap th,.guide-table-wrap td{padding:calc(5px * var(--ui-s, 1)) calc(8px * var(--ui-s, 1));border:1px solid var(--ink-muted);text-align:left;vertical-align:top}.guide-table-wrap th{background-color:var(--inset);font-weight:400;white-space:nowrap}.guide-table-wrap td{min-width:4.5em}.guide-table-wrap tr>:first-child{border-left:none}.guide-table-wrap tr>:last-child{border-right:none}.guide-table-wrap thead tr>*{border-top:none}.guide-table-wrap tbody tr:last-child>*{border-bottom:none}