:root{--chrome: rgba(34, 28, 20, .82);--chrome-solid: #2a231a;--gold: #ffd75e;--cream: #ffe9b8;--paper: #fff8ea;--ink: #4a4434;--ink-soft: #7b7362;--good: #46c46a;--good-dark: #237a20;--bad: #e8483f;--shadow: 0 3px 0 rgba(0, 0, 0, .28);--radius: 14px;--safe-t: max(10px, env(safe-area-inset-top));--safe-b: max(12px, env(safe-area-inset-bottom));--safe-l: max(10px, env(safe-area-inset-left));--safe-r: max(10px, env(safe-area-inset-right))}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#bfe3f2;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app,#app canvas{position:fixed;inset:0;display:block}#hud{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}#hud .ui{pointer-events:auto}button{font-family:inherit;cursor:pointer;border:none}.joy-base{position:fixed;width:148px;height:148px;border-radius:50%;background:#ffffff21;border:2px solid rgba(255,255,255,.34);transform:translate(-50%,-50%);pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#ffffff75;box-shadow:inset 0 0 0 2px #ffffff80;transform:translate(-50%,-50%)}.top-left{position:fixed;top:var(--safe-t);left:var(--safe-l);display:flex;gap:8px;z-index:12}.icon-btn{width:44px;height:44px;border-radius:var(--radius);font-size:20px;background:var(--chrome);color:#fff;box-shadow:var(--shadow);transition:transform .08s}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #00000047}.icon-btn.small{width:40px;height:40px;font-size:18px;font-weight:900}.side-menu{position:fixed;left:var(--safe-l);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:12}.menu-btn{position:relative;width:60px;border-radius:var(--radius);padding:5px 3px 6px;background:var(--chrome);color:var(--cream);font-size:9.5px;font-weight:700;letter-spacing:.2px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:var(--shadow);transition:transform .08s}.menu-btn:active{transform:translateY(2px)}.menu-btn span{font-size:21px;line-height:1.1}.menu-btn .badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:999px;background:var(--bad);color:#fff;font-size:10px;font-style:normal;font-weight:900;line-height:17px;text-align:center;opacity:0;transform:scale(.6);transition:all .18s}.menu-btn .badge.on{opacity:1;transform:scale(1)}.currencies{position:fixed;top:var(--safe-t);right:var(--safe-r);display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:12}.pill{display:flex;align-items:center;gap:7px;background:var(--chrome);color:#fff;border-radius:999px;padding:5px 14px 5px 8px;font-size:15px;font-weight:700;min-width:96px;box-shadow:var(--shadow)}.pill.clock{font-size:12px;min-width:78px;padding:4px 12px 4px 8px;color:var(--cream)}.cur-ico{width:19px;height:19px;border-radius:5px;display:inline-block;flex:0 0 auto}.cur-ico.cash{background:linear-gradient(160deg,#7ede6a,#3aa834);box-shadow:inset 0 0 0 2px #ffffff59}.cur-ico.gem{background:linear-gradient(160deg,#e474f0,#8e33c9);clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%)}.cur-ico.token{background:linear-gradient(160deg,#d8d2c0,#8b8271);border-radius:50%;box-shadow:inset 0 0 0 3px #3c372d8c}.objective{position:fixed;top:var(--safe-t);left:50%;transform:translate(-50%);background:var(--chrome);color:var(--cream);padding:6px 14px 8px;border-radius:16px;font-size:13px;font-weight:700;width:min(56vw,430px);text-align:center;box-shadow:var(--shadow);z-index:11}.obj-row{display:flex;align-items:center;gap:6px;justify-content:center}.obj-pin{font-size:13px}.obj-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obj-bar{margin-top:5px;height:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.obj-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffe9a8,var(--gold));transition:width .25s}.combo{position:fixed;left:50%;bottom:calc(var(--safe-b) + 8px);transform:translate(-50%,26px);background:var(--chrome);color:var(--gold);border-radius:14px;padding:6px 16px 8px;text-align:center;opacity:0;transition:all .2s;pointer-events:none;z-index:14}.combo.show{opacity:1;transform:translate(-50%)}.combo.hot{color:#fff;background:linear-gradient(160deg,#ff8a3d,#e8483f);box-shadow:0 0 18px #ff8c3c99}.combo b{font-size:20px;display:block;line-height:1}.combo span{font-size:9px;letter-spacing:2px;opacity:.8}.combo-bar{margin-top:4px;width:84px;height:4px;border-radius:999px;background:#fff3;overflow:hidden}.combo-bar i{display:block;height:100%;background:currentColor}.supervise{position:fixed;top:calc(var(--safe-t) + 62px);left:50%;transform:translate(-50%,-8px);display:flex;align-items:center;gap:6px;background:linear-gradient(160deg,#3f9a4a,#2b7136);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.6px;padding:5px 14px;border-radius:999px;box-shadow:0 3px 12px #3ca05073;opacity:0;transition:all .2s;pointer-events:none;z-index:11;white-space:nowrap}.supervise.show{opacity:1;transform:translate(-50%)}.supervise b{color:var(--gold)}.boost-btn{display:flex;align-items:center;gap:5px;padding:9px 14px;border-radius:14px;background:linear-gradient(180deg,#8f6fe0,#5f3fb0);color:#fff;font-size:13px;font-weight:900;box-shadow:0 4px #3f2880}.boost-btn span{font-size:16px;line-height:1}.boost-btn:active{transform:translateY(3px);box-shadow:0 1px #3f2880}.boost-btn.poor{background:linear-gradient(180deg,#b9bec6,#8f959d);box-shadow:0 4px #6d737a}.boost-btn.running{background:linear-gradient(180deg,#ffc247,#e8873a);box-shadow:0 4px #a3561c;animation:boostGlow 1.1s ease-in-out infinite}@keyframes boostGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.ri-act.seg{display:flex;gap:4px}.segbtn{padding:8px 10px;border-radius:9px;background:#ece0c7;color:#8b8069;font-size:11px;font-weight:900}.segbtn.on{background:linear-gradient(180deg,#6fd45f,#3aa834);color:#fff}.howto{display:flex;flex-direction:column;gap:8px;margin:12px 0;text-align:left}.howto-step{display:flex;gap:10px;align-items:flex-start;background:#fffdf5;border-radius:12px;padding:9px 11px;box-shadow:inset 0 0 0 1.5px #ece0c7}.hs-ico{font-size:22px;line-height:1.2;flex:0 0 auto}.howto-step b{display:block;font-size:13px;color:var(--ink)}.howto-step span{display:block;font-size:11.5px;color:var(--ink-soft);line-height:1.4;margin-top:2px}.save-box{width:100%;height:96px;margin:10px 0 4px;border-radius:12px;border:2px solid #ece0c7;background:#fffdf5;padding:9px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--ink);resize:none}.bottom-right{position:fixed;right:var(--safe-r);bottom:var(--safe-b);display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:13}.zoom-ctl{display:flex;gap:6px}.exit-btn{border-radius:16px;padding:13px 22px;font-size:15px;font-weight:900;background:var(--bad);color:#fff;box-shadow:0 4px #a32e27}.exit-btn:active{transform:translateY(3px);box-shadow:0 1px #a32e27}.minimap{position:fixed;right:var(--safe-r);bottom:calc(var(--safe-b) + 108px);border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.22);box-shadow:0 4px 14px #00000059;line-height:0;transition:opacity .2s;z-index:10}.minimap.collapsed{opacity:.18}.world-label{position:fixed;transform:translate(-50%,-50%);pointer-events:none;text-align:center;z-index:8}.pad-label{background:#1e1912d9;border-radius:10px;padding:4px 9px 5px;color:#fff;font-size:10.5px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 2px #0000004d}.pad-label b{display:block;font-size:10.5px;color:var(--cream)}.pad-label .lv{display:inline-block;margin-right:5px;color:#bfe6ff}.pad-label .lv.gold{color:var(--gold)}.pad-label .price{display:inline-block;color:#8bf58a;font-weight:900}.pad-label .price.poor{color:#b9bec4}.info-label{background:#ffffffe6;color:#34302a;border-radius:999px;font-size:10.5px;font-weight:800;padding:2px 8px;white-space:nowrap;box-shadow:0 1px 3px #00000047}.info-label.tint{border:2px solid var(--tint, #888)}.info-label.small{font-size:9.5px;padding:1px 6px;opacity:.9}.info-label.big{font-size:12px;padding:4px 12px;background:#1e1912d9;color:var(--cream)}.cash-fly,.combo-fly{position:fixed;transform:translate(-50%,-50%);font-weight:900;pointer-events:none;z-index:30;animation:floatUp 1.15s ease-out forwards}.cash-fly{color:#2f9e3a;font-size:19px;text-shadow:0 1px 0 #fff,0 0 8px rgba(255,255,255,.7)}.combo-fly{color:#ff7a2f;font-size:16px;text-shadow:0 1px 0 #fff}@keyframes floatUp{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-78px}}.toast-stack{position:fixed;left:50%;bottom:calc(var(--safe-b) + 86px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:40}.toast{background:var(--chrome-solid);color:var(--cream);padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;transform:translateY(14px);transition:all .25s;box-shadow:0 4px 14px #00000059;max-width:84vw;text-align:center}.toast.show{opacity:1;transform:translateY(0)}.toast.good{background:linear-gradient(160deg,#3f9a4a,#2b7136);color:#fff}.toast.bad{background:linear-gradient(160deg,#d1584f,#99342d);color:#fff}.tip{position:fixed;left:50%;bottom:calc(var(--safe-b) + 58px);transform:translate(-50%) translateY(10px);background:#1e1912b3;color:var(--cream);font-size:11.5px;font-weight:600;padding:6px 14px;border-radius:999px;opacity:0;transition:all .3s;pointer-events:none;z-index:9;max-width:76vw;text-align:center}.tip.show{opacity:1;transform:translate(-50%) translateY(0)}.focus-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);background:#14100be0;color:var(--cream);padding:14px 26px 16px;border-radius:18px;text-align:center;box-shadow:0 10px 34px #00000073;border:2px solid rgba(255,215,94,.55);opacity:0;visibility:hidden;transition:all .24s;z-index:46;pointer-events:none}.focus-hint.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);animation:focusPulse 1.7s ease-in-out infinite}.focus-hint b{display:block;font-size:15px;color:var(--gold)}.focus-hint span{display:block;font-size:12px;margin-top:3px;opacity:.85}@keyframes focusPulse{0%,to{box-shadow:0 10px 34px #00000073,0 0 #ffd75e66}50%{box-shadow:0 10px 34px #00000073,0 0 0 10px #ffd75e00}}.panel-host{position:fixed;inset:0;background:#0c09068c;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel{width:min(560px,94vw);max-height:min(86vh,720px);background:var(--paper);border-radius:20px;box-shadow:0 18px 50px #00000073;display:flex;flex-direction:column;overflow:hidden}.panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:linear-gradient(180deg,#fffdf6,var(--paper));border-bottom:2px solid #ece0c7}.panel h3{color:var(--ink);font-size:18px}.close-x{width:34px;height:34px;border-radius:10px;background:#ece0c7;color:var(--ink);font-size:15px;font-weight:900}.panel-body{padding:12px 14px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}h4.grp{margin:14px 0 8px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft)}h4.grp:first-child{margin-top:2px}.note{font-size:11.5px;color:var(--ink-soft);margin:8px 2px 0;line-height:1.45}.empty{font-size:12.5px;color:var(--ink-soft);padding:10px 2px}.fine{font-size:11.5px;color:var(--ink-soft);margin:6px 0;line-height:1.45}.row-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;background:#fffdf5;box-shadow:inset 0 0 0 1.5px #ece0c7;margin-bottom:6px}.row-item.dim{opacity:.62}.row-item.done{background:#f2f8ec;box-shadow:inset 0 0 0 1.5px #cfe4c2}.ri-ico{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#f0e6d0;display:flex;align-items:center;justify-content:center;font-size:19px}.ri-main{flex:1 1 auto;min-width:0}.ri-title{font-size:13.5px;font-weight:800;color:var(--ink);display:flex;align-items:baseline;gap:6px}.ri-title em{font-style:normal;font-size:10.5px;font-weight:700;color:#9a8f76}.ri-desc{font-size:11.5px;color:var(--ink-soft);line-height:1.35;margin-top:1px}.ri-act{flex:0 0 auto}.buy{border-radius:11px;padding:9px 13px;font-size:12.5px;font-weight:900;color:#fff;background:linear-gradient(180deg,#6fd45f,#3aa834);box-shadow:0 3px 0 var(--good-dark);white-space:nowrap}.buy:active{transform:translateY(2px);box-shadow:0 1px 0 var(--good-dark)}.buy.poor{background:linear-gradient(180deg,#c3c8ce,#9aa1a9);box-shadow:0 3px #767c84}.buy[disabled]{opacity:.55}.ghost{border-radius:11px;padding:9px 13px;font-size:12.5px;font-weight:800;background:#ece0c7;color:var(--ink)}.ghost.wide,.danger.wide,.claim.wide{display:block;width:100%;margin-top:8px}.danger{border-radius:11px;padding:9px 13px;font-size:12.5px;font-weight:900;background:#f3d1ce;color:#a32e27}.toggle{min-width:58px;border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:900;background:#dfd6c0;color:#857c67}.toggle.on{background:linear-gradient(180deg,#6fd45f,#3aa834);color:#fff}.tag{display:inline-block;padding:6px 10px;border-radius:9px;background:#ece0c7;color:#8b8069;font-size:10.5px;font-weight:900;letter-spacing:.6px;white-space:nowrap}.tag.gold{background:linear-gradient(180deg,#ffe08a,#e0a02a);color:#6b4c0c}.bar{height:9px;border-radius:999px;background:#ece0c7;overflow:hidden;margin:6px 0 0}.bar.thin{height:5px;margin-top:5px}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8ee87a,#3aa834);transition:width .3s}.mission.current{background:linear-gradient(160deg,#fff6dd,#f7e8c2);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 2px #e8d3a2}.m-step{font-size:10.5px;font-weight:900;letter-spacing:1.2px;color:#b09553}.m-text{font-size:15px;font-weight:800;color:var(--ink);margin:4px 0 2px}.m-prog{font-size:11.5px;color:var(--ink-soft);margin:4px 0 6px}.m-reward{font-size:12.5px;font-weight:800;color:#6c5a33}.quest-list{display:flex;flex-direction:column;gap:3px}.quest-line{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--ink-soft);padding:4px 6px;border-radius:8px}.quest-line.done{color:#7fa878;text-decoration:line-through}.quest-line.now{background:#fff2d2;color:var(--ink);font-weight:800}.contract{background:#fffdf5;border-radius:14px;padding:11px 12px;box-shadow:inset 0 0 0 1.5px #ece0c7;margin-bottom:8px}.contract.urgent{box-shadow:inset 0 0 0 2px #e8907f;background:#fff5f2}.c-head{display:flex;align-items:center;gap:10px}.c-ico{width:38px;height:38px;border-radius:11px;background:#f0e6d0;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.c-head>div:nth-child(2){flex:1 1 auto;min-width:0}.c-title{font-size:13.5px;font-weight:800;color:var(--ink)}.c-pay{font-size:11.5px;color:#7c8a52;font-weight:700}.c-timer{font-size:13px;font-weight:900;color:var(--ink-soft);font-variant-numeric:tabular-nums}.c-timer.hot{color:var(--bad)}.c-prog{font-size:11px;color:var(--ink-soft);margin-top:4px}.c-act{display:flex;gap:8px;margin-top:9px}.c-act .buy{flex:1 1 auto}.draw-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:linear-gradient(160deg,#efe6ff,#dcd0f7);border-radius:16px;padding:12px;box-shadow:inset 0 0 0 2px #cbbcef}.db-info{font-size:12.5px;font-weight:700;color:#4a3a70}.db-act{display:flex;gap:7px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px;margin-top:10px}.card-tile,.reveal{border-radius:15px;padding:11px 9px 12px;text-align:center;background:linear-gradient(180deg,#fbf8f0,#e6dfcd);box-shadow:0 0 0 2.5px var(--rare, #9aa38a),0 4px 14px var(--glow, rgba(0, 0, 0, .2))}.card-tile.locked{filter:grayscale(.85);opacity:.7}.ct-rarity{font-size:8.5px;letter-spacing:1.8px;font-weight:900;color:var(--rare, #7a8768)}.ct-face{font-size:40px;margin:4px 0 2px;line-height:1.1}.ct-name{font-size:12.5px;font-weight:900;color:var(--ink)}.ct-lv{font-size:10px;font-weight:800;color:#9a8f76;margin-top:1px}.ct-eff{font-size:10.5px;color:var(--ink-soft);margin-top:5px;line-height:1.35}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin:10px 0;max-height:46vh;overflow-y:auto}.reveal-grid.many{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.reveal-grid.many .ct-face{font-size:30px}.reveal{animation:cardpop .45s ease-out backwards}@keyframes cardpop{0%{transform:scale(.5) rotate(-7deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.prestige-box{background:linear-gradient(160deg,#e9eef7,#d3dcea);border-radius:16px;padding:13px;box-shadow:inset 0 0 0 2px #bfcada}.prestige-box.ready{background:linear-gradient(160deg,#fff3cf,#ffe09b);box-shadow:inset 0 0 0 2px #e8bc55,0 0 20px #f0be4659}.pb-head{font-size:14px;font-weight:800;color:#3b4658}.pb-note{font-size:11.5px;color:#6b7686;margin:4px 0 8px;line-height:1.4}.pb-prog{font-size:11px;color:#6b7686;margin:5px 0 9px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}.stat{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;background:#fffdf5;border-radius:10px;padding:8px 10px;box-shadow:inset 0 0 0 1.5px #ece0c7;min-width:0}.stat span{font-size:11.5px;color:var(--ink-soft);min-width:0}.stat b{font-size:12.5px;color:var(--ink);text-align:right;margin-left:auto;min-width:0;overflow-wrap:anywhere}.modal-wrap{position:fixed;inset:0;background:#0a0805a8;display:flex;align-items:center;justify-content:center;z-index:60;padding:14px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--paper);border-radius:22px;padding:22px 24px 24px;text-align:center;width:min(460px,92vw);max-height:88vh;overflow-y:auto;box-shadow:0 18px 54px #00000080;animation:modalIn .24s ease-out}@keyframes modalIn{0%{transform:scale(.9) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h3{color:var(--ink);font-size:20px;margin-bottom:6px}.modal p{color:var(--ink-soft);font-size:13px;line-height:1.5;margin-bottom:6px}.offline-amt{display:flex;align-items:center;justify-content:center;gap:8px;font-size:28px;font-weight:900;color:#2f9e3a;margin:12px 0}.offline-amt.small{font-size:19px;color:#6c5a33}.claim{border-radius:15px;background:linear-gradient(180deg,#7ede6a,#3aa834);color:#fff;font-size:16px;font-weight:900;padding:13px 40px;box-shadow:0 4px 0 var(--good-dark);margin-top:8px}.claim:active{transform:translateY(3px);box-shadow:0 1px 0 var(--good-dark)}.claim.poor{background:linear-gradient(180deg,#c3c8ce,#9aa1a9);box-shadow:0 4px #767c84}.prestige-box .claim{display:block;width:100%;padding:12px;font-size:15px}@media(max-width:900px){.objective{width:min(64vw,340px);font-size:12px}.pill{font-size:13.5px;min-width:84px}}@media(max-height:560px){.side-menu{gap:4px}.menu-btn{width:52px;padding:3px 2px 4px;font-size:8.5px}.menu-btn span{font-size:17px}.minimap{bottom:calc(var(--safe-b) + 96px);transform:scale(.82);transform-origin:bottom right}}@media(orientation:portrait)and (max-width:560px){.side-menu{flex-direction:row;left:50%;top:auto;bottom:calc(var(--safe-b) + 4px);transform:translate(-50%);gap:5px}.menu-btn{width:50px;font-size:8px;padding:3px 2px 4px}.menu-btn span{font-size:17px}.currencies{flex-direction:row;align-items:center;gap:4px;left:var(--safe-l);justify-content:flex-end}.pill{min-width:0;font-size:13px;padding:4px 10px 4px 6px;gap:5px}.pill.clock{font-size:11px;padding:4px 9px 4px 6px}.top-left{z-index:13}.objective{top:calc(var(--safe-t) + 40px);left:var(--safe-l);right:var(--safe-r);transform:none;width:auto}.minimap{bottom:calc(var(--safe-b) + 118px);transform:scale(.78);transform-origin:bottom right}.bottom-right{bottom:calc(var(--safe-b) + 70px)}.combo{bottom:calc(var(--safe-b) + 78px)}.toast-stack{bottom:calc(var(--safe-b) + 150px)}.tip{bottom:calc(var(--safe-b) + 122px);max-width:90vw}}