:root{--ink: #3b2a1e;--ink2: #6b4c35;--cream: #fff6e3;--cream2: #f6e7c6;--paper: #fffaf0;--green: #5daa3f;--green2: #3f8a2c;--gold: #f2c94c;--gold2: #d9a521;--red: #d9453b;--sky: #8fd3ff;--wood: #a86b3c;--wood2: #7c4a26;--bg: #2f4a2b;--r: 10px;--tap: 44px;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}img.px,canvas.scene{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit}[hidden]{display:none!important}.boot{height:100%;display:grid;place-items:center;color:var(--cream);font-weight:700;text-align:center}.boot .dots{display:inline-block;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.boot-error{color:var(--cream);padding:24px;text-align:center}.btn{min-height:var(--tap);min-width:var(--tap);padding:6px 14px;border:3px solid var(--ink);border-radius:var(--r);background:var(--cream);box-shadow:0 3px 0 var(--ink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .05s;user-select:none}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 0 var(--ink)}.btn:focus-visible,.choice:focus-visible,.tab:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.btn.primary{background:var(--green);color:#fff;text-shadow:0 2px 0 var(--green2)}.btn.icon{padding:6px;width:var(--tap)}.btn.wide{width:100%;margin:6px 0}.btn.icon.on{background:#f3c1bb}.game{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,38%);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hud hud" "scene shop"}.hud{grid-area:hud;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--wood);border-bottom:4px solid var(--wood2);box-shadow:inset 0 -3px #8f5a31}.hud-row{display:flex;gap:8px;align-items:center;min-width:0}.hud-row:first-child{flex:1 1 auto}.stat{display:flex;align-items:center;gap:6px;background:var(--cream);border:3px solid var(--ink);border-radius:var(--r);padding:2px 4px 2px 8px;min-height:var(--tap);font-weight:800;white-space:nowrap}.stat img{width:20px;height:20px}.num{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:18px}.rate{font-weight:600;color:var(--ink2);font-size:12px}.coins-stat{padding-right:10px}.btn.sell{padding:2px 14px;background:var(--gold)}.btn.sell.auto{background:var(--cream2)}.stat{padding-right:10px}.btn.level{gap:6px;padding:4px 10px}.lvl-num{font-family:ui-monospace,Menlo,monospace;font-size:18px}.xpbar{display:inline-block;width:70px;height:10px;border:2px solid var(--ink);background:#e9dcc0;border-radius:3px;overflow:hidden}.xpfill{display:block;height:100%;background:var(--sky)}.btn.account{max-width:340px;font-size:13px;padding:4px 10px}.btn.account .ico{display:inline-flex}.btn.account .provider-logos{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.btn.account .provider-logo{display:block;width:17px;height:17px;object-fit:contain}.acct-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-wrap{grid-area:scene;display:grid;place-items:center;min-height:0;min-width:0;overflow:hidden;padding:6px;background:repeating-linear-gradient(45deg,#36552f 0 6px,#3a5a33 6px 12px)}canvas.scene{display:block;border:4px solid var(--ink);border-radius:6px;background:#7cc35a;touch-action:manipulation;cursor:pointer}.shop{grid-area:shop;display:flex;flex-direction:column;min-height:0;background:var(--cream);border-left:4px solid var(--wood2)}.shop-head{display:flex;flex-wrap:nowrap;gap:6px;padding:8px;background:var(--cream2);border-bottom:3px solid var(--ink);align-items:center;justify-content:space-between}.tabs{display:flex;gap:4px;flex:1 1 auto;min-width:0}.tab .short{display:none}.tab{flex:1 1 0;min-height:var(--tap);min-width:0;padding:4px 6px;border:3px solid var(--ink);border-radius:8px 8px 4px 4px;background:#ead8b1;font-weight:800;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.on{background:var(--green);color:#fff}.qbtn{min-height:var(--tap);min-width:78px;border:3px solid var(--ink);border-radius:8px;background:#ead8b1;font-weight:800;cursor:pointer;font-size:13px;white-space:nowrap}.qbtn.on{background:var(--gold)}.list{flex:1 1 auto;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:var(--r);padding:6px 8px}.row>img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.row-main strong{font-size:16px}.row-main small{color:var(--ink2);font-size:12px;line-height:1.3}.count{font-family:ui-monospace,Menlo,monospace;color:var(--green2);font-size:14px}.row-btns{display:flex;flex-direction:column;gap:6px;align-items:stretch}.btn.buy{flex-direction:column;gap:0;padding:3px 10px;min-width:96px;font-size:13px;line-height:1.15}.btn.buy .cost{display:inline-flex;align-items:center;gap:3px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.btn.buy .cost img{width:10px;height:10px;image-rendering:pixelated}.btn.harvest{background:var(--gold);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.12)}}.row.locked{opacity:.65;background:#efe5cf}.row.locked img.lock{width:20px;height:24px}.bar{height:14px;border:2px solid var(--ink);background:#e9dcc0;border-radius:4px;overflow:hidden}.bar.small{height:8px}.bar>span{display:block;height:100%;background:var(--green)}.bar>span.ripe{background:var(--gold)}.farm-card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--r);padding:12px}.farm-title{display:flex;gap:10px;align-items:center}.farm-title img{width:50px}.big{font-size:20px;font-weight:800;margin:8px 0}.muted{color:var(--ink2)}.stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.stats dt{color:var(--ink2)}.stats dd{margin:0;font-weight:700;text-align:right;font-family:ui-monospace,Menlo,monospace}.lobby{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:12px;overflow-y:auto;background:#23341e8c;backdrop-filter:blur(1.5px)}.lobby-card{width:min(460px,100%);background:var(--cream);border:4px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink);padding:18px;text-align:center}.logo-wrap{display:flex;align-items:center;justify-content:center;gap:10px}.logo{width:min(330px,calc(100vw - 150px));height:auto}.lobby-card{max-width:100%;min-width:0}.logo-icon{width:56px;height:56px}.tagline{margin:8px 0 14px;color:var(--ink2);font-weight:600}.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu .primary{grid-column:1 / -1;font-size:20px;min-height:54px}.menu-item{width:100%}.lobby-account{margin:14px 0 6px;display:flex;justify-content:center}.guest-note{font-size:13px;color:var(--ink2);margin:6px 0;line-height:1.4}.fineprint,.fine{font-size:12px;color:var(--ink2)}.sheet-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:10px;background:#1e281999}.sheet{width:min(600px,100%);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;background:var(--cream);border:4px solid var(--ink);border-radius:14px;box-shadow:0 6px 0 var(--ink)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 16px;border-bottom:3px solid var(--ink);background:var(--cream2);border-radius:10px 10px 0 0}.sheet-head h2{margin:0;font-size:20px}.sheet-body{padding:12px 16px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-body h3{margin:16px 0 8px;font-size:16px}.big-level{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:26px;font-weight:800;margin-bottom:8px}.big-level small{font-size:14px;color:var(--ink2)}ul.plain{margin:0;padding-left:18px;line-height:1.5}.unlocks{list-style:none;padding:0;margin:0;display:grid;gap:4px}.unlocks li{display:grid;grid-template-columns:56px 1fr auto;gap:8px;padding:6px 8px;border:2px solid var(--ink);border-radius:8px;background:#efe5cf}.unlocks li.done{background:#dff2cf}.ul-lvl{font-weight:800;font-family:ui-monospace,Menlo,monospace}.ul-state{font-weight:700;color:var(--ink2)}.ach{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:10px;border:3px solid var(--ink);border-radius:var(--r);background:#efe5cf;margin-bottom:8px}.ach.earned{background:#fff3c4}.ach-ico svg{width:36px;height:36px}.ach:not(.earned) .ach-ico{filter:grayscale(1);opacity:.5}.ach-main p{margin:4px 0 6px}.ach-main small{display:block;margin-top:4px;color:var(--ink2)}.ach-diff{margin-left:8px;font-size:11px;text-transform:uppercase;color:var(--ink2);letter-spacing:.05em}.reward{font-weight:700}.profile-head{display:flex;gap:14px;align-items:center}.avatar-big{width:84px;height:84px;background:#cfeeff;border:3px solid var(--ink);border-radius:12px}.username{font-size:22px;font-weight:800;word-break:break-all}.title-line{font-weight:700;color:var(--green2);margin-bottom:4px}.link{display:inline-flex;align-items:center;min-height:var(--tap);color:#1f5fa8;font-weight:700}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{min-height:var(--tap);min-width:72px;padding:6px 8px;border:3px solid var(--ink);border-radius:10px;background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-weight:700;font-size:12px}.choice img{width:42px;height:42px}.choice.text{min-width:110px}.choice small{font-weight:600;color:var(--ink2);font-size:11px}.choice.sel{background:#dff2cf;box-shadow:inset 0 0 0 2px var(--green)}.choice:disabled{opacity:.5;cursor:not-allowed}.banner{padding:10px 12px;border:3px solid var(--ink);border-radius:var(--r);margin-bottom:10px}.banner.warn{background:#ffe6a8}.empty{text-align:center;padding:18px 10px;border:3px dashed var(--ink2);border-radius:var(--r);margin:8px 0;background:var(--paper)}.lb-you{margin:12px 0;padding:10px;border:2px solid var(--ink);border-radius:var(--r);background:#efe5cf}.lb{padding:0;list-style:none}.lb li{display:grid;grid-template-columns:50px 1fr auto;padding:6px;border-bottom:2px solid #e2d3b2}.lb li.you{background:#dff2cf}.slider{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:10px;min-height:var(--tap);font-weight:700}.slider input{width:100%;height:var(--tap);accent-color:var(--green)}kbd{display:inline-block;min-width:26px;padding:1px 6px;border:2px solid var(--ink);border-radius:5px;background:var(--paper);font-family:ui-monospace,Menlo,monospace;font-size:12px;text-align:center}.welcome{text-align:center}.welcome img{width:84px}.toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(92vw,520px)}.toast{background:var(--cream);border:3px solid var(--ink);border-radius:var(--r);padding:8px 14px;font-weight:700;box-shadow:0 3px 0 var(--ink);transition:opacity .5s,transform .5s;text-align:center}.toast.gold{background:#fff0b8}.toast.level{background:#d9f0ff}.toast.out{opacity:0;transform:translateY(8px)}#cynnx-game-chip{display:none!important}body [data-cynnx-ui]{font-family:inherit}body [data-cynnx-ui] #cynnx-game-modal{background:#1e2819b8}body [data-cynnx-ui] .cynnx-game-panel{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:14px;box-shadow:0 6px 0 var(--ink)}body [data-cynnx-ui] .cynnx-game-panel button{min-height:var(--tap);background:var(--paper);color:var(--ink);border:3px solid var(--ink);font-weight:700}body [data-cynnx-ui] .cynnx-game-panel button:first-child{background:var(--green);color:#fff}@media (max-aspect-ratio: 1/1){.game{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"hud" "scene" "shop"}.scene-wrap{height:min(calc((100vw - 12px)/1.6 + 12px),44dvh)}.shop{border-left:0;border-top:4px solid var(--wood2)}.hud-row{width:100%;justify-content:space-between}.hud-row:last-child .btn.level{flex:0 0 auto}.hud-row:last-child .btn.account{flex:1 1 auto;max-width:none}}@media (max-width: 480px),(max-height: 500px) and (min-aspect-ratio: 1/1){.tab .long{display:none}.tab .short{display:inline}.qbtn{min-width:64px;font-size:12px}}.lobby .btn.account{max-width:100%}@media (max-width: 420px){.num{font-size:16px}.rate{display:none}.xpbar{width:48px}.row{grid-template-columns:40px minmax(0,1fr) auto;padding:5px 6px}.row>img{width:40px;height:40px}.btn.buy{min-width:84px;padding:3px 6px}.shop-head{padding:6px}}@media (max-height: 500px) and (min-aspect-ratio: 1/1){.hud{padding:4px 6px;flex-wrap:nowrap}.hud-row{gap:6px}.rate{display:none}.game{grid-template-columns:minmax(0,1fr) minmax(320px,44%)}.lobby-card{padding:10px 14px}.tagline{display:none}.logo{width:220px}.logo-icon{width:36px;height:36px}.menu{grid-template-columns:repeat(3,1fr);gap:8px}.menu .primary{grid-column:1 / -1;min-height:var(--tap);font-size:18px}.guest-note{font-size:12px}.lobby-account{margin:8px 0 4px}.hud .btn.account{max-width:210px}.shop-head{padding:4px 6px}.tab{font-size:12px;padding:4px 2px}}@media (prefers-reduced-motion: reduce){.btn.harvest{animation:none}}