:root{--bg:#121a16;--bg2:#182420;--panel:#1f2d27;--panel2:#26362f;--line:#34493f;--ink:#e7e3d5;--muted:#9fae9f;--accent:#d9a441;--accent2:#7fd3a0;--danger:#e05a4f;--plague:#8fd05a;--blue:#6fb6ff;--purple:#c77dff;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{letter-spacing:.2px;margin:0 0 8px;font-weight:700}h2{font-size:19px}h3{font-size:16px}p{margin:6px 0}.muted{color:var(--muted);font-size:13px}#app{background:var(--bg);flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:fixed;inset:0;box-shadow:0 0 40px #0008}#topbar{padding:calc(4px + var(--safe-t)) 4px 4px;background:var(--bg2);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:3px;display:flex;position:relative}#resbar{flex:1;gap:2px;min-width:0;display:flex;overflow:visible}#resbar::-webkit-scrollbar{display:none}.rchip{background:var(--panel);border:1px solid var(--line);white-space:nowrap;cursor:pointer;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;gap:1px;min-width:0;padding:3px 2px;font-size:10px;transition:transform 80ms;display:flex;position:relative}.rchip:before{content:"";position:absolute;inset:-9px -1px}.rchip:active{transform:scale(.94)}.rchip span{flex:none;font-size:11px}.rchip b{font-variant-numeric:tabular-nums;letter-spacing:-.2px;text-overflow:clip;font-size:10px;overflow:hidden}.rchip.full b{color:var(--danger)}@media (min-width:420px){.rchip{gap:3px;padding:3px 6px;font-size:11.5px}.rchip b{font-size:11.5px}.rchip span{font-size:13px}}.docchip{background:var(--panel);border:1px solid var(--accent);color:var(--accent);white-space:nowrap;text-align:center;border-radius:12px;flex:none;min-width:40px;padding:3px 6px;font-size:11px;transition:transform 80ms;position:relative}.docchip:before{content:"";position:absolute;inset:-9px -2px}.docchip:active{transform:scale(.94)}#screens{flex:1;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;display:none;position:absolute;inset:0;overflow:hidden auto}.screen.active{display:block}#tabs{background:var(--bg2);border-top:1px solid var(--line);padding-bottom:var(--safe-b);z-index:5;display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;min-height:52px;padding:7px 0 6px;font-size:10.5px;transition:transform 80ms;display:flex;position:relative}.tab:active{transform:scale(.92)}.tab .ti{font-size:22px;line-height:1}.tab.active{color:var(--accent)}.tab .badge{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;line-height:16px;display:none;position:absolute;top:4px;right:calc(50% - 22px)}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:14px;font-weight:600;transition:transform 80ms,filter 80ms;display:inline-flex}.btn:active{filter:brightness(1.15);transform:scale(.94)}.btn.primary{color:#201604;background:linear-gradient(#e2b451,#c48f2e);border-color:#f0cf7a}.btn.good{color:#06200a;background:linear-gradient(#8ddc8f,#4f9d58);border-color:#a8f0aa}.btn.danger{color:#fff;background:linear-gradient(#e8736a,#b7392f);border-color:#ffb0a8}.btn.ghost{background:0 0}.btn.sm{border-radius:8px;min-height:40px;padding:5px 9px;font-size:12.5px}.btn.block{width:100%}.btn:disabled{opacity:.45;filter:grayscale(.6);pointer-events:none}.btnrow{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.btnrow .btn{flex:1}.cost{white-space:nowrap}.cost.lack{color:var(--danger)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:8px 10px;padding:10px 12px}.row{align-items:center;gap:8px;display:flex}.grow{flex:1}.bar{border:1px solid var(--line);background:#0c1511;border-radius:4px;height:8px;overflow:hidden}.bar>i{background:var(--accent2);border-radius:4px;height:100%;transition:width .3s;display:block}.bar.red>i{background:var(--danger)}.bar.gold>i{background:var(--accent)}.bar.plague>i{background:var(--plague)}.bar.blue>i{background:var(--blue)}#toasts{top:calc(54px + var(--safe-t));pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.toast{border:1px solid var(--line);color:var(--ink);background:#0e1512ee;border-radius:20px;max-width:90%;padding:8px 14px;font-size:13px;animation:.25s ease-out tin;box-shadow:0 4px 16px #0008}.toast.good{border-color:var(--accent2)}.toast.bad{border-color:var(--danger)}.toast.gold{border-color:var(--accent)}.toast.tap{pointer-events:auto;cursor:pointer;border-color:var(--accent)}.toast.tap:after{content:" ›";color:var(--accent);font-weight:800}.toast.out{opacity:0;transition:opacity .3s}@keyframes tin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#fx{pointer-events:none;z-index:65;position:absolute;inset:0;overflow:hidden}.floatfx{text-shadow:0 1px 3px #000;white-space:nowrap;font-size:16px;font-weight:800;animation:1.1s ease-out forwards fup;position:absolute;transform:translate(-50%,-50%)}@keyframes fup{to{opacity:0;transform:translate(-50%,-150%)}}#modal,#modal2{z-index:50;justify-content:center;align-items:flex-end;display:none;position:absolute;inset:0}#modal2{z-index:60}#modal.open,#modal2.open{display:flex}.mbg{background:#000a;animation:.2s fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.mcard{background:var(--panel);border:1px solid var(--line);width:100%;max-height:88%;padding:16px 14px calc(14px + var(--safe-b));border-radius:18px 18px 0 0;animation:.22s ease-out up;position:relative;overflow-y:auto;box-shadow:0 -10px 40px #000a}.mcard.center{border-radius:16px;width:92%;max-height:80%;margin:auto}#modal.open{align-items:flex-end}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.mx{background:var(--panel2);width:36px;height:36px;color:var(--muted);z-index:1;border-radius:18px;font-size:15px;position:absolute;top:8px;right:10px}.mx:before{content:"";position:absolute;inset:-6px}.setrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setrow input{width:22px;height:22px;accent-color:var(--accent)}.rgrid{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0;display:flex}.ritem{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;min-width:70px;padding:8px 12px;display:flex}.ritem span{font-size:24px}.ritem b{color:var(--accent)}.ritem small{color:var(--muted);font-size:10px}#dialogue{z-index:70;background:#0006;display:none;position:absolute;inset:0}#dialogue.open{display:block}.dbox{left:8px;right:8px;bottom:calc(70px + var(--safe-b));color:#2a2117;background:#f0e6cf;border:3px solid #6b4f2a;border-radius:14px;min-height:120px;padding:12px 12px 12px 86px;animation:.2s up;position:absolute;box-shadow:0 10px 30px #000a}.dbox.right{padding:12px 86px 12px 12px}.dport{background:#3a2a18;border:3px solid #d9a441;border-radius:33px;justify-content:center;align-items:center;width:66px;height:66px;font-size:36px;display:flex;position:absolute;top:-22px;left:10px;overflow:hidden}.dbox.right .dport{left:auto;right:10px}.dport img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.dtext b{color:#6b4f2a;margin-bottom:4px;display:block}.dtext p{min-height:44px;margin:0;font-size:15px;line-height:1.4}.dtext small{color:#8a7a60;margin-top:6px;font-size:11px;display:block}.dbtns{gap:6px;display:flex;position:absolute;top:-16px;right:12px}.dbox.right .dbtns{left:12px;right:auto}.dskip,.dskipall{color:#fff;background:#6b4f2a;border:2px solid #d9a441;border-radius:16px;min-height:34px;padding:5px 12px;font-size:13px;font-weight:700}.dskipall{background:#3a2a18}.list{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.item{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.item .ic{background:var(--panel2);border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.item .ic img{width:40px;height:40px;image-rendering:pixelated}.item .tx{flex:1;min-width:0}.item .tx b{display:block}.item .tx small{color:var(--muted);font-size:12px;display:block}.pill{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pill.r1{color:#bcd}.pill.r2{color:#8fd1ff;border-color:#8fd1ff}.pill.r3{color:#ffd34d;border-color:#ffd34d}.tabs2{gap:6px;padding:8px 10px 0;display:flex}.tabs2 button{background:var(--panel);border:1px solid var(--line);min-height:40px;color:var(--muted);border-radius:9px;flex:1;padding:7px;font-size:13px;font-weight:600;transition:transform 80ms}.tabs2 button:active{transform:scale(.95)}.tabs2 button.on{color:var(--accent);border-color:var(--accent)}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}canvas.game{touch-action:none;width:100%;image-rendering:pixelated;display:block}.center{text-align:center}.hero-portrait{background:var(--panel2);border:2px solid var(--line);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex;position:relative;overflow:hidden}.hero-portrait img{width:48px;height:48px;image-rendering:pixelated}.hero-portrait.r2{border-color:#8fd1ff}.hero-portrait.r3{border-color:#ffd34d;box-shadow:0 0 10px #ffd34d66}.hero-portrait .lv{background:#000c;border-radius:6px 0 10px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;bottom:-1px;right:-1px}.stars{color:#ffd34d;letter-spacing:-1px;font-size:11px}.banner{border:1px solid var(--accent);background:linear-gradient(135deg,#3a2a18,#1f2d27);border-radius:12px;align-items:center;gap:10px;margin:8px 10px;padding:12px;display:flex}.banner .big{font-size:34px}.empty{text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:12px;margin:8px 10px;padding:30px 20px;font-size:14px;line-height:1.45}.empty:before{content:"🕯️";opacity:.7;margin-bottom:6px;font-size:30px;display:block}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pop{animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}.questbanner{top:calc(60px + var(--safe-t));z-index:46;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);color:#ffe9b0;text-align:center;letter-spacing:1px;text-shadow:0 2px 4px #000;pointer-events:none;background:linear-gradient(90deg,#000 0%,#3a2a18 20% 80%,#000 100%);min-width:80%;padding:10px 30px;font-weight:800;animation:2.8s ease-in-out forwards qb;position:absolute;left:50%;transform:translate(-50%)}.questbanner small{letter-spacing:0;color:#e7e3d5;font-size:12px;font-weight:500;display:block}@keyframes qb{0%{opacity:0;transform:translate(-50%,-10px)scaleX(.6)}12%{opacity:1;transform:translate(-50%)scaleX(1)}85%{opacity:1}to{opacity:0}}#guide{pointer-events:none;z-index:44;border-radius:14px;display:none;position:absolute}#guide.on{display:block}.guide-ring{border:3px solid #ffd34d;border-radius:14px;animation:1.3s ease-out infinite gring;position:absolute;inset:0;box-shadow:0 0 0 4px #ffd34d33,0 0 18px #ffd34d88}@keyframes gring{0%{opacity:.9;transform:scale(.9)}70%{opacity:.25;transform:scale(1.12)}to{opacity:0;transform:scale(1.18)}}.guide-hand{filter:drop-shadow(0 3px 4px #000c);font-size:30px;line-height:1;animation:.8s ease-in-out infinite alternate ghand;position:absolute;top:-34px;left:50%;transform:translate(-50%)}#guide.below .guide-hand{animation-name:ghandb;top:auto;bottom:-36px;transform:translate(-50%)rotate(180deg)}@keyframes ghand{0%{transform:translate(-50%)}to{transform:translate(-50%,-9px)}}@keyframes ghandb{0%{transform:translate(-50%)rotate(180deg)}to{transform:translate(-50%,9px)rotate(180deg)}}.resinfo-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 10px;display:grid}.resinfo-stats div{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px 4px}.resinfo-stats small{color:var(--muted);letter-spacing:.5px;font-size:10px;display:block}.resinfo-stats b{font-size:16px}.resinfo-list{margin:4px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5}.resinfo-list li{margin:2px 0}.help-list{flex-direction:column;gap:8px;margin:8px 0;padding-left:0;list-style:none;display:flex}.help-list li{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13.5px;line-height:1.4}.help-list li b{color:var(--accent)}.spark{will-change:transform,opacity;background:#ffd34d;border-radius:5px;width:10px;height:10px;animation:.8s ease-out forwards spark;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffd34d}.spark.b{background:#8ddc8f;box-shadow:0 0 8px #8ddc8f}@keyframes spark{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}.pop-build{animation:.5s cubic-bezier(.3,1.6,.5,1) popb}@keyframes popb{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}#scr-town.active{flex-direction:column;display:flex;overflow:hidden}.town-hud{background:var(--bg2);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;gap:5px;padding:4px 8px 5px;display:flex;overflow-x:auto}.town-hud::-webkit-scrollbar{display:none}.hud-btn{background:var(--panel);border:1px solid var(--line);white-space:nowrap;height:40px;color:var(--ink);border-radius:12px;align-items:center;gap:4px;padding:0 9px;font-size:12.5px;transition:transform 80ms;display:inline-flex}.hud-btn:before{content:"";position:absolute;inset:-3px 0}.hud-btn{position:relative}.hud-btn b{color:var(--accent)}.hud-btn.gold{border-color:var(--accent);color:var(--accent);margin-left:auto;font-weight:700}.hud-btn:active{transform:scale(.96)}.town-view{flex:1;min-height:0;display:flex;position:relative}.town-mapwrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:none;background:#0b120e;flex:1;position:relative;overflow:auto}.town-mapwrap::-webkit-scrollbar{display:none}.town-fog{pointer-events:none;z-index:3;background:radial-gradient(#0000 52%,#060c098c 86%,#060c09eb 100%);position:absolute;inset:0;overflow:hidden}.town-fog:before,.town-fog:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 20% 30%,#78965a1a,#0000 35%),radial-gradient(circle at 80% 70%,#5a82501a,#0000 32%),radial-gradient(circle at 60% 15%,#968c5a12,#0000 30%);animation:26s ease-in-out infinite alternate fogdrift;position:absolute;inset:-20%}.town-fog:after{opacity:.7;animation-duration:37s;animation-direction:alternate-reverse}@keyframes fogdrift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.town-fog:before,.town-fog:after{animation:none}}.town-map{background:#101a14;margin:12px;position:relative}.plot{width:64px;height:64px;position:absolute;overflow:visible}.plot .tiles{pointer-events:none;grid-template-rows:32px 32px;grid-template-columns:32px 32px;display:grid;position:absolute;inset:0}.plot .tiles .spr{vertical-align:top;display:block!important}.plot .ov{pointer-events:none;line-height:0;position:absolute}.plot .ov .spr{display:block!important}.plot.empty .tiles{filter:brightness(.85)saturate(.75)}.plot.empty .plus{color:#fff5;border:2px dashed #fff3;border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;inset:14px}.plot.empty:active .plus{border-color:var(--accent);color:var(--accent)}.plot.plague .tiles{filter:brightness(.38)saturate(.35)sepia(.4)hue-rotate(40deg)}.plot.plague .ov{filter:brightness(.8)}.plot.plague .rat{animation:2.2s ease-in-out infinite ratwalk}.plot.plague .dead{filter:brightness(.4)saturate(0)}.plot.plague.clearing .tiles{filter:brightness(.6)saturate(.5)sepia(.3)}@keyframes ratwalk{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.zlabel{color:#d9b35a;text-align:center;white-space:nowrap;pointer-events:none;z-index:2;background:#000c;border:1px solid #6b4f2a;border-radius:8px;padding:3px 6px;font-size:10px;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plot.bld .tiles{filter:brightness(.92)saturate(.9)}.plot.bld.site .tiles{filter:brightness(.5)saturate(.4);opacity:.8}.plot.bld.site .ov{opacity:.4}.plot.bld.sanctuary .tiles{filter:brightness()}.plot .bic{pointer-events:none;z-index:2;background:#000b;border-radius:8px;padding:1px 4px;font-size:12px;line-height:1.3;position:absolute;top:2px;left:2px}.plot .lvl{color:#ffd34d;pointer-events:none;z-index:2;background:#000c;border:1px solid #6b4f2a;border-radius:8px;padding:1px 5px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;top:2px;right:2px}.plot .collect{border:2px solid var(--accent);z-index:3;background:#1f2d27ee;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:none;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #000a}.plot .collect.on{animation:1.2s ease-in-out infinite bob;display:flex}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.plot .prog{z-index:2;background:#000c;border:1px solid #6b4f2a;border-radius:3px;height:6px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.plot .prog>i{background:var(--accent);width:0;height:100%;transition:width .5s linear;display:block}.plot .prog.zone>i{background:var(--plague)}.plot.upgrading:after{content:"🔨";z-index:2;filter:drop-shadow(0 1px 2px #000);font-size:14px;animation:.6s ease-in-out infinite hammer;position:absolute;bottom:10px;right:2px}.plot.pop-build{z-index:4}@keyframes hammer{0%,to{transform:rotate(-15deg)}50%{transform:rotate(20deg)}}.town-modal .bhead{align-items:flex-start;gap:12px;display:flex}.bprev{border:1px solid var(--line);background:#101a14;border-radius:10px;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.bprev .tiles{grid-template-rows:32px 32px;grid-template-columns:32px 32px;display:grid}.bprev .tiles .spr{display:block!important}.bprev .ov{line-height:0;position:absolute}.bprev .ov .spr{display:block!important}.town-modal .card{margin:10px 0}.town-modal .prodcard .btn{flex:none}.prereq{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.prereq span{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:12px}.prereq .ok{color:var(--accent2)}.prereq .no{color:var(--danger);border-color:var(--danger)}.unl{color:var(--accent);font-size:13px}.why{text-align:right;margin-top:4px;display:block}.bmenu .item.locked,.rlist .item.locked{opacity:.55}.rlist .item.done{opacity:.6;border-color:var(--accent2)}.bmenu .item .btn,.rlist .item .btn{flex:none;min-height:40px}.trade label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.trade select,.trade input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:8px;min-width:150px;padding:8px}.hosp{flex-direction:column;min-height:100%;display:flex}.hosp-top{background:var(--bg2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.hosp-top .rem{color:var(--purple);gap:8px;margin-left:auto;display:flex}.hosp .center{text-align:center;padding:6px 12px}.hosp .col{flex-direction:column;gap:6px;display:flex}.hosp .btn.sm small{font-size:10px;font-weight:500;line-height:1;display:block}.hosp .item.vip{border-color:var(--accent);box-shadow:inset 0 0 0 1px #d9a44133}.hosp .item.dep{border-color:var(--accent2)}.hosp .tx .bub{color:var(--ink);opacity:.8;font-style:italic}.hosp .tx .eff{color:var(--accent2)}.pill.t1{color:#c77dff;border-color:#c77dff55}.pill.t2{color:#7fd3a0;border-color:#7fd3a055}.pill.t3{color:#6fb6ff;border-color:#6fb6ff55}.pill.t4{color:#ffd34d;border-color:#ffd34d55}.wards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;display:grid}.bedcell{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:150px;padding:8px;display:flex;position:relative}.bedcell.empty{opacity:.55;justify-content:center}.bedcell.vip{border-color:var(--accent);box-shadow:0 0 12px #d9a44133}.bedcell.treating{border-color:#8fd05a55}.bedcell.waiting{border-color:#e05a4f66}.bedcell .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.bedcell small{color:var(--muted);font-size:11px}.bedcell .bar{width:100%}.bedart{border:1px solid var(--line);background:#0c1511;border-radius:8px;width:64px;height:64px;margin:14px 0 2px;position:relative}.bedart .spr{position:absolute;top:0;left:0}.bedart .pat{transition:transform .3s;top:6px;left:8px}.bedart .pat.lying{animation:2.4s ease-in-out infinite breathe;transform:rotate(-90deg)translate(2px)}.bedart .pat.standing{animation:1.6s ease-in-out infinite fidget;top:16px;left:38px}@keyframes breathe{0%,to{transform:rotate(-90deg)scale(1)}50%{transform:rotate(-90deg)scale(1.04)}}@keyframes fidget{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bubble{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#f3eedd;border-radius:10px;max-width:150px;padding:3px 7px;font-size:10px;font-style:italic;line-height:1.15;position:absolute;top:-14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #0008}.bubble:after{content:"";border:4px solid #0000;border-top-color:#f3eedd;border-bottom:0;margin-left:-4px;position:absolute;bottom:-5px;left:50%}.bedbtns{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}.bedbtns .btn.sm{min-height:40px;padding:6px 8px;font-size:11.5px}.walkout{pointer-events:none;z-index:3;animation:1.3s ease-in forwards walk;position:absolute;top:30px;left:50%;transform:translate(-50%)}.walkout .bubble{top:-16px}@keyframes walk{0%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(90px)}}.stocks{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 10px 0;display:grid}.stock{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.stock span{font-size:22px}.stock b{color:var(--purple);font-size:15px}.stock small{color:var(--muted);text-align:center;font-size:10px}.stock.locked{opacity:.45;filter:grayscale(.7)}.card.forage{border-color:var(--accent2);text-align:center}.card.forage .btn{margin-top:6px}.hosp .tabs2{flex-wrap:nowrap}.hosp .tabs2 button{white-space:nowrap;min-width:0;padding:7px 3px;font-size:11.5px}.hosp .item.pat{border-left-width:4px}.hosp .item.pat.tier1{border-left-color:#c77dff}.hosp .item.pat.tier2{border-left-color:#7fd3a0}.hosp .item.pat.tier3{border-left-color:#6fb6ff}.hosp .item.pat.tier4{border-left-color:#ffd34d}.bedcell .bar.timed{border-radius:8px;height:16px;position:relative}.bedcell .bar.timed>i{border-radius:8px}.bedcell .bar.timed span{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.2px;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10.5px;font-weight:800;display:flex;position:absolute;inset:0}.bedcell.cured{animation:1.2s ease-out curedflash}@keyframes curedflash{0%{border-color:#8ddc8f;box-shadow:0 0 #8ddc8f00}30%{border-color:#8ddc8f;box-shadow:0 0 18px 4px #8ddc8f88}to{box-shadow:0 0 #8ddc8f00}}.walkout{animation-duration:1.8s;animation-delay:calc(var(--t,0) * -1ms)}.walkout .cheer,.walkout .cheer-fx,.bedcell.cured{animation-delay:calc(var(--t,0) * -1ms)}.walkout .cheer{animation:.35s ease-in-out 4 cheer;display:block}@keyframes cheer{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.walkout .cheer-fx{pointer-events:none;font-size:16px;font-style:normal;animation:1.1s ease-out forwards cheerfx;position:absolute;top:-6px;left:-14px}.walkout .cheer-fx.b{animation-delay:calc(.15s - var(--t,0) * 1ms);top:4px;left:auto;right:-16px}.walkout .cheer-fx.c{animation-delay:calc(.3s - var(--t,0) * 1ms);font-size:13px;top:-22px;left:8px}@keyframes cheerfx{0%{opacity:0;transform:translateY(6px)scale(.5)}30%{opacity:1;transform:translateY(-6px)scale(1.2)}to{opacity:0;transform:translateY(-26px)scale(.8)}}.bedbtns .btn.sm{min-height:40px}.hx-screen{padding-bottom:12px}.hx-head{justify-content:space-between;align-items:center;padding:10px 12px 0;font-size:14px;display:flex}.hx-head small{font-size:11px;display:block}.hx-let{white-space:nowrap;font-size:13px}.hx-dot{background:var(--danger);vertical-align:middle;border-radius:4px;width:8px;height:8px;margin-left:2px;animation:1.2s infinite hxpulse;display:inline-block}@keyframes hxpulse{50%{opacity:.3}}.hero-portrait .spr{filter:var(--tint,none)}.hero-portrait.big{border-radius:16px;width:84px;height:84px}.hero-portrait.big .spr{transform:scale(1.5)}.hero-portrait.r3{background:radial-gradient(circle,#4a3a10,#1f2d27 70%);animation:2.4s ease-in-out infinite hxglow}@keyframes hxglow{50%{box-shadow:0 0 18px #ffd34daa}}.stars i{color:#4a5a4f;font-style:normal}.hx-filters{flex-direction:column;gap:6px;padding:8px 10px 4px;display:flex}.hx-fgroup{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.hx-fgroup::-webkit-scrollbar{display:none}.hx-chip{background:var(--panel);border:1px solid var(--line);min-height:40px;color:var(--muted);text-transform:capitalize;border-radius:17px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:600}.hx-chip.on{color:var(--accent);border-color:var(--accent);background:var(--panel2)}.hx-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 10px;display:grid}.hx-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-height:150px;padding:10px 6px 8px;display:flex;position:relative}.hx-card:active{transform:scale(.97)}.hx-card.r2{border-color:#8fd1ff66}.hx-card.r3{background:linear-gradient(#2a2412,var(--panel));border-color:#ffd34d88}.hx-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:13px;line-height:1.1;overflow:hidden}.hx-meta{align-items:center;gap:3px;font-size:12px;display:flex}.hx-pow{color:var(--accent);font-size:12px;font-weight:700}.hx-insq{letter-spacing:-2px;font-size:11px;position:absolute;top:4px;left:6px}.hx-up{color:var(--accent2);font-size:12px;font-style:normal;font-weight:900;animation:1.5s infinite hxpulse;position:absolute;top:4px;right:6px}.hx-modal .mbody h2{flex-wrap:wrap;align-items:center;gap:6px;font-size:18px;display:flex}.hx-detail .row{align-items:flex-start;gap:12px}.hx-powbig{color:var(--accent);font-size:18px}.hx-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 8px;display:grid}.hx-stats div{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:10px;padding:6px 4px}.hx-stats small{color:var(--muted);letter-spacing:1px;font-size:10px;display:block}.hx-stats b{font-size:15px}.hx-bio{color:#cfc8b4;margin:6px 0 8px;font-size:13px;font-style:italic;line-height:1.4}.hx-sec{background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-top:10px;padding:10px}.hx-sec .bar{margin:6px 0 4px}.hx-sec .btnrow{margin-top:8px}.hx-sec .btn{min-height:40px}.hx-sec .btn small{opacity:.85;font-weight:500}.hx-skico{text-align:center;flex:none;width:40px;font-size:28px}.hx-tavern{border:1px solid var(--accent);text-align:center;background:linear-gradient(160deg,#3a2a18,#1f2d27 60%);border-radius:14px;margin:8px 10px;padding:14px 12px}.hx-tav-art{justify-content:center;align-items:flex-end;gap:4px;margin-bottom:4px;display:flex}.hx-pity{grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px 0;display:grid}.hx-pity div{border:1px solid var(--line);background:#0c1511aa;border-radius:10px;padding:6px 4px}.hx-pity small{color:var(--muted);font-size:10.5px;display:block}.hx-pity b{color:var(--accent);font-size:17px}.hx-recruit-btns{flex-direction:column;gap:8px;display:flex}.hx-recruit-btns .btn{min-height:48px;line-height:1.15}.hx-recruit-btns .btn small{white-space:nowrap;font-size:11px;font-weight:500}.hx-recruit-btns .grid2 .btn{white-space:nowrap;padding:9px 6px}.hx-gallery{flex-direction:column;gap:6px;padding:4px 10px 10px;display:flex}.hx-gal-row{scrollbar-width:none;align-items:center;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.hx-gal-row::-webkit-scrollbar{display:none}.hx-gal-row .pill{text-align:center;flex:none;min-width:40px}.hx-mini{opacity:.45;filter:grayscale(.7);flex-direction:column;flex:none;align-items:center;gap:2px;width:60px;display:flex}.hx-mini.own{opacity:1;filter:none}.hx-mini small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:10px;overflow:hidden}.hx-mini .hero-portrait{width:50px;height:50px}.hx-reveal{text-align:center}.hx-reveal h2{margin-bottom:10px}.hx-cards{perspective:800px;justify-content:center;gap:8px;display:grid}.hx-cards.one{grid-template-columns:150px}.hx-cards.ten{grid-template-columns:repeat(5,1fr)}.hx-flip{height:118px;transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.3,1.4,.5,1);position:relative}.hx-cards.one .hx-flip{height:190px}.hx-flip.flipped{transform:rotateY(180deg)}.hx-face{backface-visibility:hidden;border:1px solid var(--line);background:var(--panel2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.hx-face.back{background:linear-gradient(160deg,#3a2a18,#241a10);border-color:#8a6a3a;font-size:30px}.hx-face.front{padding:4px;transform:rotateY(180deg)}.hx-face.front b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.1;overflow:hidden}.hx-face.front small{color:var(--muted);font-size:10px}.hx-face.front .new{color:var(--accent2);font-style:normal;font-weight:800}.hx-cards.one .hx-face.front b{font-size:15px}.hx-cards.one .hx-face.front small{font-size:12px}.hx-cards.one .hero-portrait{border-radius:16px;width:84px;height:84px}.hx-cards.one .hero-portrait .spr{transform:scale(1.5)}.hx-cards.ten .hero-portrait{border-radius:10px;width:46px;height:46px}.hx-flip.r2 .hx-face.front{border-color:#8fd1ff;box-shadow:0 0 12px #8fd1ff66}.hx-flip.r3 .hx-face.front{background:linear-gradient(#3a2e12,#26362f);border-color:#ffd34d;animation:1.6s infinite hxglow;box-shadow:0 0 18px #ffd34d99}.hx-reveal.glow3 h2{color:#ffd34d;text-shadow:0 0 12px #ffd34d88}.hx-reveal.glow2 h2{color:#8fd1ff}.hx-squad .row{margin-bottom:2px}.hx-slots{justify-content:space-between;gap:6px;margin-top:8px;display:flex}.hx-slot{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;min-height:84px;padding:6px 2px;display:flex}.hx-slot.empty{color:var(--muted);border-style:dashed}.hx-slot .plus{height:56px;font-size:28px;line-height:56px}.hx-slot small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.hx-slot .hero-portrait{width:52px;height:52px}.hx-pick{padding:0}.hx-pick .item{text-align:left;width:100%}.hx-pick .item.used{opacity:.4}.hx-pick .item.cur{border-color:var(--accent)}.hx-pick .item>b{color:var(--accent);white-space:nowrap}.hx-pick .item .hero-portrait{flex:none;width:48px;height:48px}.hx-fac{cursor:pointer;border-radius:6px;padding:2px 3px;position:relative}.hx-fac:before{content:"";position:absolute;inset:-10px -8px}.hx-faclink{color:var(--muted);text-underline-offset:3px;min-height:28px;padding:4px 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hx-faclink:active{color:var(--accent)}.hx-trilink{min-height:36px;margin-bottom:4px}.hx-tri{flex-direction:column;gap:6px;margin:10px 0;display:flex}.hx-tri-row{background:var(--panel2);border:1px solid var(--line);text-transform:capitalize;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;font-size:15px;display:grid}.hx-tri-row em{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-style:normal}.hx-tri-row span:last-child{text-align:right}.hx-tri-row.on{border-color:var(--accent);box-shadow:0 0 10px #d9a44155}.df-wrap{padding-bottom:16px}.df-head{padding:10px 12px 6px}.df-head h2{margin:0}.df-canvasbox{border:1px solid var(--line);background:#0c1511;border-radius:12px;margin:0 10px;overflow:hidden;box-shadow:0 6px 20px #0006}.df-canvas{width:100%;display:block}.df-hud{padding:8px 10px 0;display:none}.df-wrap.battle .df-hud{display:block}.df-wrap.battle .df-prep{display:none}.df-heroes{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.df-heroes::-webkit-scrollbar{display:none}.df-hero{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1 0 62px;align-items:center;gap:3px;max-width:92px;min-height:40px;padding:6px 4px;font-size:11px;transition:transform 80ms;display:flex;position:relative}.df-hero:active{transform:scale(.95)}.df-hero b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.df-hero small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;overflow:hidden}.df-hero .bar{width:100%;height:5px}.df-hero .hero-portrait{border-radius:10px;width:44px;height:44px}.df-hero.ready{border-color:var(--accent);animation:1s infinite alternate dfpulse;box-shadow:0 0 10px #d9a44177}.df-hero.ready small{color:var(--accent);font-weight:700}.df-hero.down{opacity:.45;filter:grayscale(.8)}@keyframes dfpulse{0%{box-shadow:0 0 4px #d9a44144}to{box-shadow:0 0 14px #d9a441aa}}.df-ctrls{gap:8px;margin-top:8px;display:flex}.df-ctrls .btn{flex:1;min-height:40px}.df-ctrls .btn.on{border-color:var(--accent2);color:var(--accent2)}.df-att .df-dots{align-items:center;gap:4px;margin-top:4px;display:flex}.df-att .df-dots i{border:1px solid var(--line);background:#0c1511;border-radius:7px;width:14px;height:14px}.df-att .df-dots i.on{background:var(--accent);border-color:#f0cf7a;box-shadow:0 0 6px #d9a44188}.df-att .df-dots small{margin-left:6px}.df-tiers{scrollbar-width:thin;grid-template-columns:repeat(5,1fr);gap:6px;max-height:168px;margin:4px 0 8px;padding:4px 2px;display:grid;overflow-y:auto}.df-tier{border:1px solid var(--line);background:var(--panel2);min-height:40px;color:var(--ink);border-radius:9px;font-size:14px;font-weight:700;position:relative}.df-tier.cleared{color:var(--accent2);background:#1a2d22;border-color:#4f9d58}.df-tier.open{color:var(--accent);border-color:var(--accent)}.df-tier.locked{color:#5c6b61;background:#17201c;font-size:12px}.df-tier.sel{outline:2px solid var(--accent);outline-offset:1px}.df-tier i{font-size:11px;font-style:normal;position:absolute;top:-4px;right:-3px}.df-tierinfo{background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:13px;line-height:1.5}.df-tierinfo .cost{color:var(--ink)}.df-plots{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.df-plot{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:64px;padding:6px;font-size:12px;display:flex}.df-plot span{font-size:20px}.df-plot b{font-size:12px}.df-plot small{color:var(--muted);font-size:10.5px}.df-plot.locked{opacity:.55}.df-squad{flex-wrap:wrap;justify-content:space-around;gap:6px;margin-top:6px;display:flex}.df-sq{text-align:center;flex-direction:column;align-items:center;gap:2px;width:64px;font-size:11px;display:flex}.df-sq b{text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11px;overflow:hidden}.df-sq small{color:var(--muted);font-size:10px}.df-rats .item{margin-bottom:6px;padding:6px 8px}.df-rats .item .ic{width:38px;height:38px}.df-twlist .item{padding:8px}.df-twlist .btn{white-space:nowrap}.w-screen{flex-direction:column;min-height:100%;display:flex}.w-map{border-bottom:2px solid var(--line);background:#0c1411;flex:none;height:min(58vh,440px);min-height:260px;position:relative;overflow:hidden}.w-map canvas{touch-action:none;cursor:grab;width:100%;height:100%}.w-chip{border:1px solid var(--accent);color:var(--accent);background:#0e1512ee;border-radius:14px;min-height:40px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:8px;box-shadow:0 2px 8px #0008}.w-chapter{left:8px}.w-home{width:40px;padding:2px;font-size:18px;transition:transform 80ms;right:8px}.w-chip:active{transform:scale(.94)}.w-tower{min-height:40px;padding:8px 12px;font-size:13px;top:auto;bottom:8px;right:8px}.w-hint{pointer-events:none;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:12px;left:8px}.wm-head{justify-content:space-between;align-items:center;padding:10px 12px 0;display:flex}.wm-list{padding-bottom:16px}.wm .btn.sm{flex:none;min-height:40px}.wm.done{border-color:var(--accent2)}.ok{color:var(--accent2)}.mid{color:var(--accent)}.lack{color:var(--danger)}.nd-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.nd-icon{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;display:flex}.nd-head h2{margin:0}.nd-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0;display:grid}.nd-stats>div{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:8px 6px;display:flex}.nd-stats small{color:var(--muted);font-size:11px}.nd-stats b{font-size:15px}.gopts{flex-direction:column;gap:8px;margin-top:8px;display:flex}.gopt{justify-content:space-between;min-height:46px;padding:12px 14px}.gopt b{color:var(--accent)}.bt-card{max-height:92%}.bt-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-right:30px;display:flex}.bt-field{align-items:flex-start;gap:6px;display:flex}.bt-side{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bt-vs{opacity:.7;flex:none;align-self:center;font-size:22px}.bt-unit{background:var(--panel2);border:1px solid var(--line);border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:44px 1fr;column-gap:6px;padding:5px 6px;transition:opacity .3s,filter .3s;display:grid;position:relative}.bt-unit .bt-port{grid-row:1/4}.bt-unit .hero-portrait{border-radius:9px;width:44px;height:44px}.bt-unit .hero-portrait .spr{transform-origin:50%;filter:var(--tint);transform:scale(.85)}.bt-unit .hero-portrait.en{background:#2a1a1a;border-color:#7a3a3a}.bt-unit .hero-portrait.boss{border-color:var(--danger);box-shadow:0 0 10px #e05a4f88}.bt-e .bt-unit .hero-portrait .spr{transform:scale(-.85,.85)}.bt-name{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;font-size:11.5px;font-weight:700;display:flex}.bt-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bt-hp{height:7px;margin-top:3px}.bt-sh{background:0 0;border-radius:2px;height:3px;margin-top:1px;overflow:hidden}.bt-sh i{background:var(--blue);height:100%;transition:width .3s;display:block}.bt-num{color:var(--muted);flex:none;font-size:10px}.bt-unit.dead{opacity:.35;filter:grayscale()}.bt-unit.act{border-color:var(--accent)}.bt-log{border:1px solid var(--line);background:#0c1511;border-radius:10px;flex-direction:column;justify-content:flex-end;height:118px;margin-top:10px;padding:6px 8px;font-size:12px;line-height:1.35;display:flex;overflow:hidden}.bt-line{animation:.25s ease-out tin}.bt-line.k-round{color:var(--muted);text-align:center;font-size:11px}.bt-line.k-skill{color:#ffd34d}.bt-line.k-heal{color:var(--accent2)}.bt-line.k-shield{color:var(--blue)}.bt-line.k-poison{color:var(--plague)}.bt-line.k-ko{color:var(--danger);font-weight:700}.bt-line.k-end{text-align:center;font-weight:800}.bt-result{text-align:center;min-height:0;margin-top:8px}.bt-win,.bt-lose{letter-spacing:1px;font-size:22px;font-weight:900}.bt-win{color:var(--accent);text-shadow:0 0 12px #ffd34d66}.bt-lose{color:var(--danger)}.tw-head{margin-bottom:8px}.tw-head small{display:block}.tw-head .bar{margin-top:6px}.tw-stage{margin:8px 0}.tw-stage .ic{background:var(--panel2);border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.tw-stage.boss{border-color:var(--danger)}.tw-rew{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tw-rew span{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}.tw-floors{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;display:grid}.tw-floor{color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.tw-floor span{background:var(--panel);border-radius:9px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.tw-floor.done{color:var(--accent2);border-color:var(--accent2)}.tw-floor.done span{background:var(--accent2);color:#06200a}.tw-floor.cur{color:var(--accent);border-color:var(--accent)}.qhead{padding:10px 10px 0}.qhead h2{padding:0 2px}#q-chip,#quest-chip{padding:8px 10px 0;display:block}#quest-chip{padding:6px 8px 5px}#quest-chip .qchip{border-radius:12px;min-height:50px;padding:6px 10px}#quest-chip .qc-ic{width:30px;font-size:22px}#quest-chip .qc-tx b{font-size:13.5px}#quest-chip .qc-bar{margin-top:2px}.qchip{border:1px solid var(--accent);cursor:pointer;background:linear-gradient(135deg,#3a2a18,#1f2d27);border-radius:14px;align-items:center;gap:10px;min-height:56px;padding:9px 10px;display:flex;box-shadow:0 4px 14px #0006}.qchip.ready{border-color:#ffe28a;animation:1.6s ease-in-out infinite qglow;box-shadow:0 0 14px #d9a44166,0 4px 14px #0006}.qchip.done{border-color:var(--accent2)}@keyframes qglow{0%,to{box-shadow:0 0 8px #d9a44144}50%{box-shadow:0 0 18px #ffd34d99}}.qc-ic{text-align:center;flex:none;width:36px;font-size:26px}.qc-tx{flex:1;min-width:0}.qc-tx small{color:#c9b98a;letter-spacing:.3px;font-size:11px;display:block}.qc-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.qc-bar{align-items:center;gap:8px;margin-top:4px;display:flex}.qc-bar .bar{flex:1}.qc-bar span{color:var(--muted);white-space:nowrap;text-align:right;min-width:36px;font-size:11px}.qc-claim{flex:none;min-width:68px;min-height:40px}.qc-go{color:var(--accent);flex:none;padding:0 4px;font-size:26px}.qchapter h3{margin:0}.qchapter .bar{margin:8px 0 6px}.qdetails{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0 10px;padding:6px 10px;font-size:13px}.qdetails summary{cursor:pointer;color:var(--muted);align-items:center;min-height:32px;padding:4px 0;display:flex}.qprev{color:var(--muted);padding:4px 0}.qrow.done{opacity:.6}.qrow.done .ic{background:#1b2a22}.qrow.lock{opacity:.5;filter:grayscale(.5)}.qrow.cur{border-color:var(--accent)}.qrow.ready{background:linear-gradient(135deg,#2c2416,#1f2d27);border-color:#ffe28a}.qrow .btn.sm{white-space:nowrap;min-height:40px}.qreward{margin-top:3px;color:#c9b98a!important}.qok{flex:none;padding:0 6px;font-size:20px}.qpts{color:var(--accent);flex:none;padding:0 4px;font-size:13px;font-weight:800}.qbig{color:var(--accent);font-size:22px}.qtrack{height:66px;margin:10px 18px 2px 4px;position:relative}.qtrack .bar{position:absolute;top:28px;left:0;right:0}.qchest{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:50px;font-size:18px;line-height:1;display:flex;position:absolute;top:8px;transform:translate(-50%)}.qchest small{color:var(--muted);margin-top:2px;font-size:10px}.qchest.can{background:linear-gradient(#3a2a18,#26362f);border-color:#ffe28a;animation:1.6s ease-in-out infinite qglow}.qchest.got{opacity:.55}.qdays{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.qday{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:70px;padding:6px 4px;font-size:11px;display:flex}.qday small{color:var(--muted)}.qday span{font-size:22px}.qday em{color:#c9b98a;text-align:center;font-size:10px;font-style:normal;line-height:1.2}.qday.past{opacity:.5}.qday.today{border-color:var(--accent)}.qday.today.can{background:linear-gradient(#3a2a18,#26362f);animation:1.6s ease-in-out infinite qglow}.qday.future{opacity:.8}.qday:disabled{pointer-events:none}.qday:nth-child(7){grid-column:span 2}