:root{color-scheme:dark;--ink: #f3ecdc;--bg: #1b2a3a;--gold: #ffd75e;--bad: #c8402c;--good: #4f9d5a;--paper: #efe4c8;--paperInk: #1a1206}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#app.danger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 60px #c8281e8c;animation:pulse 1.2s infinite;z-index:5}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.stage{position:relative;flex:1;min-height:0;touch-action:none}.stage canvas{display:block;width:100%!important;height:100%!important}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lbl,.pop{position:absolute;left:0;top:0;white-space:nowrap;font-weight:800;font-size:12px;padding:2px 7px;border-radius:999px;background:#0c121cb8;color:var(--ink);text-shadow:0 1px 0 #000;will-change:transform}.lbl.bld{background:#efe4c8eb;color:var(--paperInk);text-shadow:none}.lbl.bld.on{background:#cfe6b8}.lbl.bld i{font-style:normal;color:#9a3a1c}.lbl.dim{opacity:.6;font-weight:600}.lbl.pile{background:var(--gold);color:var(--paperInk);text-shadow:none}.lbl.icon{background:none;font-size:18px;padding:0}.lbl.bad{background:var(--bad)}.lbl.hp{padding:2px 6px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#0c121c99}.lbl.hp .bar{display:block;width:46px;height:5px;border-radius:3px;background:#ffffff40;overflow:hidden}.lbl.hp .bar i{display:block;height:100%;background:#7fe0a0}.lbl.hp.foe .bar i{background:#ff7b6b}.pop{font-size:15px;background:none;padding:0;text-shadow:0 0 6px #000,0 1px 0 #000}.pop.good{color:var(--gold)}.pop.bad,.pop.dmg{color:#ff7b6b}.pop.heal{color:#7fe0a0}.pop.fame{color:#ffb3f0;font-size:17px}.hud{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;padding-top:calc(8px + env(safe-area-inset-top));background:linear-gradient(#0f1823,#0f1823bf);z-index:2;flex-wrap:wrap}.hud .chief{display:flex;align-items:center;gap:6px}.hud .por{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3b5c,#23262f);border:2px solid var(--gold);display:grid;place-items:center;font-weight:900;font-size:16px;color:var(--gold)}.hud .chief b{font-size:12px}.hud .stats{display:flex;gap:6px;flex-wrap:wrap;flex:1}.hud .st{padding:2px 7px;border-radius:999px;background:#ffffff1a;font-weight:800;font-size:11px;white-space:nowrap;transition:opacity .4s,transform .4s}.hud .st.wood{background:#b07a4559}.hud .st.rice{background:#d9c35a4d}.hud .st.gold{background:#ffd75e40;color:var(--gold)}.hud .st.gold b{padding:0 4px;border-radius:50%;background:var(--gold);color:var(--paperInk);font-size:11px}.hud .off{opacity:0;transform:translateY(-6px);pointer-events:none;position:absolute}.hud .fame{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;transition:opacity .4s}.hud .fame em{font-style:normal;font-size:10px;opacity:.8}.hud .fame b{font-size:17px;color:#ffb3f0}.hud .alert{display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:opacity .4s}.hud .alert em{font-style:normal;font-size:10px;opacity:.8}.hud .gauge{display:block;width:64px;height:8px;border-radius:4px;background:#ffffff26;overflow:hidden}.hud .gauge i{display:block;height:100%;background:linear-gradient(90deg,#4f9d5a,#e0b34a 60%,#c8402c);transition:width .6s}.hud .alert.hot .gauge{box-shadow:0 0 8px #ff5a3c;animation:pulse 1s infinite}.hud.reveal .st,.hud.reveal .fame,.hud.reveal .alert{animation:drop .6s both}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.raidClock{position:absolute;right:8px;top:96px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:12px;background:#0c121cd9;border:1px solid rgba(255,255,255,.15)}.raidClock img{width:34px;height:34px;border-radius:50%;object-fit:cover}.raidClock b{font-size:13px;font-variant-numeric:tabular-nums}.raidClock em{font-style:normal;font-size:10px;opacity:.8}.raidClock.soon{border-color:var(--bad);animation:pulse 1s infinite}.dock{display:flex;align-items:stretch;gap:8px;padding:8px 10px 6px;background:#0f1823;z-index:2}.guide{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border:0;border-radius:12px;background:linear-gradient(#2a4260,#1d3048);color:var(--ink);font-weight:700;font-size:14px;text-align:left;box-shadow:inset 0 0 0 1px #ffffff1f}.guide b{color:var(--gold)}.guide i{font-style:normal;color:var(--gold);font-size:18px}.mailBtn{position:relative;width:48px;border:0;border-radius:12px;background:#24354a;font-size:20px}.mailBtn .dot{position:absolute;right:6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--bad)}.tabs{display:flex;gap:4px;padding:4px 6px calc(6px + env(safe-area-inset-bottom));background:#0f1823;z-index:2}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border:0;border-radius:10px;background:#182535;color:#f3ecdc99;font-size:11px;font-weight:700}.tabs button span{font-size:15px}.finger{position:fixed;left:0;top:0;z-index:30;width:36px;height:46px;line-height:46px;text-align:center;font-size:36px;pointer-events:none;filter:drop-shadow(0 2px 4px #000)}.finger:before{content:"";position:absolute;left:3px;top:30px;width:30px;height:30px;border-radius:50%;border:3px solid var(--gold);animation:ring 1s infinite}.finger:after{content:"";position:absolute;left:14px;top:42px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:bob .7s infinite alternate}@keyframes bob{0%{transform:translateY(-3px)}to{transform:translateY(2px)}}@keyframes ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}.toast{position:fixed;left:50%;top:110px;transform:translate(-50%);z-index:40;padding:8px 16px;border-radius:12px;background:#0c121ceb;font-weight:800;font-size:14px;white-space:nowrap;max-width:92vw}.toast.bad{background:var(--bad)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#00000059}.modal.is-bottom{align-items:flex-end}.panel{width:100%;max-width:520px;max-height:78vh;overflow:auto;border-radius:18px 18px 0 0;background:var(--paper);color:var(--paperInk);box-shadow:0 -8px 30px #00000080;animation:up .25s both}@keyframes up{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.panel header{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#d9c9a2;font-size:17px;font-weight:900}.panel header .prog{flex:1;position:relative;height:10px;border-radius:5px;background:#0000001f;overflow:hidden}.panel header .prog i{position:absolute;left:0;top:0;bottom:0;background:#4f9d5a}.panel header .prog em{position:absolute;right:6px;top:-4px;font-size:10px;font-style:normal}.panel header [data-close]{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:#0000001a}.panel .body{padding:12px 14px}.panel footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.panel .primary,.full .primary,.sheet .primary{width:100%;padding:12px;border:0;border-radius:12px;background:linear-gradient(#ffd75e,#e8a53a);color:var(--paperInk);font-weight:900;font-size:16px}.panel .primary:disabled,.sheet button:disabled{filter:grayscale(.7);opacity:.6}.panel .tabs2{display:flex;gap:6px;padding:8px 14px 0}.panel .tabs2 button{flex:1;padding:8px;border:0;border-radius:10px;background:#00000014;font-weight:800}.panel .tabs2 button.on{background:#1d3048;color:var(--ink)}.furns{display:grid;gap:8px}.furn{display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto auto;gap:2px 10px;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff8c}.furn .ic{grid-row:1 / 4;width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:24px}.furn b{font-size:15px}.furn b em{font-style:normal;font-size:12px;color:#4f9d5a}.furn p{margin:0;font-size:12px;opacity:.8}.furn .kv{display:flex;gap:8px;font-size:11px;font-weight:700;opacity:.9}.furn button{grid-column:3;grid-row:1 / 4;padding:8px 10px;border:0;border-radius:10px;background:#1d3048;color:var(--gold);font-weight:800;font-size:12px;white-space:nowrap}.furn button:disabled{opacity:.5}.note,.hint{margin:8px 0 0;font-size:12px;opacity:.75}.assign{display:flex;align-items:center;gap:16px;padding:10px;border-radius:12px;background:#ffffff8c}.face{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700}.face img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #1d3048}.face i{width:56px;height:56px;border-radius:50%;border:2px dashed rgba(0,0,0,.3);display:grid;place-items:center;font-style:normal;font-size:11px;opacity:.6}.faces{display:flex;gap:10px;flex-wrap:wrap}.assign .ctl{display:flex;align-items:center;gap:10px;margin-left:auto}.assign .ctl button{width:40px;height:40px;border:0;border-radius:50%;background:#1d3048;color:var(--gold);font-size:22px;font-weight:900}.assign .ctl button:disabled{opacity:.35}.assign .ctl b{font-size:16px}.kinds{display:grid;gap:8px;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.kinds button{display:grid;text-align:left;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:#fff9}.kinds button b{font-size:16px}.kinds button span{font-size:12px;opacity:.8}.kinds button em{font-style:normal;font-size:12px;font-weight:800;color:#9a3a1c}.kinds button:disabled{opacity:.5}.say{margin:0 0 10px;padding:8px 10px;border-left:3px solid #1d3048;font-size:13px}.gauge26{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-bottom:8px}.gauge26 em{font-style:normal;font-size:12px}.gauge26 b{font-size:15px}.gauge26 span{grid-column:1 / 3;display:grid;grid-template-columns:repeat(26,1fr);gap:2px}.gauge26 span i{height:12px;border-radius:2px;background:#0000001f}.gauge26 span i.on{background:#e8a53a;box-shadow:0 0 4px #ffb03b}.gauge26 span i.next{background:#e8a53a59}.kv{display:flex;gap:10px;font-size:12px;font-weight:700;margin-bottom:8px}.newb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.newb em{font-style:normal;font-size:12px;width:100%;opacity:.8}.newb b{padding:3px 8px;border-radius:999px;background:#c8402c;color:#fff;font-size:12px}.req{display:grid;gap:4px;margin-bottom:10px}.req em{font-style:normal;font-size:12px;opacity:.8}.req div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:#ffffff8c;font-weight:700}.req div.ok b{color:#2f7a4a}.req div.no b{color:#9a3a1c}.chapter .pic{height:110px;margin:0;background:linear-gradient(135deg,#2a4260,#6b3f3f);display:grid;place-items:center}.ph{font-size:56px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.ph.big{font-size:96px;padding:30px;text-align:center}.items{list-style:none;margin:0;padding:8px 14px;display:grid;gap:6px}.items li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff8c;font-weight:700}.items li.done{opacity:.6}.items li.ready{background:#fff1b0}.items li.lock{grid-template-columns:1fr;opacity:.7}.items li button{padding:6px 12px;border:0;border-radius:999px;background:#1d3048;color:var(--gold);font-weight:800}.items li i{font-style:normal;color:#2f7a4a;font-weight:900;padding:0 8px}.rw{display:inline-block;padding:2px 7px;border-radius:999px;background:#0000001a;font-size:11px;font-weight:800;margin:1px}.rw.gold{background:var(--gold)}.rws{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0 10px}.rws em{font-style:normal;font-size:12px;margin-right:6px;opacity:.8}.mail .list{list-style:none;margin:0;padding:8px 14px calc(14px + env(safe-area-inset-bottom));display:grid;gap:6px}.mail li{padding:10px 12px;border-radius:12px;background:#ffffff8c}.mail li.new{border-left:4px solid var(--bad)}.mail li b{display:block}.mail li p{margin:4px 0 0;font-size:12px;opacity:.85}.mail li.none{opacity:.6;text-align:center}.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#080c14b3}.full.is-cutscene{align-items:flex-end;background:linear-gradient(transparent 30%,#080c14d9)}.cut{position:relative;width:100%;max-width:560px;display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:end;padding:0 12px calc(24px + env(safe-area-inset-bottom))}.cut .who{display:flex;flex-direction:column;align-items:center;gap:6px}.cut .body{width:150px;height:220px;border-radius:75px 75px 14px 14px;background:linear-gradient(var(--c, #3f6fbf),#0f1823);display:flex;align-items:flex-start;justify-content:center;padding-top:10px;box-shadow:0 10px 30px #0009;animation:up .3s both}.cut .body img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}.cut .name{padding:4px 14px;border-radius:999px;background:var(--gold);color:var(--paperInk);font-weight:900}.cut .bubble{padding:14px 16px;border-radius:16px;background:var(--paper);color:var(--paperInk);min-height:90px;margin-bottom:30px;box-shadow:0 8px 24px #00000080}.cut .bubble.in{animation:up .25s both}.cut .bubble p{margin:0;font-size:16px;font-weight:700;line-height:1.5}.cut .bubble em{display:block;margin-top:8px;font-size:11px;opacity:.6;font-style:normal}.cut .skip{position:absolute;right:16px;top:-40px;padding:6px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#0006;color:var(--ink);font-size:12px}.gift{text-align:center;color:var(--ink)}.gift .box{font-size:120px;animation:wobble .5s infinite;filter:drop-shadow(0 0 30px var(--gold))}.gift .box.open{animation:burst .7s both}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes burst{0%{transform:scale(1)}60%{transform:scale(1.4);opacity:1}to{transform:scale(2);opacity:0}}.gift .after{animation:up .4s both}.gift .trophy{display:inline-block;padding:16px 28px;border-radius:20px;background:linear-gradient(#ffd75e,#e8a53a);color:var(--paperInk);font-size:34px;font-weight:900;box-shadow:0 0 40px var(--gold)}.gift h2{margin:12px 0 6px}.gift .fameUp{font-size:20px;margin-bottom:10px}.gift .fameUp em{display:block;font-size:12px;font-style:normal;opacity:.8}.gift .fameUp .to{color:#ffb3f0;font-size:28px}.gift p{opacity:.7;font-size:12px}.gift .rws{justify-content:center}.raidWarn{width:min(92vw,420px);padding:18px;border-radius:20px;background:linear-gradient(#2a1214,#14141e);color:var(--ink);text-align:center;border:2px solid var(--bad);box-shadow:0 0 60px #c8402c99;animation:up .3s both}.raidWarn .pic img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--bad)}.raidWarn h2{margin:8px 0 4px}.raidWarn p{font-size:13px;opacity:.85}.raidWarn .big{font-size:42px;font-weight:900;font-variant-numeric:tabular-nums;color:#ff7b6b;margin:6px 0}.raidWarn ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;text-align:left}.raidWarn li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#ffffff1a;font-weight:700}.raidWarn .rws{justify-content:center}.choice{width:min(92vw,440px);padding:18px;border-radius:20px;background:var(--paper);color:var(--paperInk);text-align:center;animation:up .3s both}.choice h2{margin:0 0 4px}.choice p{margin:0 0 14px;font-size:13px;opacity:.8}.choice .cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice .cards button{display:grid;gap:6px;padding:16px 12px;border:0;border-radius:14px;background:#1d3048;color:var(--ink)}.choice .cards button b{font-size:17px;color:var(--gold)}.choice .cards button span{font-size:12px;opacity:.85}.result{width:min(92vw,440px);padding:20px;border-radius:20px;background:var(--paper);color:var(--paperInk);text-align:center;animation:up .3s both}.result h1{margin:0;font-size:40px;color:#2f7a4a}.result.lost h1{color:#9a3a1c}.result p{margin:4px 0 12px;font-weight:700}.result table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:13px}.result th{font-size:11px;opacity:.7;text-align:left;padding:4px}.result td{padding:6px 4px;border-top:1px solid rgba(0,0,0,.1);text-align:left;font-weight:700}.result td img{width:26px;height:26px;border-radius:50%;vertical-align:middle;object-fit:cover}.result .rws{justify-content:center}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0c121ceb;border-top:1px solid rgba(255,255,255,.15)}.sheet .say{border-color:var(--gold);margin-bottom:8px}.sheet .heroes{display:flex;gap:8px;margin-bottom:10px;overflow-x:auto}.sheet .heroes button{flex:1;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:2px solid transparent;border-radius:12px;background:#1b2a3a;color:var(--ink)}.sheet .heroes button img{width:44px;height:44px;border-radius:50%;object-fit:cover}.sheet .heroes button b{font-size:13px}.sheet .heroes button span{font-size:10px;opacity:.7;white-space:nowrap}.sheet .heroes button.sel{border-color:var(--gold);background:#2a4260}.sheet .heroes button.placed{opacity:.55}.sheet .btns{display:flex;gap:8px}.sheet .btns button{flex:1;padding:12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#24354a;font-weight:800;font-size:15px}.sheet .fighting{display:flex;justify-content:space-between;font-weight:800;font-size:16px}.sheet .fighting b{color:var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.gift.combo .trophy{background:linear-gradient(#9ee8b0,#3fa86a);box-shadow:0 0 40px #6fd08a}.gift.combo .kinds{font-size:15px;opacity:.9;margin:2px 0 8px}.gift.combo .fameUp .to{color:#b9ffcc}.panel .title .combo{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#2f7a4a;color:#dfffe8;font-size:11px;font-style:normal;vertical-align:middle}.panel .envInfo{text-align:center;padding:8px 4px}.panel .envInfo .ic{font-size:48px}.panel .envInfo p{margin:4px 0}.panel.build .kinds button.env{border-style:dashed}.lbl.env{font-size:10px;opacity:.85}.hud .st.silver{background:#c8d2e14d;color:#e6ecf5}.pop.silver{color:#dfe7f5}.hud .alert.mood .gauge i{background:linear-gradient(90deg,#6f8fd0,#4fbf8a 60%,#ffd75e)}.hud .alert.mood.fair .gauge{box-shadow:0 0 8px var(--gold);animation:pulse 1s infinite}.hud .alert.mood.fair em{color:var(--gold)}.gift.fairScreen .trophy{background:linear-gradient(#ffd75e,#e8863a);box-shadow:0 0 40px var(--gold)}.panel .assign .face .job{display:block;font-size:11px;font-style:normal;color:#2f7a4a;font-weight:800}.panel .assign .face .xp{display:block;width:64px;height:5px;border-radius:3px;background:#0000001f;overflow:hidden;margin:2px auto 0}.panel .assign .face .xp i{display:block;height:100%;background:#2f7a4a}.panel .assign .faces{display:flex;gap:8px;flex-wrap:wrap}.panel .hint.migrant b{color:#9a3a1c}