:root{--ink: #150f1c;--ink-2: #1c1426;--plum: #2a1f36;--bench: #2c2019;--bench-2: #3a2b20;--card: #241a2f;--card-2: #2e2138;--cream: #f6e9d2;--cream-dim: #cbb9a0;--gold: #e8bf62;--gold-2: #ffe9a8;--amber: #f0b13c;--rose: #e8608f;--violet: #a97fe0;--green: #7fc06a;--bad: #d9787a;--line: rgba(246, 233, 210, .12);--line-strong: rgba(246, 233, 210, .24);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--inner: inset 0 2px 6px rgba(0, 0, 0, .45);--radius: 14px;--cell: 46px;--gap: 5px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden;background:var(--ink);color:var(--cream);font-family:var(--sans);overscroll-behavior:none}body{min-height:100dvh;background:radial-gradient(120% 70% at 50% -10%,rgba(240,177,60,.14),transparent 60%),radial-gradient(90% 60% at 50% 110%,rgba(169,127,224,.12),transparent 60%),linear-gradient(180deg,#191223,#150f1c 55%,#120c18)}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}.num,[data-testid=hud-coins],[data-testid=hud-energy],[data-testid=hud-amber],.chip,.stat b,.stat i{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#app{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;min-height:100dvh;max-height:100dvh;padding:max(calc(var(--safe-top) + 8px),72px) 10px calc(var(--safe-bottom) + 8px);gap:8px;overflow:hidden}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 4px 2px}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));flex:0 0 auto}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text b{font-family:var(--serif);font-size:19px;letter-spacing:.02em;line-height:1.05;color:var(--gold-2);text-shadow:0 2px 10px rgba(232,191,98,.25);white-space:nowrap}.brand-text i{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);font-style:normal;white-space:nowrap}.chapter{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:0 0 auto;max-width:46%}.chapter span:first-child{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.85}.chapter span:last-child{font-family:var(--serif);font-size:12.5px;color:var(--cream);opacity:.92;line-height:1.2}.hud{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:999px;background:linear-gradient(180deg,#3a2b20d9,#241a2fe6);border:1px solid var(--line);box-shadow:var(--inner),0 4px 14px #0000004d}.stat{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px 0 8px;border-radius:999px;background:#00000047;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}.stat b{font-size:14px;font-weight:700;letter-spacing:.01em}.stat i{font-style:normal;font-size:10px;opacity:.55}.stat-icon{display:inline-flex;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.stat-charges b{color:var(--gold-2)}.stat-charges .reserve{font-size:10px;font-weight:700;color:var(--green);opacity:0;transition:opacity .2s ease}.stat-charges .reserve.hot{opacity:.95}.hud-actions{margin-left:auto;display:flex;gap:6px}.hud-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ffe9a81f,#00000040);border:1px solid var(--line);transition:transform .12s ease,background .2s ease}.hud-btn:active{transform:scale(.93)}.hud-btn .dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 2px #150f1ce6;opacity:0;transition:opacity .2s ease}.hud-btn .dot.hot{opacity:1;animation:pulseSoft 1.5s ease-in-out infinite}.orders{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.orders::-webkit-scrollbar{display:none}.orders-empty{font-family:var(--serif);font-size:13px;color:var(--cream-dim);padding:22px 8px}.order-card{scroll-snap-align:start;flex:0 0 auto;width:168px;min-height:108px;display:flex;flex-direction:column;gap:5px;padding:8px 9px 7px;border-radius:var(--radius);background:linear-gradient(170deg,#3c2c24eb,#20172af2);border:1px solid var(--line);box-shadow:0 6px 16px #00000059;cursor:pointer;transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease}.order-card:active{transform:scale(.98)}.order-card.deliverable{border-color:#e8bf62a6;animation:cardReady 2.2s ease-in-out infinite}.order-card.rush{background:linear-gradient(170deg,#563820f2,#2c1b28f5);border-color:#f0b13c8c}.order-card.blend{background:linear-gradient(170deg,#28342ceb,#1e1828f2)}.order-card.collector{background:linear-gradient(170deg,#342648f0,#1e162cf5);border-color:#a97fe073}.order-card.drop-ok{border-color:var(--green);box-shadow:0 0 0 2px #7fc06a59}.order-card.drop-bad{border-color:var(--bad)}.order-head{display:flex;align-items:center;gap:6px;min-width:0}.order-avatar{flex:0 0 auto;display:inline-flex;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.order-who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.order-who b{font-family:var(--serif);font-size:12.5px;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-who i{font-style:normal;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;border-radius:6px;background:#f0b13c2e;color:var(--gold-2);border:1px solid rgba(240,177,60,.35);white-space:nowrap}.badge.blend{background:#7fc06a29;border-color:#7fc06a59;color:#cfe9c2}.badge.collector{background:#a97fe02e;border-color:#a97fe066;color:#ddc9f7}.order-reqs{display:flex;flex-wrap:wrap;gap:5px}.req{position:relative;display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 3px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.06)}.req.ok{border-color:#7fc06a80;background:#7fc06a1f}.req b{font-size:11px;font-weight:700}.req i{font-style:normal;font-size:9px;opacity:.55}.order-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}.order-reward{display:flex;gap:4px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:1px 6px;border-radius:999px;background:#00000057;border:1px solid rgba(255,255,255,.06)}.chip b{font-weight:700}.order-cta{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim)}.order-card.deliverable .order-cta{color:var(--gold-2)}.board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:2px 0}#board{display:grid;grid-template-columns:repeat(7,var(--cell));grid-template-rows:repeat(7,var(--cell));gap:var(--gap);padding:10px;border-radius:18px;background:linear-gradient(180deg,rgba(255,233,168,.06),transparent 40%),repeating-linear-gradient(98deg,#00000029 0px 2px,#ffffff04 2px 9px),linear-gradient(170deg,var(--bench-2),var(--bench));border:1px solid rgba(232,191,98,.28);box-shadow:0 16px 40px #00000080,inset 0 1px #ffe9a81f;touch-action:none;user-select:none;-webkit-user-select:none}.cell{position:relative;width:var(--cell);height:var(--cell);min-width:36px;min-height:36px;border-radius:11px;background:linear-gradient(180deg,#00000057,#00000029);box-shadow:inset 0 2px 5px #00000080,inset 0 -1px #ffe9a80d;display:grid;place-items:center;transition:background .16s ease,box-shadow .16s ease,transform .12s ease}.cell-mark{display:grid;place-items:center;opacity:.75;pointer-events:none}.cell.locked{background:repeating-linear-gradient(45deg,#0000006b 0px 5px,#ffffff05 5px 10px),linear-gradient(180deg,#00000080,#0000004d);box-shadow:inset 0 2px 6px #0009;cursor:default}.cell.purchasable{cursor:pointer;border:1px dashed rgba(232,191,98,.45);animation:pulseSoft 2.4s ease-in-out infinite}.cell-price{position:absolute;bottom:2px;font-size:9px;color:var(--gold-2);opacity:.9}.cell.lifted{background:#00000080}.cell.drop-ok{box-shadow:inset 0 0 0 2px #7fc06ad9,0 0 16px #7fc06a6b}.cell.drop-move{box-shadow:inset 0 0 0 2px #e8bf6299}.cell.drop-bad{box-shadow:inset 0 0 0 2px #d9787aa6}.cell.show-preview:after{content:attr(data-preview-tier);position:absolute;top:1px;right:3px;font-size:10px;font-weight:700;color:var(--gold-2);text-shadow:0 1px 3px #000;animation:popIn .2s ease both}.cell.sq .item{animation:squash .3s cubic-bezier(.34,1.56,.64,1)}.cell.pop .item{animation:popMerge .28s cubic-bezier(.2,1.5,.4,1)}.cell.shake{animation:shake .3s ease}.cell.flash-spawn:before{content:"";position:absolute;inset:2px;border-radius:10px;border:1px solid rgba(255,233,168,.6);animation:flashOut .5s ease-out both}.item{position:relative;width:92%;height:92%;display:grid;place-items:center;border-radius:12px;background:radial-gradient(120% 100% at 30% 12%,rgba(255,255,255,.22),transparent 55%),linear-gradient(168deg,color-mix(in srgb,var(--tint) 42%,#2b1f2c),#18101ceb);border:1px solid color-mix(in srgb,var(--tint) 55%,transparent);box-shadow:0 4px 9px #00000073,inset 0 1px #ffffff29,inset 0 -6px 10px #00000059;cursor:grab;animation:itemIn .22s ease both}.item-art{display:grid;place-items:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));pointer-events:none}.item-art svg{display:block}.item-tier{position:absolute;right:2px;bottom:1px;font-size:9px;font-weight:800;color:#fff5da;text-shadow:0 1px 3px rgba(0,0,0,.85);opacity:.92;pointer-events:none}.item.ghosted{opacity:.28}.item.generator{cursor:pointer;background:radial-gradient(120% 100% at 30% 10%,rgba(255,233,168,.22),transparent 60%),linear-gradient(168deg,#6a4a24,#2a1d22);border-color:#e8bf628c;box-shadow:0 4px 10px #00000080,inset 0 1px #ffe9a840}.item.generator.dry{filter:saturate(.55) brightness(.8)}.gen-charges{position:absolute;left:0;right:0;bottom:-1px;text-align:center;font-size:9.5px;font-weight:800;color:#fff3d2;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.gen-charges i{font-style:normal;font-size:8px;opacity:.6}.gen-ring{position:absolute;inset:-2px;border-radius:12px;background:conic-gradient(rgba(255,233,168,.75) var(--fill),transparent var(--fill));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));pointer-events:none;opacity:.85}.gen-dry{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--amber));color:#3a2414;font-weight:900;font-size:13px;box-shadow:0 2px 6px #00000080;animation:pulseSoft 1.6s ease-in-out infinite}.gen-bank{position:absolute;top:-5px;left:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#7fc06ae6;box-shadow:0 2px 6px #00000073}body.is-dragging,body.is-dragging *{cursor:grabbing}.drag-ghost{position:fixed;top:0;left:0;z-index:90;display:grid;place-items:center;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}.drag-ghost .item{width:100%;height:100%;cursor:grabbing}.drag-ghost.spring{transition:transform .22s cubic-bezier(.34,1.4,.64,1)}.meta{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius);background:linear-gradient(120deg,#2c202ef0,#1e1626f5);border:1px solid var(--line);box-shadow:0 8px 20px #00000059}.meta-world{flex:0 0 92px;height:52px;border-radius:9px;overflow:hidden;background:#120c18;border:1px solid rgba(232,191,98,.22);display:grid;place-items:center}.world-svg{width:100%;height:100%;display:block}.meta-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.meta-line{display:flex;flex-direction:column;min-width:0}.meta-kicker{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.8}#meta-name{font-family:var(--serif);font-size:13px;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-bar{height:5px;border-radius:3px;background:#0006;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.meta-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--gold-2));box-shadow:0 0 10px #f0b13c8c;transition:width .4s ease}.meta-sockets{display:flex;gap:5px;flex-wrap:wrap}.socket{display:inline-flex;align-items:center;gap:2px;padding:1px 5px 1px 2px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.06);font-size:9px}.socket.full{border-color:#7fc06a80;background:#7fc06a1f}.socket b{font-size:9px;font-weight:700}.build-btn{flex:0 0 auto;min-width:66px;min-height:44px;padding:0 12px;border-radius:11px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f6e9d28c;background:linear-gradient(180deg,#ffffff14,#00000047);border:1px solid var(--line);transition:transform .12s ease,color .2s ease,box-shadow .2s ease}.build-btn.ready{color:#3a2414;background:linear-gradient(180deg,var(--gold-2),var(--amber));border-color:var(--gold-2);animation:cardReady 2s ease-in-out infinite}.build-btn:active{transform:scale(.95)}.dock{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding-top:2px}.dock-btn{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:13px;background:linear-gradient(180deg,#3a2b20b3,#1c1426d9);border:1px solid var(--line);box-shadow:var(--inner);transition:transform .12s ease,border-color .2s ease,background .2s ease}.dock-btn:active,.dock-btn.drop-hot{transform:scale(.96);border-color:#e8bf6299}.dock-btn.drop-hot{background:linear-gradient(180deg,#e8bf6240,#1c1426e6);box-shadow:0 0 18px #e8bf6259}.dock-btn.nudge{animation:nudge .7s ease 3}.dock-icon{display:inline-flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dock-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim)}#coach-layer{position:absolute;inset:0;pointer-events:none;z-index:60}.tutorial-pointer-cue{pointer-events:none}.cue-arc{animation:dashFlow 1.4s linear infinite}.cue-dot{animation:pulseSoft 1.2s ease-in-out infinite}.cue-hand-wrap{offset-distance:0%;animation:handTravel 2.4s cubic-bezier(.5,0,.4,1) infinite}.hand{transform:rotate(var(--tilt, 0deg)) translate(-40%,-6%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.cue-pulse{position:absolute;transform:translate(-50%,-50%)}.pulse-ring{position:absolute;inset:0;border-radius:14px;border:2px solid rgba(255,233,168,.85);animation:ringOut 1.7s ease-out infinite}.pulse-ring.delay{animation-delay:.85s}.coach-bar{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;max-width:min(92%,340px);padding:8px 12px 8px 9px;border-radius:999px;background:linear-gradient(180deg,#ffe9a8f7,#e8bf62f2);color:#2a1a0c;font-size:12.5px;font-weight:600;line-height:1.25;box-shadow:0 12px 28px #00000080;animation:coachIn .4s cubic-bezier(.34,1.4,.64,1) both;pointer-events:auto;cursor:pointer;transition:opacity .25s ease-out,transform .25s ease-out}.coach-bar.coach-out{opacity:0;transform:translate(-50%) translateY(8px);pointer-events:none}.coach-pip{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#2a1a0c;color:var(--gold-2);font-size:11px;font-weight:800}.coach-text{min-width:0}.coach-dismiss{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border:none;background:#2a1a0c26;color:#2a1a0c;border-radius:50%;font-size:13px;font-weight:700;cursor:pointer;padding:0;margin-left:2px;transition:background .15s ease}.coach-dismiss:hover,.coach-dismiss:active{background:#2a1a0c4d}#fx-layer,#toast-layer,#reveal-layer{position:fixed;inset:0;pointer-events:none;z-index:80}#toast-layer{top:auto;bottom:calc(var(--safe-bottom) + 82px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 12px}#reveal-layer{z-index:85;display:grid;place-items:center}#drag-layer{position:fixed;inset:0;pointer-events:none;z-index:90}.fx-piece{position:absolute;pointer-events:none}.fx-ring{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:3px solid;animation:ringOut .6s ease-out forwards}.fx-spark{position:absolute;margin:-2px 0 0 -2px;border-radius:50%;animation:sparkFly .5s ease-out forwards}.fx-flash{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,220,.85),transparent 65%);animation:flashOut .4s ease-out forwards}.fx-dust{position:absolute;width:6px;height:6px;border-radius:50%;animation:dustUp .7s ease-out forwards}.fx-float{position:absolute;transform:translate(-50%,-50%);font-size:15px;font-weight:800;color:var(--gold-2);text-shadow:0 2px 6px rgba(0,0,0,.7);animation:floatUp 1.05s ease-out forwards}.fx-float-good{color:#b8e8a2}.fx-coin{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5d0,#e9b53c 60%,#a9741c);box-shadow:0 2px 6px #00000080;animation:coinArc .85s cubic-bezier(.4,0,.5,1) forwards}.fx-confetti{position:absolute;top:-12px;width:7px;height:11px;border-radius:2px;animation:confettiFall 2s linear forwards}.toast{max-width:340px;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:linear-gradient(180deg,#2e2138f7,#1c1426f7);border:1px solid var(--line-strong);box-shadow:0 10px 26px #00000080;animation:toastIn .28s cubic-bezier(.34,1.4,.64,1) both;text-align:center}.toast-good{border-color:#7fc06a8c;color:#d5efc6}.toast-bad{border-color:#d9787a8c;color:#f3cfd0}.toast-gold{border-color:#e8bf6299;color:var(--gold-2)}.toast-out{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.reveal{pointer-events:auto;position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(60% 40% at 50% 45%,#140e1cb8,#0a070e80);animation:fadeIn .2s ease both}.reveal-out{opacity:0;transition:opacity .28s ease}.reveal-card{display:grid;justify-items:center;gap:4px;padding:20px 26px 18px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#34263cfa,#1a1222fa);border:1px solid color-mix(in srgb,var(--tint) 55%,transparent);box-shadow:0 24px 60px #0009;animation:revealIn .45s cubic-bezier(.2,1.5,.4,1) both}.reveal-kicker{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.reveal-art{display:grid;place-items:center;margin:4px 0 2px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));animation:popMerge .5s cubic-bezier(.2,1.5,.4,1) both}.reveal-name{font-family:var(--serif);font-size:22px;color:var(--cream)}.reveal-fr{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim)}.reveal-blurb{max-width:240px;font-size:12px;color:var(--cream-dim);line-height:1.45;margin-top:4px}.reveal-loot{display:flex;gap:6px;margin-top:8px}#modal-layer{position:fixed;inset:0;z-index:95;pointer-events:none}.modal{position:absolute;inset:0;display:grid;place-items:center;padding:14px;background:#08050cb8;backdrop-filter:blur(3px);pointer-events:auto;animation:fadeIn .2s ease both}.modal-out{opacity:0;transition:opacity .2s ease}.modal-card{position:relative;width:min(100%,460px);max-height:min(84dvh,700px);display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,#2e2138fc,#1a1222fc);border:1px solid var(--line-strong);box-shadow:0 28px 70px #000000a6;animation:modalIn .3s cubic-bezier(.2,1.3,.5,1) both;overflow:hidden}.modal-head{display:flex;align-items:center;gap:12px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.modal-art{flex:0 0 auto;display:grid;place-items:center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.modal-art .world-svg{width:78px;height:44px;border-radius:8px;border:1px solid rgba(232,191,98,.25)}.modal-heading{flex:1 1 auto;min-width:0}.modal-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.modal-title{margin:2px 0 0;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--cream);line-height:1.15}.modal-close{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#00000047;border:1px solid var(--line)}.modal-body{padding:12px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-body-scroll{max-height:58dvh}.modal-story{margin:0 0 10px;font-family:var(--serif);font-size:13.5px;line-height:1.5;color:#e3d6c2}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line);background:#0000002e}.modal-actions button{flex:1 1 auto;min-height:46px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,opacity .2s ease,background .2s ease}.modal-actions button:active{transform:scale(.97)}.modal-actions .primary,button.primary{background:linear-gradient(180deg,var(--gold-2),var(--amber));color:#2a1a0c;box-shadow:0 6px 18px #f0b13c4d}.modal-actions .primary:disabled,button.primary:disabled{background:linear-gradient(180deg,#ffffff1a,#00000040);color:#f6e9d266;box-shadow:none}.modal-actions .ghost{background:#ffffff12;border:1px solid var(--line);color:var(--cream)}.modal-actions .buy,button.buy{background:linear-gradient(180deg,#c79bea,#7b4fb5);color:#fff}.modal-actions .danger,button.danger{color:#ffd9da;border-color:#d9787a80}.modal-actions .primary.danger{background:linear-gradient(180deg,#e0837f,#b0483f);color:#fff2f0}button.small{min-height:44px;min-width:44px;padding:0 12px;font-size:12px;border-radius:10px}button.wide{width:100%}.panel-section{margin-bottom:14px}.panel-section h3{margin:0 0 7px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.panel-count{color:var(--cream-dim);letter-spacing:.06em}.panel-note{margin:6px 0;font-size:11.5px;color:var(--cream-dim);line-height:1.45}.panel-reward{margin:0;font-size:12.5px;color:#e3d6c2;line-height:1.45}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.socket-list{display:flex;flex-direction:column;gap:7px}.socket-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:7px 11px;border-radius:13px;background:#00000042;border:1px solid var(--line);text-align:left;transition:transform .12s ease,border-color .2s ease}.socket-row:active{transform:scale(.99)}.socket-row.full{border-color:#7fc06a80;background:#7fc06a1a}.socket-row.static{cursor:default}.socket-art{flex:0 0 auto;display:grid;place-items:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.socket-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.socket-text b{font-family:var(--serif);font-size:14px;color:var(--cream)}.socket-text i{font-style:normal;font-size:10px;color:var(--cream-dim)}.socket-count{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--gold-2)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px}.setting-row select{background:#0006;color:var(--cream);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:12px;font-family:inherit}.switch{width:54px;height:32px;border-radius:999px;background:#00000073;border:1px solid var(--line);position:relative;transition:background .2s ease}.switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#8a7a92;transition:transform .2s cubic-bezier(.34,1.4,.64,1),background .2s ease}.switch.on{background:linear-gradient(90deg,#f0b13c80,#ffe9a859)}.switch.on i{transform:translate(22px);background:var(--gold-2)}.help-list{margin:0;padding-left:18px;font-size:12px;color:#ded0bc;line-height:1.6}.help-list li{margin-bottom:4px}.cellar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.cellar-slot{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;border-radius:12px;background:#0000004d;border:1px dashed var(--line-strong);font-size:9.5px;color:var(--cream-dim);text-align:center}.cellar-slot.filled{border-style:solid;border-color:#e8bf6266;background:linear-gradient(180deg,#3a2b2099,#1c1426cc);color:var(--cream)}.shop-row,.sell-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line)}.shop-art{flex:0 0 auto;width:34px;display:grid;place-items:center}.shop-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.shop-text b{font-family:var(--serif);font-size:13.5px}.shop-text i{font-style:normal;font-size:10.5px;color:var(--cream-dim);line-height:1.35}.shop-row button{flex:0 0 auto;min-height:44px;min-width:68px;border-radius:11px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px}.shop-row button.primary{background:linear-gradient(180deg,var(--gold-2),var(--amber));color:#2a1a0c}.shop-row button.ghost{background:#ffffff14;border:1px solid var(--line)}.shop-row button.buy{background:linear-gradient(180deg,#c79bea,#7b4fb5);color:#fff}.shop-row button:disabled{opacity:.42}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:7px}.catalog-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px}.catalog-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:12px;background:#00000042;border:1px solid var(--line)}.catalog-cell b{font-size:9px;font-weight:600;color:var(--cream-dim);text-align:center;line-height:1.2}.catalog-cell.found{border-color:#e8bf6259;background:linear-gradient(180deg,#3a2b2080,#1c1426b3)}.catalog-cell.found b{color:var(--cream)}.catalog-cell.unknown .catalog-art{filter:brightness(0) opacity(.32)}.catalog-art{display:grid;place-items:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.pass-head{margin-bottom:8px}.pass-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:6px}.pass-legend span:last-child{color:var(--violet)}.pass-list{display:flex;flex-direction:column;gap:6px}.pass-row{display:grid;grid-template-columns:42px 1fr 1fr;gap:6px;align-items:stretch;opacity:.72}.pass-row.reached{opacity:1}.pass-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#0000004d;border:1px solid var(--line)}.pass-tier span{font-size:14px;font-weight:800;color:var(--cream)}.pass-tier i{font-style:normal;font-size:8.5px;color:var(--cream-dim)}.pass-cell{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);font-size:11px;text-align:left;min-height:44px}.pass-cell span{flex:1 1 auto;min-width:0}.pass-cell.premium{background:#a97fe01f;border-color:#a97fe052}.pass-cell.ready{border-color:var(--gold-2);background:#f0b13c2e;animation:cardReady 2s ease-in-out infinite}.pass-cell.done{opacity:.55;border-color:#7fc06a66;background:#7fc06a1f}.celebrate-modal{position:absolute;inset:0;display:grid;place-items:center;padding:14px;z-index:100;pointer-events:auto;background:radial-gradient(60% 50% at 50% 40%,#3c2a16b8,#08050cdb);animation:fadeIn .2s ease both}.celebrate-modal.modal-out{opacity:0;transition:opacity .2s ease}.celebrate-modal .modal-card{animation:modalIn .34s cubic-bezier(.2,1.3,.5,1) both}.celebrate{text-align:center;align-items:center;gap:4px;padding:22px 18px 18px}.celebrate-avatar{display:grid;place-items:center;margin-bottom:2px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.celebrate-art{display:grid;place-items:center;margin:6px 0 2px;min-height:0}.celebrate-art .world-svg{width:min(300px,82vw);height:auto;border-radius:12px;border:1px solid rgba(232,191,98,.25)}.celebrate-dialogue{margin:8px 0 0;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold-2);line-height:1.4}.celebrate-loot{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 0;padding:0}.celebrate-loot li{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#00000057;border:1px solid var(--line-strong)}.celebrate .modal-actions{border-top:none;background:none;width:100%}.celebrate-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wl-smoke{animation:smokeDrift 7s ease-in-out infinite}.wl-flicker{animation:flicker 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.wl-spark{animation:pulseSoft 2.6s ease-in-out infinite}.wl-crowd{animation:crowdSway 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom center}body.gilded{--gold: #f4d78a;--gold-2: #fff3cf}body.gilded #board{border-color:#ffe9a880;box-shadow:0 18px 44px #00000080,inset 0 0 40px #ffd8821f}body.gilded .brand-text b{text-shadow:0 0 18px rgba(255,216,130,.5)}@keyframes itemIn{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popMerge{0%{transform:scale(1)}35%{transform:scale(1.22)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes squash{0%{transform:scale(1)}30%{transform:scale(.86,1.16)}60%{transform:scale(1.1,.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes flashOut{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.35)}}@keyframes ringOut{0%{opacity:.95;transform:scale(.45)}to{opacity:0;transform:scale(1.5)}}@keyframes sparkFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}@keyframes dustUp{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, -20px)) scale(.5)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}25%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}to{opacity:0;transform:translate(-50%,-150%) scale(.95)}}@keyframes coinArc{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--drift),105dvh) rotate(var(--spin))}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealIn{0%{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes cardReady{0%,to{box-shadow:0 0 0 1px #e8bf624d,0 6px 18px #e8bf6229}50%{box-shadow:0 0 0 1px #ffe9a899,0 10px 26px #f0b13c6b}}@keyframes nudge{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-2deg)}60%{transform:translate(3px) rotate(2deg)}}@keyframes coachIn{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes dashFlow{to{stroke-dashoffset:-38}}@keyframes handTravel{0%{offset-distance:0%;opacity:0}12%{opacity:1}62%{offset-distance:100%;opacity:1}78%{opacity:.9}to{offset-distance:100%;opacity:0}}@keyframes smokeDrift{0%,to{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(-4px,-6px) scale(1.14);opacity:.5}}@keyframes flicker{0%,to{opacity:.92}45%{opacity:.72}55%{opacity:1}}@keyframes crowdSway{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(1.01)}}@media(max-height:730px){.brand-text b{font-size:16px}.order-card{min-height:96px;width:158px}.meta-world{flex:0 0 74px;height:46px}.dock-btn{min-height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important}}