:root{--ink:#17322b;--ink-soft:#4a6b60;--ink-faint:#7d998e;--paper:#f6f1e4;--paper-2:#efe7d4;--card:#fffdf7;--leaf:#3f8f5f;--leaf-deep:#1d3c34;--leaf-light:#7fb069;--brass:#c08a3e;--brass-light:#e5b567;--terracotta:#c96f4a;--water:#4cc9f0;--sun:#ffd166;--pollen:#f0759f;--line:#17322b24;--shadow:0 2px 0 #17322b1a, 0 8px 24px #17322b1f;--radius:18px;--nav-h:62px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Nunito,Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0}body{background:var(--leaf-deep);color:var(--ink);font-size:15px;line-height:1.45}#app{background:linear-gradient(180deg, #cfeee2 0%, var(--paper) 22%, var(--paper) 100%);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #00000059}.topbar{padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;color:#eef7f1;z-index:20;background:linear-gradient(#1d3c34 0%,#2a5548 100%);position:sticky;top:0}.topbar__row{align-items:center;gap:10px;display:flex}.topbar__roof{flex:1;min-width:0}.topbar__name{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.topbar__sub{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.badge{white-space:nowrap;background:#ffffff24;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge--lvl{background:var(--brass);color:#24170a}.xpbar{background:#ffffff29;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.xpbar__fill{background:linear-gradient(90deg, var(--leaf-light), var(--brass-light));height:100%;transition:width .4s}.pools{gap:6px;margin-top:8px;display:flex}.pool{background:#ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:12px;font-weight:700;display:flex}main{padding:14px 14px calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px);flex:1;overflow-y:auto}.screen-title{letter-spacing:-.2px;margin:2px 0;font-size:20px;font-weight:900}.screen-sub{color:var(--ink-soft);margin-bottom:14px;font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);margin-bottom:12px;padding:14px}.card--flat{box-shadow:none;background:var(--paper-2)}.card__title{align-items:center;gap:7px;margin-bottom:4px;font-size:14px;font-weight:800;display:flex}.card__note{color:var(--ink-soft);font-size:12.5px}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.muted{color:var(--ink-soft)}.tiny{font-size:11.5px}.section-label{letter-spacing:.9px;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 8px;font-size:11px;font-weight:800}button{font:inherit;cursor:pointer}.btn{background:var(--leaf);color:#fff;border:none;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #2c6a45}.btn:active{transform:translateY(2px);box-shadow:0 1px #2c6a45}.btn--wide{width:100%}.btn--ghost{color:var(--leaf-deep);box-shadow:none;border:1.5px solid var(--line);background:0 0}.btn--ghost:active{background:var(--paper-2);transform:none}.btn--brass{background:var(--brass);color:#2a1c07;box-shadow:0 3px #8f6224}.btn--small{border-radius:10px;padding:7px 12px;font-size:12.5px}.btn:disabled{opacity:.42;box-shadow:none;cursor:default;transform:none}nav.tabs{width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:30;background:#fffdf7f0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--ink-faint);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10.5px;font-weight:700;display:flex;position:relative}.tab__icon{font-size:19px;line-height:1}.tab--active{color:var(--leaf-deep)}.tab--active .tab__icon{transform:translateY(-1px)scale(1.08)}.tab__dot{background:var(--terracotta);border:2px solid var(--card);border-radius:99px;width:8px;height:8px;margin-right:-18px;position:absolute;top:8px;right:50%}.run-shell{flex-direction:column;gap:10px;display:flex}.run-hud{align-items:center;gap:10px;display:flex}.timer{background:var(--paper-2);border:1px solid var(--line);border-radius:99px;flex:1;height:12px;overflow:hidden}.timer__fill{background:linear-gradient(90deg, var(--leaf-light), var(--brass-light));width:100%;height:100%}.timer__fill--low{background:linear-gradient(90deg,#e07a5f,#c9483a)}.timer__label{font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-weight:900}.bed-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.bed-chips::-webkit-scrollbar{display:none}.bed-chip{background:var(--card);border:1.5px solid var(--line);border-radius:12px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:11.5px;font-weight:700;transition:background .25s,border-color .25s;display:flex}.bed-chip--done{border-color:var(--leaf-light);background:#e4f4e6}.bed-chip__pips{gap:2px;display:flex}.pip{opacity:.3;border-radius:99px;width:7px;height:7px}.pip--on{opacity:1}canvas.board{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--line);touch-action:manipulation;background:linear-gradient(#dfeee6,#cfe3d8);display:block}.run-footer{gap:8px;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#0e201b8c;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;max-width:480px;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:88dvh;animation:.24s cubic-bezier(.2,.9,.3,1) rise;overflow-y:auto}.sheet__handle{background:var(--line);border-radius:99px;width:42px;height:4px;margin:-6px auto 12px}.sheet__title{margin-bottom:2px;font-size:19px;font-weight:900}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@keyframes fade{0%{opacity:0}}.reward-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin:12px 0;display:grid}.reward{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:14px;padding:10px 6px}.reward__val{font-size:17px;font-weight:900}.reward__lbl{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}.plot-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.plot{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:118px;padding:10px;display:flex;position:relative;overflow:hidden}.plot--empty{background:repeating-linear-gradient(45deg, var(--paper-2), var(--paper-2) 8px, #e8dfc9 8px, #e8dfc9 16px);box-shadow:none;color:var(--ink-faint)}.plot--ready{border-color:var(--leaf-light);box-shadow:0 0 0 2px #7fb06959, var(--shadow)}.plot__emoji{font-size:30px;line-height:1}.plot__name{font-size:11.5px;font-weight:800}.plot__meta{color:var(--ink-soft);font-size:10.5px}.progress{background:var(--paper-2);border-radius:99px;width:100%;height:5px;margin-top:2px;overflow:hidden}.progress__fill{background:var(--leaf-light);height:100%}.progress__fill--full{background:var(--brass)}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:10px 0;display:flex}.list-item:last-child{border-bottom:none}.list-item__emoji{text-align:center;flex:none;width:34px;font-size:26px}.list-item__body{flex:1;min-width:0}.list-item__title{font-size:13.5px;font-weight:800}.list-item__sub{color:var(--ink-soft);font-size:11.5px}.chip{background:var(--paper-2);border-radius:8px;align-items:center;gap:3px;margin-right:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.chip--ok{color:#24623a;background:#dff0e2}.chip--no{color:#9b3f28;background:#f9e3dd}.rarity{border-radius:99px;width:8px;height:8px;margin-right:5px;display:inline-block}.locked{opacity:.45}.seg{background:var(--paper-2);border-radius:12px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.seg__btn{color:var(--ink-soft);background:0 0;border:none;border-radius:9px;flex:1;padding:7px 4px;font-size:12.5px;font-weight:800}.seg__btn--active{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #00000014}.bar{background:var(--paper-2);border:1px solid var(--line);border-radius:99px;height:10px;overflow:hidden}.bar__fill{background:linear-gradient(90deg, var(--leaf), var(--brass));height:100%}.bar__mine{background:var(--leaf);float:left;height:100%}.bar__theirs{background:var(--brass-light);float:left;height:100%}.toast-wrap{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:480px;padding:0 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#f2fbf5;box-shadow:var(--shadow);background:#17322bf0;border-radius:12px;max-width:100%;padding:9px 14px;font-size:12.5px;font-weight:700;animation:.2s rise}.grid-2{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:11px}.tile--owned{border-color:var(--leaf-light);background:#f2faf3}.tile__emoji{font-size:26px}.tile__name{margin-top:2px;font-size:12px;font-weight:800}.empty-note{text-align:center;color:var(--ink-faint);padding:22px 12px;font-size:13px}.log-line{color:var(--ink-soft);border-bottom:1px dashed var(--line);padding:5px 0;font-size:12px}.log-line:last-child{border-bottom:none}.intro{z-index:200;background:#06070a;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0;overflow:hidden}.intro--out{opacity:0;pointer-events:none}.intro__stage{will-change:transform;position:absolute;inset:-4%}.intro__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro--flat .intro__canvas{background:linear-gradient(#0a0c14 0%,#3a1410 45%,#7a3212 70%,#14251f 100%)}.intro__grade{pointer-events:none;background:radial-gradient(125% 85% at 50% 42%,#0000 40%,#0000006b 100%);position:absolute;inset:0}.intro__bar{z-index:5;pointer-events:none;background:#000;height:11vh;animation:1.1s cubic-bezier(.2,.85,.25,1) both barIn;position:absolute;left:0;right:0}.intro__bar--top{top:0}.intro__bar--bottom{bottom:0}@keyframes barIn{0%{height:0}to{height:11vh}}.intro--open .intro__bar{height:4vh;transition:height .8s cubic-bezier(.2,.85,.25,1)}.intro__text{text-align:center;opacity:0;pointer-events:none;padding:0 30px;position:absolute;top:26%;left:0;right:0}.intro__text--in{animation:.9s cubic-bezier(.16,.9,.3,1) forwards introLine}.intro__text--gone{animation:.5s forwards introOut}@keyframes introLine{0%{opacity:0;filter:blur(6px);letter-spacing:.5em;transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@keyframes introOut{to{opacity:0;transform:translateY(-12px)}}.intro__line{letter-spacing:.12em;text-transform:uppercase;color:#f4f7f5;text-shadow:2px 0 #ff283c8c,-2px 0 #28dcff73,0 0 34px #000000e6;font-size:clamp(28px,9vw,46px);font-weight:900;line-height:1.1}.intro__sub{letter-spacing:.28em;text-transform:uppercase;color:#f0e6d7b8;text-shadow:0 2px 18px #000000f2;margin-top:10px;font-size:clamp(12px,3.6vw,15px)}.intro__text[data-mood=hot] .intro__line{color:#ffe9d2;text-shadow:2px 0 #ff5a14b3,-2px 0 #ffbe3c66,0 0 46px #ff5000bf}.intro__text[data-mood=ash] .intro__line{color:#d8d5cf;text-shadow:1px 0 #beb9af80,-1px 0 #78767080,0 0 34px #000000e6}.intro__text[data-mood=green] .intro__line{color:#eafff0;text-shadow:0 0 30px #5ae696bf,0 0 70px #3cbe7873,0 2px 20px #000c}.intro__panel{z-index:3;width:min(430px,100%);padding:24px 20px calc(22px + env(safe-area-inset-bottom));text-align:center;opacity:0;pointer-events:none;margin:0 16px;position:relative;transform:translateY(20px)}.intro__panel--in{pointer-events:auto;animation:.85s cubic-bezier(.16,.9,.3,1) forwards introPanel}@keyframes introPanel{to{opacity:1;transform:none}}.intro__title{letter-spacing:.06em;background:linear-gradient(#d8ffe4 0%,#7ff0a8 42%,#34c46e 100%);color:#0000;filter:drop-shadow(0 0 26px #5aeb91bf)drop-shadow(0 0 64px #2dbe6e73)drop-shadow(0 3px 18px #000000d9);-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,13vw,64px);font-weight:900;line-height:1}.intro__tagline{letter-spacing:.16em;text-transform:uppercase;color:#d7f0e4cc;text-shadow:0 2px 14px #000000e6;margin-top:10px;font-size:13px}.intro__rules{text-align:left;flex-direction:column;gap:10px;margin:22px 0 20px;display:flex}.intro__rule{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0916128c;border:1px solid #96dcbe38;border-radius:13px;align-items:flex-start;gap:11px;padding:10px 12px;display:flex}.intro__ruleIcon{flex:none;font-size:20px;line-height:1.15}.intro__ruleTitle{color:#eafaf1;letter-spacing:.02em;font-size:13.5px;font-weight:800;display:block}.intro__ruleDetail{color:#cee8dab8;font-size:11.5px;line-height:1.35;display:block}.intro__enter{letter-spacing:.14em;color:#06231a;background:linear-gradient(#9fe8b8,#4fbf85);border:none;border-radius:14px;width:100%;padding:15px 18px;font-size:15px;font-weight:900;transition:transform 90ms,box-shadow 90ms;box-shadow:0 4px #2f7d55,0 0 44px #6ee6aa73}.intro__enter:active{transform:translateY(3px);box-shadow:0 1px #2f7d55,0 0 26px #6ee6aa59}.intro__skip{top:calc(env(safe-area-inset-top) + 14px);z-index:6;color:#ffffffeb;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff4d;border-radius:999px;padding:13px 20px;font-size:13px;font-weight:800;transition:background .15s;position:absolute;right:14px}.intro__skip:active{background:#000000b3}