:root{--bg-base: #181d1c;--bg-deep: #11161a;--panel: #232d2a;--panel-2: #2c3936;--panel-3: #3a4845;--hairline: #3a4945;--hairline-strong: #4a5854;--ink: #ece4cd;--ink-dim: #c5bfa8;--muted: #8e978f;--shadow: 0 6px 18px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--gold: #d2a85d;--gold-soft: #b58c44;--moss: #7caf80;--moss-deep: #4a7c5c;--rust: #c97259;--mist: #8aa7a0;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Apple Garamond", "ITC Bookman", "Baskerville", "Cambria", "Times New Roman", Georgia, serif;font-family:var(--font-sans);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg-base);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(210,168,93,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 20% 110%,rgba(74,124,92,.18) 0%,transparent 55%),radial-gradient(ellipse 50% 70% at 100% 90%,rgba(138,167,160,.1) 0%,transparent 60%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-base) 40%,var(--bg-base) 100%);background-attachment:fixed;color:var(--ink)}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(82px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}h1{margin:0;font-family:var(--font-serif);font-weight:500;font-size:1.7rem;letter-spacing:.02em;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.3)}h1:first-letter{color:var(--gold)}h2{margin:0 0 10px;font-family:var(--font-serif);font-size:1.25rem;font-weight:500;letter-spacing:.01em;color:var(--ink);display:flex;align-items:center}h2:before{content:"";display:inline-block;width:3px;height:1em;background:var(--gold);margin-right:10px;border-radius:2px;opacity:.85}h3{margin:20px 0 8px;font-family:var(--font-serif);font-size:.95rem;font-weight:500;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.resource-bar{display:flex;align-items:center;gap:0;padding:10px 14px;margin:10px 0 14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;font-variant-numeric:tabular-nums;font-size:.95rem}.resource-bar>span{display:inline-flex;align-items:center;gap:4px;padding:0 14px;position:relative}.resource-bar>span+span:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--hairline)}.resource-bar>span:first-child{padding-left:0}.resource-bar>span:last-child{padding-right:0}.main{flex:1}.view{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow),inset 0 1px #ffffff0d}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#ffffff06,#00000014),var(--panel-2);border:1px solid var(--hairline);padding:10px 12px;border-radius:var(--radius-sm);transition:border-color .15s ease,transform .15s ease}.row:hover{border-color:var(--hairline-strong)}.row .grow{flex:1;min-width:0}.row strong{font-weight:600;letter-spacing:.01em}.icon{font-size:1.35rem}.icon.big{font-size:1.9rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.muted{color:var(--muted)}.small{font-size:.85rem;line-height:1.4}.price{color:var(--gold);font-variant-numeric:tabular-nums}.qty{font-variant-numeric:tabular-nums;color:var(--ink-dim)}button{background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);color:var(--ink);border:1px solid var(--hairline-strong);padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:500;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,transform 60ms ease;box-shadow:inset 0 1px #ffffff0f}button:hover{background:linear-gradient(180deg,#46554f 0%,var(--panel-3) 100%);border-color:#5a6864}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(180deg,#87bf8d 0%,var(--moss) 100%);border-color:var(--moss-deep);color:#112218;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.15)}button.primary:hover{background:linear-gradient(180deg,#97cf9d,#80b888)}button.primary:disabled{background:var(--panel-3);color:var(--muted);border-color:var(--hairline);text-shadow:none}button.ghost{background:transparent;border-color:var(--hairline-strong);color:var(--muted);box-shadow:none}button.ghost:hover{background:#ffffff0a;color:var(--ink)}.plots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plot{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%),linear-gradient(180deg,#2f3a36,#242e2c);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:140px;box-shadow:inset 0 1px #ffffff0d}.plot.planted{background:radial-gradient(ellipse at 50% 0%,rgba(124,175,128,.1) 0%,transparent 60%),linear-gradient(180deg,#2f3a36,#1d2522);border-color:#7caf8059}.plot.planted:has(.primary){border-color:var(--gold);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #d2a85d4d,0 0 18px -4px #d2a85d73}.plot-head{display:flex;justify-content:space-between;align-items:center}.plot-head strong{font-family:var(--font-serif);font-weight:500;letter-spacing:.02em}.plant-controls,.grow-controls{display:flex;flex-direction:column;gap:6px}.bar{width:100%;height:8px;background:var(--bg-deep);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.bar-fill{height:100%;background:linear-gradient(90deg,var(--moss-deep),var(--moss) 60%,var(--gold));box-shadow:0 0 8px -2px #7caf8080;transition:width .4s linear}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#11161ad9;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-top:1px solid var(--hairline);box-shadow:0 -6px 20px #0006;overflow-x:auto;z-index:30}.nav::-webkit-scrollbar{display:none}.nav-btn{flex:1;max-width:110px;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:1px;background:transparent;border:none;color:var(--muted);padding:6px 2px 4px;border-radius:8px;position:relative;box-shadow:none;transition:color .15s ease,background .15s ease}.nav-btn:hover{background:#ffffff0a;color:var(--ink-dim)}.nav-btn.active{color:var(--gold);background:linear-gradient(180deg,rgba(210,168,93,.1) 0%,transparent 100%)}.nav-btn.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--gold);border-radius:0 0 2px 2px;box-shadow:0 0 6px #d2a85d80}.nav-icon{font-size:1.35rem}.nav-label{font-size:.74rem;letter-spacing:.02em}.location .icon.big,.recipe .icon.big{align-self:flex-start}.recipe.locked{opacity:.55}.recipe-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-deep);border:1px solid var(--hairline);border-radius:999px;padding:3px 9px;font-size:.85rem;font-variant-numeric:tabular-nums}.chip.short{border-color:var(--rust);color:var(--rust)}.chip.ok{border-color:var(--moss)}.chip.out{border-color:var(--gold);color:var(--gold);background:#d2a85d0f}.recipe-inputs .arrow{color:var(--muted);padding:0 2px}.quest{align-items:flex-start}.quest.completed{opacity:.55}.quest.active{border-color:var(--gold);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #d2a85d2e}.quest strong{font-family:var(--font-serif);font-weight:500;font-size:1.05rem;letter-spacing:.01em}.quest .objectives{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:3px}.quest .obj{display:flex;align-items:center;gap:6px;font-size:.95rem}.quest .obj .check{width:1.1em}.quest .obj.done{color:var(--moss)}.quest .reward{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hairline)}.quest-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.quest-actions .chip.out{white-space:nowrap}.skill{align-items:flex-start}.skill .icon.big{align-self:center}.skill-head{display:flex;justify-content:space-between;align-items:baseline}.skill-head strong{font-family:var(--font-serif);font-weight:500;font-size:1.05rem}.skill-meta{margin-top:4px;font-variant-numeric:tabular-nums}.skill .bar{margin-top:8px}.skill.locked .skill-head strong{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.toolbar button{font-size:.85rem;padding:5px 11px}.toolbar.filters{margin-bottom:14px}.chip-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-deep);border:1px solid var(--hairline);color:var(--ink-dim);border-radius:999px;padding:5px 12px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;box-shadow:none}.chip-btn:hover{background:var(--panel-2);color:var(--ink);border-color:var(--hairline-strong)}.chip-btn.active{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-soft) 100%);border-color:var(--gold-soft);color:#1d1306;font-weight:600;box-shadow:0 2px 8px -2px #d2a85d66}.chip-btn .chip-count{background:#00000047;border-radius:999px;padding:0 7px;font-size:.75rem;font-variant-numeric:tabular-nums}.chip-btn.active .chip-count{background:#0003;color:#1d1306}.qty-buttons{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:82px}.qty-buttons button{padding:5px 9px;font-size:.85rem}.toasts{position:fixed;bottom:calc(82px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:50}.toast{background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--ink);border:1px solid var(--hairline-strong);padding:10px 16px;border-radius:14px;font-size:.9rem;max-width:min(92vw,480px);text-align:center;line-height:1.35;box-shadow:var(--shadow);animation:toast-in .2s ease-out}.toast.ok{border-color:var(--moss)}.toast.warn{border-color:var(--rust)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.plots{grid-template-columns:1fr}h1{font-size:1.5rem}.view{padding:14px}.resource-bar{font-size:.9rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}