:root{--ink: #f5f0e6;--ink-dim: #aba697;--ink-faint: #6f6b62;--bg: #0b1016;--panel-top: rgba(38, 45, 58, .88);--panel-bottom: rgba(20, 24, 32, .9);--panel: linear-gradient(180deg, var(--panel-top), var(--panel-bottom));--panel-solid: linear-gradient(180deg, #232a36, #161b23);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--rim: inset 0 1px 0 rgba(255, 255, 255, .07);--well: rgba(6, 9, 13, .42);--gold: #f0b94a;--gold-soft: rgba(240, 185, 74, .16);--gold-line: rgba(240, 185, 74, .55);--danger: #ef6171;--good: #7fd89a;--xp: #6fc6f0;--night: #8b9cf2;--radius: 16px;--radius-sm: 11px;--shadow: 0 12px 32px rgba(0, 0, 0, .38), 0 2px 6px rgba(0, 0, 0, .25);--gap: max(14px, env(safe-area-inset-left));--font: ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,transparent 62%,rgba(5,8,12,.34) 100%)}body.in-menu #ui{display:none}#ui button{pointer-events:auto;cursor:pointer}.hidden{display:none!important}.ico{width:1em;height:1em;display:block;flex:none}[data-icon]{display:inline-grid;place-items:center;font-style:normal}.panel{background:var(--panel);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),var(--rim)}kbd{display:inline-block;min-width:1.6em;padding:1px 5px 2px;border-radius:6px;background:linear-gradient(180deg,#ffffff1f,#ffffff0d);border:1px solid var(--line);border-bottom-color:#00000059;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1.4;text-align:center;color:var(--ink);margin:0 2px}.eyebrow{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:4px}.blurb{color:var(--ink-dim);font-size:14px;line-height:1.55}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}.primary-btn .ico,.ghost-btn .ico{font-size:16px}.primary-btn{background:linear-gradient(180deg,#f8cc6a,#e6a93a);color:#2a1d05;box-shadow:0 6px 18px #f0b94a47,inset 0 1px #ffffff73,inset 0 -2px #78480040}.primary-btn:hover{filter:brightness(1.06);box-shadow:0 8px 24px #f0b94a61,inset 0 1px #ffffff73,inset 0 -2px #78480040}.ghost-btn{background:#ffffff0f;border-color:var(--line);color:var(--ink);box-shadow:var(--rim)}.ghost-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--line-strong)}.ghost-btn.small{padding:8px 14px;font-size:12.5px}.primary-btn:active,.ghost-btn:active{transform:scale(.97)}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink-dim);font-size:16px;flex:none;cursor:pointer;transition:background .14s ease,color .14s ease}.icon-btn:hover{background:#ffffff1c;color:var(--ink)}.mini-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .14s ease,border-color .14s ease}.mini-btn .mend-cost{width:15px;height:15px;margin-left:2px}.mini-btn .ico{font-size:13px}.mini-btn:hover:not(:disabled){border-color:var(--gold-line);background:var(--gold-soft)}.mini-btn:disabled{opacity:.4;cursor:default}.vitals{position:absolute;top:max(14px,env(safe-area-inset-top));left:var(--gap);display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px}.level-ring{--p: 0;position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--xp) calc(var(--p) * 1turn),rgba(255,255,255,.1) 0);flex:none}.portrait{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 38%,#56759a,#243247 70%);box-shadow:inset 0 1px #ffffff24,inset 0 -6px 10px #00000059;transition:filter .4s}.portrait canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.portrait.low{animation:portrait-low 1.1s ease-in-out infinite}.portrait.downed{filter:grayscale(1) brightness(.65)}@keyframes portrait-low{50%{box-shadow:inset 0 0 0 2px #e84848e6,inset 0 0 14px #e8484899}}.level{position:absolute;right:-5px;bottom:-5px;min-width:21px;height:21px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:linear-gradient(180deg,#2b3242,#151a23);box-shadow:0 0 0 2px var(--gold-line, rgba(240, 185, 74, .5)),0 2px 5px #00000073;font-weight:800;font-size:12px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:6px;width:150px}.bar-row{display:flex;align-items:center;gap:7px}.bar-icon{font-size:13px;width:14px}.hp-icon{color:var(--danger)}.xp-icon{color:var(--xp)}.bar{position:relative;flex:1;height:14px;border-radius:99px;background:var(--well);box-shadow:inset 0 1px 2px #0006;overflow:hidden}.bar.xp{height:10px}.bar .fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:99px;transition:width .2s ease}.bar.hp .fill{background:linear-gradient(180deg,#ff8b97,#e0495c);box-shadow:inset 0 1px #ffffff59}.bar.xp .fill{background:linear-gradient(180deg,#9be0ff,#4fb2e4);box-shadow:inset 0 1px #ffffff59}.bar span{position:relative;display:block;text-align:center;font-size:10px;font-weight:800;line-height:14px;letter-spacing:.03em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bar-row#research{pointer-events:auto;cursor:pointer}.bar.research{height:10px}.bar.research .fill{background:linear-gradient(180deg,#b6e39a,#6fa85a);box-shadow:inset 0 1px #ffffff59}.bar.research span{font-size:8.5px;line-height:10px;white-space:nowrap}.research-icon{color:var(--good)}.bar.xp span{font-size:8.5px;line-height:10px}.topbar{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(320px,calc(100vw - 28px));padding:9px 14px 11px 10px}.phase{display:flex;align-items:center;gap:10px}.phase-dial{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex:none;background:radial-gradient(circle at 50% 40%,#ffcf6b59,#ffcf6b0f 70%);color:#ffd27a;transition:background .6s ease,color .6s ease}.phase-dial>i{grid-area:1 / 1;transition:opacity .5s ease,transform .6s ease}.phase-moon{opacity:0;transform:rotate(-40deg) scale(.7)}.topbar.night .phase-dial{background:radial-gradient(circle at 50% 40%,#8b9cf259,#8b9cf20d 70%);color:#c9d2ff}.topbar.night .phase-sun{opacity:0;transform:rotate(60deg) scale(.6)}.topbar.night .phase-moon{opacity:1;transform:none}.phase-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.phase-text strong{font-size:15px;font-weight:800;white-space:nowrap}.phase-text span{font-size:11.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-time{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);padding:3px 8px;border-radius:8px;background:var(--well)}.phase-track{margin-top:9px;height:5px;border-radius:99px;background:var(--well);overflow:hidden}.phase-fill{height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#f8cc6a,#e6a93a);transition:width .2s linear,background .6s ease}.topbar.night .phase-fill{background:linear-gradient(90deg,#aab7ff,#6d7fe0)}.letterbox:before,.letterbox:after{content:"";position:fixed;left:0;right:0;height:11vh;background:#05060a;z-index:5;pointer-events:none;transition:transform .45s cubic-bezier(.3,.8,.3,1)}.letterbox:before{top:0;transform:translateY(-100%)}.letterbox:after{bottom:0;transform:translateY(100%)}.letterbox.on:before,.letterbox.on:after{transform:none}#ui>*{transition:opacity .35s ease}#ui.cinematic>:not(.letterbox):not(.banner):not(.toasts){opacity:0;pointer-events:none}.boss-bar{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 82px);left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 28px));padding:7px 12px 10px;text-align:center}.boss-name{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#f3dfc0;margin-bottom:5px;text-shadow:0 1px 0 rgba(0,0,0,.6)}.boss-track{position:relative;height:10px;border-radius:3px;background:#00000073;box-shadow:inset 0 0 0 1px #0009;overflow:hidden}.boss-fill,.boss-trail{position:absolute;inset:0 auto 0 0;width:100%}.boss-trail{background:#f6e2c4}.boss-fill{background:linear-gradient(180deg,#e8604a,#a8281e)}.boss-turn{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#0000008c}.boss-bar.enraged .boss-fill{background:linear-gradient(180deg,#ff8a3a,#c0301a);animation:boss-throb .9s ease-in-out infinite}.boss-bar.enraged .boss-name{color:#ffb08a}.boss-bar.turned{animation:boss-shake .45s ease-out}@media (max-width: 1120px){.boss-bar{top:auto;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 84px)}}@media (max-width: 640px){.boss-bar{left:14px;transform:none;width:calc(100vw - 100px);bottom:calc(max(14px,env(safe-area-inset-bottom)) + 66px)}.boss-bar.turned{animation:none}}@keyframes boss-throb{50%{filter:brightness(1.35)}}@keyframes boss-shake{20%{transform:translate(calc(-50% - 6px))}40%{transform:translate(calc(-50% + 5px))}60%{transform:translate(calc(-50% - 3px))}80%{transform:translate(calc(-50% + 2px))}}.corner-right{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pouch{display:grid;grid-template-columns:repeat(4,auto);gap:4px;padding:7px;max-width:320px}.res{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:9px;background:#ffffff0a;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;min-width:62px;transition:background .3s ease}.res.bump{animation:bump .45s ease}.res-icon{width:20px;height:20px;flex:none;background:none center / contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}@keyframes bump{30%{background:var(--gold-soft)}}.actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px}.action{position:relative;width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:18px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow),var(--rim);color:var(--ink);overflow:hidden;transition:transform .12s ease,background .15s ease,border-color .15s ease}.action:hover{border-color:var(--line-strong)}.action:active{transform:scale(.93)}.action [data-icon]{font-size:22px}.action.on{background:linear-gradient(180deg,#f0b94a52,#f0b94a24);border-color:var(--gold-line);color:#ffe3a6}.action small{font-size:9.5px;font-weight:700;color:var(--ink-dim);letter-spacing:.04em}.action.on small{color:#ffe3a6}.action kbd{position:absolute;top:4px;right:4px;margin:0;font-size:8px;padding:0 3px;min-width:0;opacity:.7}.action .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#06090d9e;transform-origin:bottom;transform:scaleY(0);pointer-events:none}.action.attack{display:none}@media (pointer: coarse){.action.attack{display:flex}}.action.spell{--spell: #9fe3ff}.action.spell .spell-glyph{display:grid;place-items:center;font-size:22px;color:var(--spell);filter:drop-shadow(0 0 4px var(--spell))}.action.spell.ready{border-color:color-mix(in srgb,var(--spell) 55%,transparent);box-shadow:var(--shadow),var(--rim),0 0 14px -2px color-mix(in srgb,var(--spell) 60%,transparent)}.action.spell.swapped{animation:spell-pop .32s cubic-bezier(.2,.9,.3,1.4)}@keyframes spell-pop{0%{transform:scale(.8)}}.action.eat .eat-art{width:26px;height:26px;background:center / contain no-repeat;image-rendering:pixelated}.action.eat .eat-count{position:absolute;bottom:3px;left:5px;font-size:9px;font-weight:800;color:var(--ink)}.action.eat.full{opacity:.55}.hotbar{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:5px;padding:6px;border-radius:18px}.quick{position:relative;width:56px;height:56px;border-radius:12px;background:var(--well);border:1px solid transparent;box-shadow:inset 0 1px 3px #00000059;transition:background .14s ease,border-color .14s ease,transform .12s ease}.quick:hover{background:#ffffff12}.quick:active{transform:scale(.94)}.quick.on{border-color:var(--gold);background:radial-gradient(circle at 50% 60%,#f0b94a4d,#f0b94a14);box-shadow:0 0 0 3px #f0b94a29,inset 0 1px 3px #00000040}.quick .piece{position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:none center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.quick.poor .piece{opacity:.35;filter:grayscale(.8)}.quick kbd{position:absolute;top:3px;left:3px;margin:0;min-width:0;padding:0 4px;font-size:9px;background:#06090db3;border:none;color:var(--ink-dim)}.quick.on kbd{background:var(--gold);color:#2a1d05}.quick.empty kbd{opacity:.5}.quick:after{content:attr(data-name);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);padding:5px 9px;border-radius:8px;background:#11151c;border:1px solid var(--line);font-size:11.5px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.quick[data-name=""]:after{display:none}@media (hover: hover){.quick:hover:after{opacity:1;transform:translate(-50%)}}.buildbar{position:absolute;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 84px);left:50%;transform:translate(-50%);width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 300px);display:flex;flex-direction:column;gap:10px;padding:10px;pointer-events:auto;animation:sheet-in .18s ease both}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,10px)}}.buildbar-head{display:flex;align-items:center;gap:8px}.buildbar-tabs{flex:1;display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--well)}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border-radius:9px;background:none;border:0;color:var(--ink-dim);font-size:12.5px;font-weight:800;letter-spacing:.02em;transition:background .14s ease,color .14s ease}.tab .ico{font-size:15px}.tab:hover{color:var(--ink)}.tab.on{background:linear-gradient(180deg,#ffffff21,#ffffff12);color:var(--ink);box-shadow:0 1px 3px #0000004d,var(--rim)}.buildbar-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(124px,calc((100% - (var(--cols, 5) - 1) * 8px) / var(--cols, 5) - 1px)),1fr));gap:8px;overflow-y:auto;min-height:0}.buildbar-items.single{grid-template-columns:1fr}.pal-group{display:flex;flex-direction:column;gap:5px;min-width:0;container-type:inline-size}.pal-group h3{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:800;padding:2px 4px 1px}.pal-list{display:flex;flex-direction:column;gap:5px}.single .pal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pal-row{position:relative;min-width:0}.pal-row.more-right .pal-list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}.pal-row.more-left .pal-list{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}.pal-row.more-left.more-right .pal-list{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 44px),transparent)}.pal-more{display:none;position:absolute;top:50%;right:0;width:28px;height:28px;margin-top:-14px;padding:0;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#161c26eb;color:var(--ink);box-shadow:0 2px 6px #0006}.pal-more .ico{width:16px;height:16px}.pal-row.more-right .pal-more{display:grid}.build-option{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;row-gap:2px;padding:5px 7px 5px 4px;border-radius:11px;background:#ffffff0a;border:1px solid transparent;text-align:left;transition:background .14s ease,border-color .14s ease;min-width:0}.build-option:hover{background:#ffffff17}.build-option.on{border-color:var(--gold);background:linear-gradient(180deg,#f0b94a33,#f0b94a14)}.build-option .piece{grid-row:1 / 3;width:40px;height:40px;background:none center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.build-option.poor .piece{opacity:.4;filter:grayscale(.7)}.build-option.locked{opacity:.5;border-style:dashed;border-color:#ffffff2e}.build-option.locked .piece{filter:grayscale(1)}.build-option .lock-note{display:none;font-size:10px;font-style:italic;color:var(--ink-dim)}.build-option.locked .lock-note{display:block}.build-option.locked .cost{display:none}.build-option b{font-size:12px;font-weight:800;line-height:1.2}.build-option.poor b{color:var(--ink-dim)}@container (max-width: 140px){.build-option{grid-template-columns:34px minmax(0,1fr);column-gap:5px;padding-right:5px}.build-option .piece{width:34px;height:34px}.build-option b{font-size:11px}.build-option .cost.crafted span{gap:3px}}.tier{position:absolute;left:2px;top:3px;padding:0 3px;border-radius:5px;font-size:8px;font-weight:900;line-height:1.5;color:#2a1d05;background:var(--gold);box-shadow:0 1px 2px #0006}.tier.t3{background:#c9a7ff}.cost{display:flex;flex-wrap:wrap;gap:2px 7px;font-size:10.5px;font-weight:700;color:var(--ink-dim);font-variant-numeric:tabular-nums}.cost span{display:inline-flex;align-items:center;gap:2px}.cost span.short{color:#ff9aa6}.cost i{width:13px;height:13px;background:none center / contain no-repeat}.buildbar-detail{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--well);min-height:56px}.buildbar-detail .piece{width:44px;height:44px;flex:none;background:none center / contain no-repeat}.buildbar-detail div{flex:1;min-width:0}.buildbar-detail b{font-size:13.5px;font-weight:800}.buildbar-detail p{font-size:12px;color:var(--ink-dim);line-height:1.4;margin-top:1px}.buildbar-detail .cost{font-size:12px;justify-content:flex-end;max-width:45%}.buildbar-detail .cost i{width:16px;height:16px}.buildbar-sides{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--well)}.buildbar-sides .sides-label{font-size:11px;font-weight:800;color:var(--ink-dim)}.side-chip{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:inherit;font:inherit;cursor:pointer}.side-chip.on{border-color:var(--gold-line);background:var(--gold-soft)}.side-chip em{font-style:normal;font-size:10.5px;color:var(--ink-dim)}.side-chip b{font-size:12px;font-weight:700}.side-picker{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:3;display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:8px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--line-strong)}.buildbar-hint{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;font-size:10.5px;color:var(--ink-dim)}.buildbar-hint kbd{font-size:9.5px}.stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,#ffffff0f,#ffffff1f);border:2px solid rgba(255,255,255,.22);pointer-events:none}.stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffff8c,#ffffff38);box-shadow:0 4px 12px #0000004d}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#080b1073,#080b10c7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));z-index:10;animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}}.modal-inner{width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #0000008c,var(--rim);padding:24px;text-align:center;animation:pop-in .22s cubic-bezier(.2,.9,.3,1.2) both}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.modal-inner h2{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}.offers{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.offers.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.offer{padding:16px 14px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line);text-align:left;cursor:pointer;box-shadow:var(--rim);transition:transform .13s ease,border-color .13s ease,background .13s ease}.offer:hover{transform:translateY(-2px);border-color:var(--gold-line);background:var(--gold-soft)}.offer:disabled{opacity:.5;cursor:default;transform:none;border-color:var(--line);background:#ffffff08}.offer.tech .recipe-flow{margin-top:8px}.offer.tech .tech-unlocks{display:block;margin-top:4px;color:var(--gold)}.offer.tech .tech-tier{display:block;margin-top:2px;font-size:12px;color:var(--ink-dim)}.offer.tech .tech-tier.raises{color:var(--danger)}.raid-note{grid-column:1 / -1;margin:0 0 4px;font-size:12px;line-height:1.4;color:var(--ink-dim)}.raid-note b{color:var(--ink)}.offer.on{border-color:var(--gold);background:linear-gradient(180deg,#f0b94a33,#f0b94a14)}.offer b{display:block;font-size:15px;font-weight:800;margin-bottom:5px}.offer span{font-size:12px;color:var(--ink-dim);line-height:1.45}.levelup-inner{padding-top:30px;overflow:visible}.levelup-badge{width:64px;height:64px;margin:-62px auto 10px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#2a1d05;background:radial-gradient(circle at 40% 35%,#ffe29a,#e6a93a);box-shadow:0 0 0 6px #f0b94a2e,0 10px 30px #f0b94a66;animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 10px #f0b94a1a,0 10px 40px #f0b94a8c}}.levelup-inner .offer{padding:18px 16px}.start-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pause-inner .blurb{margin-bottom:18px}.pause-inner #pause-sound{margin-top:20px}.pause-inner #pause-graphics{margin-top:10px}.graphics-status{font-size:13px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums}.toasts{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 78px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:5}.toast{display:flex;align-items:center;gap:8px;padding:8px 15px 8px 11px;border-radius:99px;background:linear-gradient(180deg,#262d3af0,#141820f0);border:1px solid var(--line);font-size:13px;font-weight:700;box-shadow:var(--shadow),var(--rim);animation:rise .25s cubic-bezier(.2,.9,.3,1.2) both;white-space:nowrap}.toast:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--xp);box-shadow:0 0 8px var(--xp);flex:none}.toast.warn{border-color:#ef617173;color:#ffd0d6}.toast.warn:before{background:var(--danger);box-shadow:0 0 8px var(--danger)}.toast.good{border-color:#7fd89a66;color:#d4f7df}.toast.good:before{background:var(--good);box-shadow:0 0 8px var(--good)}@keyframes rise{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.inv-inner{width:min(640px,100%);text-align:left;padding:20px}.sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sheet-icon{width:52px;height:52px;flex:none;border-radius:14px;background:var(--well) none center / 88% no-repeat}.sheet-title{flex:1;min-width:0}.sheet-title h2{margin:0;font-size:21px}.sheet-title .eyebrow{margin-bottom:2px}.inv-inner .blurb{font-size:13px;margin:-4px 0 14px}.inv-panel{border:1px solid var(--line);border-radius:16px;background:#00000029;padding:12px;margin-bottom:12px}.inv-block+.inv-block{margin-top:12px}.inv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;min-height:26px}.inv-head b{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-weight:800}.inv-head span{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.inv-head-tail{display:flex;align-items:center;gap:8px}.mini-btn.on{border-color:var(--gold);background:#e8b64c3d;color:var(--gold)}.inv-settings{display:flex;gap:6px;margin:-4px 0 10px}.islot.kept{border-style:dashed;border-color:#e8b64c99}.islot.reserved .item,.islot.hinted .item{opacity:.35;filter:grayscale(.5) brightness(1.6)}.slots.filtering .islot{cursor:cell;box-shadow:inset 0 0 0 1px #e8b64c40}.inv-filter-hint{margin:8px 0 0;font-size:11px;color:var(--ink-dim)}.slots{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.slots.few{grid-template-columns:repeat(auto-fit,56px);justify-content:center}.islot{position:relative;aspect-ratio:1;border-radius:10px;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,255,255,.025),transparent 70%),linear-gradient(180deg,#04060a9e,#0a0d1380);border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff0d,0 1px #ffffff0d;display:grid;place-items:center;cursor:pointer;touch-action:none;transition:border-color .12s ease,background .12s ease,transform .12s ease}.islot:hover{border-color:var(--gold-line);background:radial-gradient(ellipse 70% 60% at 50% 45%,#f0b94a33,#f0b94a0d 75%),#0a0d1399}.islot:hover .item{transform:translateY(-2px) scale(1.08)}.islot.filled{background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(255,226,170,.14),transparent 72%),linear-gradient(180deg,#3a404ee6,#1e222ceb);border-color:#0009;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000040,0 2px 4px #0000004d}.islot.bump .item{animation:slot-bump .32s cubic-bezier(.2,1.6,.4,1)}.islot.bump b{animation:slot-count .5s ease-out}@keyframes slot-bump{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes slot-count{0%{color:var(--gold);transform:scale(1.35)}to{color:var(--ink);transform:scale(1)}}.islot b{position:absolute;right:4px;bottom:2px;font-size:12px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;transform-origin:100% 100%;text-shadow:1px 1px 0 #0b0e14,-1px 1px 0 #0b0e14,1px -1px 0 #0b0e14,-1px -1px 0 #0b0e14,0 2px 3px rgba(0,0,0,.8);pointer-events:none}.item{display:block;width:72%;height:72%;background:none center / contain no-repeat;pointer-events:none;filter:drop-shadow(0 0 1px rgba(255,255,255,.3)) drop-shadow(0 2px 2px rgba(0,0,0,.35));transition:transform .12s ease}.carried{position:fixed;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:12px;background:#171b22f0;border:1px solid var(--gold);box-shadow:0 10px 24px #00000080,0 0 0 3px #f0b94a29;display:grid;place-items:center;pointer-events:none;z-index:30}.carried b{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.9)}.research-note{margin:-4px 0 14px;font-size:13px;line-height:1.5;color:var(--ink-dim)}.research-note b{color:var(--ink)}.inv-head span.warn{color:var(--danger)}.filter-cell{display:grid;gap:4px;justify-items:center}.filter-cell>span{font-size:10px;font-weight:700;color:var(--ink-dim)}.filter-cell .islot{width:100%}.islot.any{border:1px dashed var(--line-strong);font-size:10px;font-weight:700;color:var(--ink-dim)}.craft-bar{height:8px;border-radius:99px;background:var(--well);box-shadow:inset 0 1px 2px #0006;overflow:hidden;margin:12px 0}.craft-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#e6a93a,#ffd98a);transition:width .1s linear}.craft-bar.stalled .craft-fill{background:var(--danger)}.inv-hint{text-align:center;font-size:11px;line-height:1.8;color:var(--ink-dim);margin:4px 0 0}.inv-hint kbd{font-size:9.5px}.inv-inner .offers{margin-bottom:12px}.offers.recipes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.recipe{padding:10px 12px}.recipe b{font-size:13px;margin-bottom:6px}.recipe-flow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:11.5px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.recipe-flow .ico{font-size:13px;color:var(--ink-faint)}.recipe-flow span.stack{display:inline-flex;align-items:center;gap:2px}.recipe-flow i.ic{width:18px;height:18px;background:none center / contain no-repeat}.recipe-flow em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;color:var(--ink-dim)}.offers.filters{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;max-height:210px;overflow-y:auto}.recipe-tabs{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.recipe-tab{padding:4px 11px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--ink-dim);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}.recipe-tab:hover{color:var(--ink)}.recipe-tab.on{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}.filter-head{grid-column:1 / -1;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-weight:800}.offers.filters .offer.chip{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px}.offers.filters .offer.chip:hover{transform:none}.offers.filters .offer.chip b{margin:0;font-size:12px;font-weight:700}.chip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}.chip-icon .item{width:100%;height:100%}.chip-icon.any{border:1px dashed var(--line-strong);border-radius:5px}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;display:flex;align-items:flex-start;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(90deg,#070a0feb,#070a0fb8 34%,#070a0f1a 70%),linear-gradient(0deg,rgba(7,10,15,.55),transparent 40%)}.menu-inner{width:min(440px,100%);margin-left:clamp(0px,6vw,90px);margin-top:auto;margin-bottom:auto;animation:menu-in .5s cubic-bezier(.2,.9,.3,1) both}@keyframes menu-in{0%{opacity:0;transform:translate(-16px)}}.menu button:disabled{opacity:.45;cursor:default}.logo{display:flex;align-items:center;gap:16px;margin-bottom:14px}.logo-mark{width:72px;height:72px;flex:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.logo .eyebrow{margin-bottom:0}.menu-head h1{font-size:46px;line-height:1;font-weight:900;letter-spacing:-.025em;background:linear-gradient(180deg,#fffaf0,#e9dcc0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.5))}.menu-head .blurb{font-size:14.5px;max-width:400px;color:#c3bdb0}.menu-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-btn.big{padding:14px 26px;font-size:15.5px;border-radius:14px;flex:1 1 auto;max-width:100%}.primary-btn.big span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-note{margin-top:10px;font-size:12px;color:var(--ink-dim);min-height:16px}.switch{display:flex;align-items:center;gap:12px;margin-top:16px;padding:11px 13px;border-radius:14px;background:#14182099;border:1px solid var(--line);cursor:pointer;pointer-events:auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:40px;height:24px;flex:none;border-radius:99px;background:#ffffff24;transition:background .18s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f5f0e6;box-shadow:0 2px 4px #00000059;transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--good)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--gold);outline-offset:2px}.switch-text{display:flex;flex-direction:column;gap:1px}.switch-text b{font-size:13px;font-weight:800}.switch-text small{font-size:11.5px;color:var(--ink-dim);line-height:1.35}.saves{margin-top:22px}.saves-title{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-weight:800;margin-bottom:8px}.save-list{display:grid;gap:6px;max-height:260px;overflow-y:auto}.save-card{display:flex;align-items:center;gap:10px;background:#141820a8;border:1px solid var(--line);border-radius:14px;padding:8px 10px 8px 8px;transition:border-color .14s ease,background .14s ease}.save-card:hover{border-color:var(--line-strong);background:#1e242fcc}.save-thumb{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:18px;color:#d9f2c9;background:radial-gradient(circle at 50% 60%,#7fb469 0,#7fb469 38%,#e2cf9c 39%,#e2cf9c 50%,#2f7fa8 51%);box-shadow:inset 0 0 0 1px #ffffff14}.save-thumb.peaceful{color:#fff}.save-open{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1px 10px;background:none;border:0;text-align:left;padding:2px 0;cursor:pointer}.save-open b{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-open span{grid-column:1 / -1;font-size:11.5px;color:var(--ink-dim)}.save-open em{grid-column:2;grid-row:1;font-style:normal;font-size:11px;color:var(--ink-faint);white-space:nowrap}.save-open:hover b{color:var(--gold)}.save-tools{display:flex;gap:4px}.save-tool{display:grid;place-items:center;height:30px;min-width:30px;padding:0 7px;background:#ffffff0d;border:1px solid var(--line);border-radius:9px;color:var(--ink-dim);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.save-tool .ico{font-size:14px}.save-tool:hover{color:var(--ink);background:#ffffff1a}.save-tool.danger:hover,.save-tool.armed{color:#fff;background:var(--danger);border-color:var(--danger)}.save-rename{width:100%;background:#00000059;border:1px solid var(--gold);border-radius:10px;color:var(--ink);font:inherit;font-size:14.5px;font-weight:700;padding:8px 10px;outline:none}.menu-fold{margin-top:10px;border-radius:14px;background:#14182099;border:1px solid var(--line);pointer-events:auto}.saves+.menu-fold{margin-top:18px}.menu-fold summary{display:flex;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:800;color:var(--ink-dim);cursor:pointer;list-style:none}.menu-fold summary::-webkit-details-marker{display:none}.menu-fold summary:after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.menu-fold[open] summary:after{transform:rotate(-135deg)}.menu-fold summary:hover{color:var(--ink)}.menu-fold summary [data-icon]{font-size:16px}.menu-fold>section,.menu-fold>.keys{padding:0 14px 14px}.menu-fold .sound-panel{margin:0;background:none;border:0;padding-top:0}.keys{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--ink-dim)}.sound-panel{pointer-events:auto;display:grid;gap:8px;padding:12px 14px 13px;background:#00000029;border:1px solid var(--line);border-radius:var(--radius);text-align:left}.sound-panel.muted .sound-row{opacity:.45}.sound-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.sound-head b{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-weight:800}.sound-row{display:grid;grid-template-columns:76px 1fr 28px;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink-dim);cursor:pointer}.sound-row em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;font-weight:800;font-size:12px}.sound-row input[type=range]{--v: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--v),rgba(255,255,255,.12) var(--v));cursor:pointer;pointer-events:auto}.sound-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff6e2;border:3px solid var(--gold);box-shadow:0 1px 4px #0006;cursor:pointer}.sound-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff6e2;border:3px solid var(--gold);cursor:pointer}@media (max-width: 1520px) and (min-width: 641px){.hotbar{left:max(14px,env(safe-area-inset-left));transform:none}}@media (max-width: 1040px) and (min-width: 641px) and (min-height: 481px){.actions{flex-direction:column-reverse}}@media (max-width: 900px) and (min-width: 641px) and (min-height: 481px){.topbar{left:auto;right:max(14px,env(safe-area-inset-right));transform:none}.corner-right{top:calc(max(14px,env(safe-area-inset-top)) + 82px);left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.pouch{align-self:stretch;max-width:none;display:flex;flex-wrap:wrap;padding:5px;border-radius:12px}.toasts{top:calc(max(14px,env(safe-area-inset-top)) + 240px)}#ui .goal{top:calc(max(14px,env(safe-area-inset-top)) + 128px)}.actions{flex-direction:column-reverse}.buildbar{left:max(14px,env(safe-area-inset-left));transform:none;width:calc(100vw - 112px);max-height:calc(100vh - 370px);animation:none}#ui:has(#buildbar:not(.hidden)) .toasts{top:calc(max(14px,env(safe-area-inset-top)) + 172px);left:auto;right:max(14px,env(safe-area-inset-right));transform:none;align-items:flex-end}}@media (max-width: 640px){.vitals{padding:6px 10px 6px 6px;gap:8px;border-radius:14px}.level-ring{width:48px;height:48px}.portrait{top:2px;right:2px;bottom:2px;left:2px}.level{min-width:18px;height:18px;font-size:10px}.bars{width:96px;gap:5px}.bar-icon{display:none}.bar{height:12px}.bar span{font-size:9px;line-height:12px}.bar.xp{height:8px}.bar.xp span{display:none}.topbar{left:auto;right:max(12px,env(safe-area-inset-right));transform:none;width:auto;min-width:0;max-width:calc(100vw - 196px);padding:6px 10px 8px 6px;border-radius:14px}.phase{gap:7px}.phase-dial{width:28px;height:28px;font-size:16px}.phase-text strong{font-size:13px}.phase-text span{font-size:10.5px}.phase-time{font-size:12.5px;padding:2px 6px}.phase-track{margin-top:6px;height:4px}@media (max-width: 380px){.phase-dial{display:none}}.corner-right{top:calc(max(14px,env(safe-area-inset-top)) + 60px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.pouch{align-self:stretch;max-width:none;display:flex;overflow-x:auto;scrollbar-width:none;padding:5px;border-radius:12px;pointer-events:auto}.pouch::-webkit-scrollbar{display:none}.res{min-width:0;flex:none;font-size:11px;padding:2px 7px 2px 3px}.res-icon{width:17px;height:17px}.toasts{top:calc(max(14px,env(safe-area-inset-top)) + 104px)}.actions{flex-direction:column-reverse;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px);right:max(12px,env(safe-area-inset-right));gap:8px}.action{width:54px;height:54px;border-radius:16px}.action kbd{display:none}.hotbar{bottom:max(12px,env(safe-area-inset-bottom));gap:3px;padding:4px;border-radius:15px;width:calc(100vw - 24px);justify-content:space-between}.quick{flex:1;width:auto;height:auto;aspect-ratio:1;max-width:52px;border-radius:10px}.quick kbd{font-size:8px}.buildbar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px);left:max(12px,env(safe-area-inset-left));transform:none;width:calc(100vw - 90px);max-height:56vh;padding:8px;animation:none}.buildbar-items{display:flex;flex-direction:column;gap:8px}.pal-list,.single .pal-list{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.pal-list::-webkit-scrollbar{display:none}.build-option{flex:none;width:150px;scroll-snap-align:start}.buildbar-detail,.buildbar-hint{display:none}.modal-inner{padding:18px;border-radius:20px}.inv-inner{padding:14px}.slots{grid-template-columns:repeat(6,1fr);gap:5px}.inv-hint{display:none}.menu{align-items:flex-start;background:linear-gradient(180deg,#070a0f59,#070a0fe0 38%,#070a0ff2)}.menu-inner{margin:22vh auto 0}.menu-head h1{font-size:38px}.logo-mark{width:60px;height:60px}.menu-actions{flex-direction:column}}@media (max-width: 360px){.menu-head h1{font-size:32px;white-space:nowrap}.logo-mark{width:52px;height:52px}}@media (max-height: 480px){.buildbar{max-height:calc(100vh - 110px);bottom:calc(max(10px,env(safe-area-inset-bottom)) + 62px)}.buildbar-hint{display:none}.quick{width:46px;height:46px}.action{width:50px;height:50px}.action small{display:none}.pouch{max-height:calc(100vh - 110px);overflow-y:auto;padding:5px;gap:3px}.res{min-width:0;font-size:11px;padding:2px 6px 2px 3px}.res-icon{width:16px;height:16px}}@media (max-height: 480px) and (min-width: 641px){.hotbar{left:max(14px,env(safe-area-inset-left));transform:none}.buildbar{left:max(14px,env(safe-area-inset-left));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 72px);transform:none;width:min(760px,calc(100vw - 300px));max-height:calc(100vh - 170px);animation:none}}@media (max-height: 480px){.buildbar-items{display:flex;flex-direction:column;gap:6px}.pal-list,.single .pal-list{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.pal-list::-webkit-scrollbar{display:none}.build-option{flex:none;width:150px;scroll-snap-align:start}.buildbar-detail{display:none}}#tip,.item-tip{position:absolute;left:0;top:0;z-index:5;width:max-content;min-width:190px;max-width:260px;padding:10px 12px 11px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow),var(--rim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12.5px;pointer-events:none}#tip[hidden],.item-tip[hidden],#prompt[hidden],.bench-prompt[hidden]{display:none}#tip header,.item-tip header{display:flex;align-items:center;gap:9px;margin-bottom:7px}#tip h4,.item-tip h4{font-size:14.5px;font-weight:800;letter-spacing:.01em;line-height:1.15}.tip-icon{flex:none;width:34px;height:34px;border-radius:9px;background:var(--well) center / 82% no-repeat;box-shadow:inset 0 0 0 1px var(--line)}.tip-status{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.tip-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.tip-status.good{color:var(--good)}.tip-status.warn{color:var(--gold)}.tip-status.bad{color:var(--danger)}.tip-row{display:flex;justify-content:space-between;gap:14px;padding:3px 0;border-top:1px solid var(--line);color:var(--ink-dim)}.tip-row b{color:var(--ink);font-weight:700;text-align:right}.tip-meter{height:5px;margin-top:6px;border-radius:99px;background:var(--well);overflow:hidden}.tip-meter i{display:block;height:100%;border-radius:inherit;background:var(--good)}.tip-meter.bad i{background:var(--danger)}.tip-hint{margin-top:7px;color:var(--ink-dim);font-size:11.5px;line-height:1.35}#pouch .res{pointer-events:auto}.item-tip{position:fixed;z-index:200;width:250px;min-width:0;max-width:none}.tip-kind{display:block;margin-top:2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.tip-effect{margin:0 0 6px;color:var(--ink);line-height:1.35}.tip-sect{padding:5px 0 4px;border-top:1px solid var(--line);line-height:1.35}.tip-sect span{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.tip-sect b{font-weight:600;color:var(--ink)}#prompt{position:absolute;left:0;top:0;z-index:4;display:flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border-radius:99px;background:#10141bd1;border:1px solid var(--line-strong);box-shadow:0 4px 12px #00000059;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:none;animation:prompt-in .18s cubic-bezier(.2,.9,.3,1.3) both}#prompt .cap,.bench-prompt .cap{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:linear-gradient(180deg,#fff6e0,#e9d6ae);color:#2a2418;font-size:12px;font-weight:900;box-shadow:0 2px #a88f5c,inset 0 1px #fff}#prompt .cap.tap{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}@keyframes prompt-in{0%{opacity:0;margin-top:6px}}.bench-prompt{position:absolute;left:0;top:0;z-index:4;display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:99px;background:linear-gradient(180deg,#403016f0,#261c0cf0);border:1px solid var(--gold-line);box-shadow:0 4px 14px #0006,0 0 0 3px #f0b94a1f;color:#ffe4a8;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:auto;cursor:pointer;animation:prompt-in .18s cubic-bezier(.2,.9,.3,1.3) both}.bench-prompt:not(:has(.cap)){padding:7px 14px}.cost.crafted span{gap:4px;color:var(--gold)}.cost.crafted span.short{color:#ff9aa6}.cost.crafted .ico{width:12px;height:12px}.craft-inner{width:min(760px,100%);text-align:left;padding:20px}.craft-group+.craft-group{margin-top:16px}.craft-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.craft-group-head h3{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.craft-group-head span{font-size:12px;color:var(--ink-faint)}.craft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px}.craft-card{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:var(--rim);text-align:left;cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease}.craft-card.ready{border-color:#f0b94a59}.craft-card.ready:hover{border-color:var(--gold-line);background:linear-gradient(180deg,#f0b94a24,#f0b94a0a)}.craft-card:active{transform:scale(.97)}.craft-card.poor .craft-icon,.craft-card.locked .craft-icon{opacity:.55}.craft-card.owned{cursor:default}.craft-card.owned .cost{opacity:.4}.craft-card.locked{border-style:dashed;background:none;cursor:not-allowed}.craft-card.made{animation:crafted .45s ease}@keyframes crafted{30%{border-color:var(--gold);box-shadow:0 0 0 3px #f0b94a4d,var(--rim);transform:scale(1.03)}}.craft-icon{flex:none;width:46px;height:46px;border-radius:12px;background:var(--well) center / 80% no-repeat;box-shadow:inset 0 0 0 1px var(--line)}.craft-text{display:flex;flex-direction:column;gap:3px;min-width:0}.craft-text b{font-size:13.5px;font-weight:800}.craft-text small{font-size:11px;font-weight:700;color:var(--good)}.craft-text small .tier{position:static;display:inline-block;font-size:9px}.craft-have,.craft-lock{font-size:11px;font-style:normal;font-weight:700;color:var(--xp)}.craft-lock{color:var(--ink-faint)}@media (max-width: 640px){.craft-inner{padding:14px}.craft-group-head span{display:none}.craft-grid{grid-template-columns:1fr 1fr}.craft-card{flex-direction:column;align-items:flex-start}}.buildbar.folded .buildbar-items,.buildbar.folded .buildbar-hint{display:none}@media (max-width: 640px){#ui .goal{top:calc(max(14px,env(safe-area-inset-top)) + 100px)}.toasts{top:calc(max(14px,env(safe-area-inset-top)) + 214px)}.toast{max-width:calc(100vw - 150px);white-space:normal;text-align:center}}@media (max-height: 480px){#ui:has(#buildbar:not(.hidden)) .goal{display:none}}@media (max-width: 640px){#ui:has(#buildbar:not(.hidden)) .goal-hint{display:none}#ui:has(#buildbar:not(.hidden)) .toasts{top:calc(max(14px,env(safe-area-inset-top)) + 160px)}#ui:has(#buildbar:not(.hidden)) .toast:not(:last-child){display:none}.buildbar{max-height:min(56vh,calc(100vh - 356px))}}@media (max-width: 360px){.buildbar-tabs{min-width:0}.tab{padding:7px 4px}.tab .ico{display:none}}@media (max-height: 480px) and (max-width: 900px){.vitals{padding:6px 10px 6px 6px;gap:8px;border-radius:14px}.level-ring{width:48px;height:48px}.portrait{top:2px;right:2px;bottom:2px;left:2px}.level{min-width:18px;height:18px;font-size:10px}.bars{width:96px;gap:5px}.bar-icon{display:none}.bar{height:12px}.bar span{font-size:9px;line-height:12px}.bar.xp{height:8px}.bar.xp span{display:none}.topbar{width:min(260px,calc(100vw - 452px));padding:6px 10px 8px 8px;border-radius:14px}.phase-dial{width:26px;height:26px;font-size:15px}.phase-text strong{font-size:13px}.phase-time{font-size:12.5px;padding:2px 6px}.phase-track{margin-top:6px}#ui .goal{top:calc(max(14px,env(safe-area-inset-top)) + 62px);width:180px}.actions{display:grid;grid-template-columns:repeat(3,auto);justify-content:end}#ui .levelup-prompt{font-size:10px}#ui .levelup-prompt kbd{display:none}}@media (max-height: 480px){#ui:has(#buildbar:not(.hidden)) .toasts{top:auto;left:auto;right:max(14px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 124px);transform:none;flex-direction:column-reverse;align-items:flex-end}}.perf-meter{position:fixed;left:50%;top:92px;transform:translate(-50%);z-index:60;margin:0;padding:6px 9px;border-radius:8px;background:#0a0e14c7;color:#d8f0d0;font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;pointer-events:none}.research-queue{grid-column:1 / -1;display:grid;gap:6px;margin-bottom:4px}.research-queue .queue-hint{font-size:12px;color:var(--ink-dim)}.queue-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a}.queue-row.on{border-color:var(--gold);background:var(--gold-soft)}.queue-row b{flex:1;min-width:0;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-num,.queue-cycles{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.queue-num{width:16px;text-align:center;font-weight:800}.queue-row .mini-btn:disabled{opacity:.35;cursor:default}.offer.queued{border-color:var(--gold-line)}.banner{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 17vh);left:50%;transform:translate(-50%);z-index:4;pointer-events:none;width:min(92vw,900px);text-align:center;color:#f7ecd2;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;text-shadow:0 2px 18px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.9);animation:banner 4.2s ease-in-out both}.banner-title{font-size:clamp(30px,6vw,56px);font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-right:-.22em}.banner-sub{margin-top:6px;font-size:clamp(13px,2.2vw,17px);font-style:italic;letter-spacing:.06em;color:#e3cf9f}.banner-sub:before,.banner-sub:after{content:"";display:inline-block;width:clamp(24px,6vw,56px);height:1px;margin:0 12px;vertical-align:middle;background:linear-gradient(90deg,transparent,var(--gold-line))}.banner-sub:after{background:linear-gradient(90deg,var(--gold-line),transparent)}.banner.night{color:#dfe5ff}.banner.boss{color:#ffe0cc;animation-duration:5s}.banner.boss .banner-title{font-size:clamp(34px,7vw,66px)}.banner.boss .banner-sub{color:#f2a98a}.banner.night .banner-sub{color:#aebbf0}@keyframes banner{0%{opacity:0;filter:blur(6px)}18%,72%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(2px)}}@media (prefers-reduced-motion: reduce){.banner{animation-name:banner-still}@keyframes banner-still{0%,to{opacity:0}10%,80%{opacity:1}}}@media (max-width: 640px){.banner{top:calc(max(14px,env(safe-area-inset-top)) + 250px)}}.hurt-edge{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 55%,rgba(200,20,30,.75) 100%)}.hurt-edge.on{animation:hurt .45s ease-out both}@keyframes hurt{0%{opacity:var(--hurt, .6)}to{opacity:0}}.graphics-buttons{display:flex;gap:6px}.pixel-ui{--radius: 4px;--radius-sm: 3px;--outline: #06080c;--shadow: 0 0 0 2px var(--outline), 0 5px 0 2px rgba(0, 0, 0, .32);--rim: inset 0 0 0 1px rgba(240, 185, 74, .18), inset 0 2px 0 rgba(255, 255, 255, .06);--panel-top: rgba(34, 38, 52, .94);--panel-bottom: rgba(20, 22, 32, .96);--panel-solid: linear-gradient(180deg, #232737, #141722);--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}.pixel-ui :is(.panel,.modal-inner,.action,.hotbar,.quick,.inv-panel,.islot,.primary-btn,.ghost-btn,.mini-btn,.icon-btn,.offer,.craft-card,.craft-icon,.save-card,.save-thumb,.save-tool,.save-rename,.build-chip,.build-option,.build-stat,.buildbar-detail,.buildbar-tabs,.menu-fold,.menu-account,.switch,.tab,.res,.toast,#prompt,.bench-prompt,.sheet-icon,.coop-input,.coop-code,.coop-chip,.ledger-row,.queue-row,.account-person,.account-close,.carried,.phase-time,.perf-meter,.netlog-text,.levelup-pending,.upgrade .up-icon,.worldmap-tabs,.worldmap-tabs button,kbd){border-radius:3px!important}.pixel-ui :is(.bar,.bar .fill,.phase-track,.phase-fill,.goal-track,.craft-bar,.craft-fill,.tip-meter,.switch-track){border-radius:1px!important}.pixel-ui :is(.panel,.action,.hotbar){backdrop-filter:none;-webkit-backdrop-filter:none}.pixel-ui .modal-inner{border:1px solid rgba(240,185,74,.28);box-shadow:0 0 0 3px var(--outline),0 0 0 4px #f0b94a1f,0 24px 60px #0000008c,var(--rim)}.pixel-ui .primary-btn{background:#f0b94a;box-shadow:0 0 0 2px var(--outline),inset 0 -4px #b9761c,inset 0 2px #ffe3a0}.pixel-ui .primary-btn:hover{filter:brightness(1.07);box-shadow:0 0 0 2px var(--outline),inset 0 -4px #b9761c,inset 0 2px #ffe3a0}.pixel-ui :is(.ghost-btn,.mini-btn,.icon-btn){box-shadow:0 0 0 2px var(--outline),inset 0 -3px #00000059,inset 0 1px #ffffff1a}.pixel-ui :is(.primary-btn,.ghost-btn,.mini-btn,.icon-btn,.action):active{transform:translateY(2px)}.pixel-ui .islot{box-shadow:inset 0 0 0 1px #0000008c,inset 0 2px #00000059,inset 0 -1px #ffffff0f}.pixel-ui :is(.modal-inner h2,.menu h1,.saves-title,#inv-title,#levelup-title){font-family:var(--display);font-weight:700;letter-spacing:.06em}.pixel-ui :is(.modal-inner h2,.menu h1){text-transform:uppercase;letter-spacing:.14em}.pixel-ui .modal-inner h2{text-shadow:0 2px 0 var(--outline)}.pixel-ui .eyebrow{font-family:var(--display);letter-spacing:.3em}.ico .px,.pixel-ui .ico .ln{display:none}.pixel-ui .ico .px{display:inline}.pixel-ui .ico{width:16px!important;height:16px!important}.pixel-ui :is(.action,.levelup-badge,.up-icon,.gear-icon,.phase-dial) .ico{width:32px!important;height:32px!important}.pixel-ui .bar-icon{width:16px}.pixel-ui .action{justify-content:flex-end;gap:1px;padding-bottom:5px}.pixel-ui .primary-btn .ico :is(.o,.c){display:none}.pixel-ui [style*=--icon-]{image-rendering:pixelated}.goal{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 76px);left:var(--gap);width:230px;padding:9px 12px 10px;display:flex;flex-direction:column;gap:3px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none}.goal-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:800}.goal-count{color:var(--ink);letter-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}.goal-title{font-size:14px;line-height:1.25}.goal-hint{font-size:12px;line-height:1.35;color:var(--ink-dim)}.goal.folded .goal-hint{display:none}.goal-track{margin-top:4px;height:5px;border-radius:99px;background:var(--well);overflow:hidden}.goal-fill{height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform .35s ease}.goal.done{animation:goal-pop .9s ease}@keyframes goal-pop{0%{box-shadow:var(--shadow),0 0 0 0 var(--gold-line);transform:scale(1)}25%{box-shadow:var(--shadow),0 0 0 6px var(--gold-soft);transform:scale(1.04)}to{box-shadow:var(--shadow),0 0 0 0 transparent;transform:scale(1)}}@media (max-width: 640px){.goal{top:calc(max(14px,env(safe-area-inset-top)) + 60px);width:180px;padding:7px 10px 8px}.goal-title{font-size:12px}.goal-hint{font-size:11px}}@media (max-height: 480px){.goal-hint{display:none}}.vitals.ready{pointer-events:auto;cursor:pointer}.vitals.ready .level-ring{animation:level-ready 1.6s ease-in-out infinite}.vitals.ready .level-ring:after{content:attr(data-pending);position:absolute;top:-5px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--gold);color:#1b1405;font-size:11px;font-weight:900;line-height:19px;text-align:center;box-shadow:0 2px 6px #0006}.levelup-prompt{display:none;font-size:11px;font-weight:800;color:var(--gold);white-space:nowrap}.vitals.ready .levelup-prompt{display:block}.vitals.ready .bar-row.xp-row{display:none}@keyframes level-ready{0%,to{box-shadow:0 0 0 0 var(--gold-line)}50%{box-shadow:0 0 0 7px transparent}}.levelup-later{margin-top:14px;align-self:center}@media (max-width: 640px){.levelup-prompt{font-size:10px}.levelup-prompt kbd{display:none}}.vitals.ready.piling .level-ring{animation:level-piling 1s ease-in-out infinite}.vitals.ready.piling .level-ring:after{background:linear-gradient(180deg,#ffd978,var(--gold));box-shadow:0 0 10px var(--gold-line),0 2px 6px #0006}@keyframes level-piling{0%,to{box-shadow:0 0 0 0 var(--gold-line),0 0 0 0 var(--gold-line)}50%{box-shadow:0 0 0 6px transparent,0 0 18px 4px var(--gold-soft)}}.worldmap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05080c8c;pointer-events:auto;z-index:8}.worldmap-inner{display:flex;flex-direction:column;gap:10px;padding:14px;width:min(92vw,calc(92vh - 90px));max-width:820px}.worldmap-head{display:flex;align-items:center;gap:12px}.worldmap-head strong{font-size:16px}.worldmap-share{flex:1;min-width:0;color:var(--gold);font-size:12px;font-weight:800}.worldmap-finds{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:var(--ink-dim);font-weight:700;white-space:nowrap}.worldmap-finds i{flex-shrink:0;width:7px;height:7px;border-radius:1px;background:#c49cff;transform:rotate(45deg)}@media (max-width: 520px){.worldmap-head{flex-wrap:wrap;row-gap:6px}.worldmap-close{margin-left:auto}.worldmap-share{order:3;flex-basis:100%}.worldmap-finds{margin-left:10px}}.worldmap-close{flex-shrink:0;font-size:20px;line-height:1}.worldmap-frame{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:#121620;box-shadow:inset 0 0 0 1px var(--line)}.worldmap-frame{touch-action:none;cursor:grab}.worldmap-frame.dragging{cursor:grabbing}.worldmap-frame canvas,.worldmap-pan{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.worldmap-pan{transform-origin:0 0}.worldmap-frame.zoomed .worldmap-land{image-rendering:pixelated}.worldmap-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.worldmap-zoom .icon-btn{width:34px;height:34px;display:grid;place-items:center;background:#10141cd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.worldmap-zoom .ico{width:18px;height:18px}.worldmap-land{image-rendering:auto}.worldmap-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-dim)}.worldmap-key span{display:inline-flex;align-items:center;gap:6px}.worldmap-key i{width:10px;height:10px;border-radius:3px;box-shadow:0 0 0 1px #0006}.worldmap-key .dot-factory{background:#e8b64c}.worldmap-key .dot-camp{background:#f0b94a;border-radius:50%}.worldmap-key .dot-landmark{width:8px;height:8px;background:#c49cff;transform:rotate(45deg);border-radius:1px}.worldmap-key .dot-you{background:#fff;clip-path:polygon(100% 50%,0 100%,25% 50%,0 0);border-radius:0;box-shadow:none}.worldmap-key .dot-dry{background:transparent;border-radius:50%;box-shadow:inset 0 0 0 2px #ef6171,0 0 0 1px #00000080}.worldmap-tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--well)}.worldmap-tabs button{border:0;border-radius:999px;padding:6px 14px;background:transparent;color:var(--ink-dim);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.worldmap-tabs button.on{background:var(--gold-soft);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-line)}.worldmap-view{display:flex;flex-direction:column;gap:10px}.ledger{display:flex;flex-direction:column;gap:10px;aspect-ratio:1;overflow-y:auto}.ledger-dry{border:0;border-radius:var(--radius-sm);padding:8px 12px;background:#ef617124;box-shadow:inset 0 0 0 1px #ef617180;color:#ffb3bc;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.ledger-empty{margin:24px 0;color:var(--ink-dim);text-align:center}.ledger-focus{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--well)}.ledger-focus-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ledger-focus-head span{color:var(--ink-dim);font-size:13px}.ledger-focus-head b{color:var(--ink)}.ledger-chart{width:100%;height:clamp(140px,30vh,280px)}.ledger-axis{display:flex;justify-content:space-between;color:var(--ink-faint);font-size:11px}.ledger-list{display:flex;flex-direction:column;gap:2px}.ledger-row{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(40px,120px) 52px 52px;align-items:center;gap:10px;border:0;border-radius:8px;padding:5px 8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.ledger-row:hover,.ledger-row.on{background:#ffffff0f}.ledger-row.on{box-shadow:inset 0 0 0 1px var(--gold-line)}.ledger-cols{cursor:default;color:var(--ink-faint);font-size:11px;font-weight:800;text-transform:uppercase}.ledger-cols:hover{background:transparent}.ledger-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.ledger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-spark{width:100%;height:20px}.ledger-spark polyline{fill:none;stroke:var(--gold);stroke-width:1.5;vector-effect:non-scaling-stroke}.ledger-rate,.ledger-best,.ledger-cols span:nth-child(4),.ledger-cols span:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}.ledger-rate{font-weight:800}.ledger-rate.good{color:var(--good)}.ledger-rate.low{color:#ffb3bc}.ledger-best{color:var(--ink-dim)}.ledger-hint{margin:0;color:var(--ink-faint);font-size:12px}@media (max-width: 520px){.ledger{aspect-ratio:auto;max-height:calc(100dvh - 200px)}.ledger-row{grid-template-columns:24px minmax(0,1fr) 56px 44px 44px;gap:6px}}.minimap{display:block;width:156px;height:156px;padding:4px;cursor:pointer}.minimap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;border-radius:6px}.pixel-ui .minimap canvas{border-radius:0}@media (max-width: 900px),(max-height: 480px){.minimap{display:none}}.worldmap-research{aspect-ratio:1;overflow-y:auto;align-content:start}.worldmap-frame.pinning{cursor:crosshair}.worldmap-hint{position:absolute;left:10px;top:10px;max-width:calc(100% - 70px);padding:5px 9px;border-radius:var(--radius-sm);background:#10141cd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12px;pointer-events:none}.worldmap-hint.hidden,.worldmap-zoom .hidden{display:none}.worldmap-zoom .icon-btn.on{box-shadow:inset 0 0 0 2px var(--gold)}.pin-hue i{display:block;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #10141c}.coop-pause{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px;justify-items:center}.coop-blurb{color:var(--ink-dim);font-size:13px;line-height:1.5;max-width:420px}.coop-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.coop-input{font:inherit;font-size:14px;color:var(--ink);background:var(--well);border:1px solid var(--line-strong);border-radius:12px;padding:10px 14px;outline:none;min-width:0}.coop-input:focus{border-color:var(--gold-line)}.coop-name{width:150px}.coop-code,.coop-code-input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.28em;color:var(--gold)}.coop-code{font-size:34px;padding:6px 18px 6px 26px;border-radius:14px;background:var(--gold-soft);border:1px solid var(--gold-line);-webkit-user-select:all;user-select:all}.coop-code-input{font-size:26px;text-align:center;width:210px;text-transform:uppercase}.coop-roster{font-size:13px;color:var(--ink)}.coop-error,.coop-status.bad{color:var(--danger);font-size:13px}.coop-join{position:fixed;z-index:60}.coop-join .blurb{margin-bottom:16px}.coop-fields{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.coop-status{min-height:20px;margin:12px 0;font-size:13px;color:var(--ink-dim)}.coop-chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;color:var(--ink-dim);pointer-events:auto}.coop-chip b{color:var(--gold);letter-spacing:.14em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.coop-chip .ico{width:15px;height:15px;color:var(--gold)}.menu-actions .coop-join-btn .ico{font-size:16px}@media (max-width: 640px){.coop-chip{padding:4px 10px;font-size:11px}.coop-chip span{display:none}.coop-chip b:after{content:attr(data-count);margin-left:7px;color:var(--ink-dim);letter-spacing:0;font-family:inherit}}.coop-access{display:grid;gap:8px;justify-items:center}.coop-access-label{font-size:12px;font-weight:800;color:var(--ink-dim)}.coop-access-options{display:flex;gap:6px}.coop-access-options .ghost-btn.on{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}.netlog{position:fixed;z-index:80}.netlog .modal-inner{max-width:min(760px,calc(100vw - 32px))}.netlog-text{max-height:50vh;overflow:auto;margin:12px 0 16px;padding:10px 12px;border-radius:8px;background:#00000059;font:11px/1.5 ui-monospace,Menlo,Consolas,monospace;text-align:left;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.netlog-link{display:inline-block;margin:6px auto 0;padding:2px 6px;border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;opacity:.85;cursor:pointer}.sheet-tabs{display:flex;gap:4px;padding:3px;margin:-2px 0 12px;border-radius:12px;background:var(--well)}.sheet-tabs .ico{width:15px;height:15px}.sheet-tabs .tab.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-line),0 1px 3px #0000004d}.sheet-page{display:flex;flex-direction:column}.sheet-page p{margin:0}.gear-list,.skill-list{display:grid;gap:8px}.gear-card,.skill-card{--k: 255, 159, 67;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(var(--k),.1),rgba(var(--k),.03));box-shadow:inset 0 0 0 1px rgba(var(--k),.24)}.gear-card.k-blade{--k: 200, 206, 222}.gear-card.mastered{--k: 190, 146, 255}.gear-icon,.skill-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;color:rgb(var(--k));background:rgba(var(--k),.14);box-shadow:inset 0 0 0 1px rgba(var(--k),.3)}.gear-icon .ico,.skill-icon .ico{width:20px;height:20px}.gear-body,.skill-body{display:grid;gap:3px;min-width:0}.gear-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gear-name b{font-size:14.5px;color:var(--ink)}.gear-body p,.skill-body p{font-size:12px;line-height:1.4;color:var(--ink-dim)}.gear-flag,.gear-key{padding:1px 6px;border-radius:5px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--k));background:rgba(var(--k),.16)}.gear-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:3px;font-size:11.5px;color:var(--ink-dim)}.gear-stats b{color:var(--ink);font-variant-numeric:tabular-nums}.gear-card .up-pips,.skill-card .up-pips{display:flex;gap:3px}.gear-card .up-pips i,.skill-card .up-pips i{width:9px;height:4px;border-radius:2px;background:#ffffff1f}.gear-card .up-pips i.got,.skill-card .up-pips i.got{background:rgb(var(--k));box-shadow:0 0 4px rgba(var(--k),.5)}.skill-card .bc-count{font-size:11px;font-weight:800;color:rgb(var(--k))}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px}.tool-cell{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 6px;border-radius:var(--radius-sm);background:#ffffff08}.tool-art{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:9px;border:1px solid rgba(0,0,0,.55);background:linear-gradient(180deg,#04060a9e,#0a0d1380);box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff0d}.tool-art.filled{background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(255,226,170,.14),transparent 72%),linear-gradient(180deg,#3a404ee6,#1e222ceb);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}.tool-art i{width:74%;height:74%;background:none center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.tool-text{display:grid;gap:1px;min-width:0}.tool-text b{font-size:13px;color:var(--ink)}.tool-text span{font-size:11.5px;color:var(--good)}.tool-cell.empty .tool-text b{color:var(--ink-dim)}.tool-cell.empty .tool-text span{color:var(--ink-faint)}.stat-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.stat-big{display:grid;gap:4px;align-content:start;padding:10px 12px;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.stat-big>span{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.stat-big>b{font-size:26px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stat-big small{font-size:11px;color:var(--ink-dim)}.stat-meter{height:6px;border-radius:3px;overflow:hidden;background:#00000073}.stat-meter i{display:block;height:100%;border-radius:inherit}.stat-meter.xp i{background:var(--xp)}.stat-meter.hp i{background:var(--danger)}.stat-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.stat-row{display:flex;justify-content:space-between;gap:10px;padding:5px 2px;border-bottom:1px dashed var(--line);font-size:12.5px;color:var(--ink-dim)}.stat-row b{color:var(--good);font-variant-numeric:tabular-nums}.stat-row.base b{color:var(--ink-faint)}.stat-empty{font-size:12px;color:var(--ink-dim)}.skill-waiting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 10px 10px 14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0b94a33,#f0b94a0f);box-shadow:inset 0 0 0 1px var(--gold-line)}.skill-waiting>span{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:13.5px}.skill-waiting .ico{width:18px;height:18px}.skill-waiting .primary-btn{padding:8px 18px;font-size:13px}.skill-group+.skill-group{margin-top:12px}.skill-kind{margin:0 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--k))}.skill-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.skill-card{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:8px 10px}.skill-card .skill-icon{width:32px;height:32px}.skill-card .skill-icon .ico{width:16px;height:16px}.skill-card .gear-name b{font-size:13px}.k-spell{--k: 94, 214, 226}.k-mastery{--k: 190, 146, 255}.k-attack{--k: 255, 107, 107}.k-survival{--k: 95, 208, 138}.k-gathering{--k: 86, 182, 232}.k-growth{--k: 240, 185, 74}.pixel-ui :is(.sheet-tabs,.gear-card,.skill-card,.gear-icon,.skill-icon,.tool-cell,.tool-art,.stat-big,.skill-waiting,.gear-flag,.gear-key,.stat-meter,.stat-meter i,.up-pips i){border-radius:2px!important}.pixel-ui :is(.gear-card,.skill-card,.skill-waiting){box-shadow:inset 0 0 0 1px rgba(var(--k, 240, 185, 74),.34),inset 0 2px #ffffff0d}.pixel-ui .skill-waiting{--k: 240, 185, 74}.pixel-ui .gear-name b,.pixel-ui .stat-big>b{font-family:var(--display);letter-spacing:.02em}@media (max-width: 520px){.sheet-tabs .tab{padding:8px 4px}.stat-top{gap:6px}.stat-big{padding:8px}.stat-big>b{font-size:22px}.stat-rows{grid-template-columns:minmax(0,1fr)}.gear-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:9px 10px}.gear-icon{width:34px;height:34px}}.upgrade{--k: 240, 185, 74;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:190px;padding:14px 14px 13px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,rgba(var(--k),.16),transparent 70%),linear-gradient(180deg,#ffffff0f,#ffffff06);border-color:rgba(var(--k),.32);animation:up-deal .34s cubic-bezier(.2,.9,.3,1.15) both;animation-delay:calc(var(--i, 0) * 70ms)}.upgrade.k-weapon{--k: 255, 159, 67}.upgrade.k-spell{--k: 94, 214, 226}.upgrade.k-mastery{--k: 190, 146, 255}.upgrade.k-attack{--k: 255, 107, 107}.upgrade.k-survival{--k: 95, 208, 138}.upgrade.k-gathering{--k: 86, 182, 232}.upgrade.k-growth{--k: 240, 185, 74}.upgrade:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:rgb(var(--k));opacity:.85}.upgrade:hover,.upgrade:focus-visible{transform:translateY(-4px);border-color:rgba(var(--k),.8);background:radial-gradient(120% 80% at 50% 0%,rgba(var(--k),.28),transparent 72%),linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 12px 28px #00000059,0 0 0 1px rgba(var(--k),.35),var(--rim)}.upgrade:active{transform:translateY(-1px) scale(.98)}.upgrade .up-head{display:flex;align-items:center;justify-content:space-between;width:100%}.upgrade .up-kind{font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--k))}.upgrade .up-flag{padding:2px 7px;border-radius:99px;font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1b1405;background:rgb(var(--k))}.upgrade .up-icon{display:grid;place-items:center;width:46px;height:46px;margin:4px 0 2px;border-radius:14px;color:rgb(var(--k));background:radial-gradient(circle at 40% 30%,rgba(var(--k),.3),rgba(var(--k),.08));box-shadow:inset 0 0 0 1px rgba(var(--k),.35),0 4px 12px #00000040}.upgrade .up-icon .ico{width:24px;height:24px}.levelup-inner .upgrade b{margin:0;font-size:16px;line-height:1.2}.upgrade .up-desc{flex:1;font-size:12px;line-height:1.45;color:var(--ink-dim)}.upgrade .up-pips{display:flex;gap:4px;margin-top:4px}.upgrade .up-pips i{width:14px;height:5px;border-radius:3px;background:#ffffff1f}.upgrade .up-pips i.got{background:rgba(var(--k),.75)}.upgrade .up-pips i.next{background:rgb(var(--k));box-shadow:0 0 8px rgba(var(--k),.8);animation:up-next 1.1s ease-in-out infinite}.upgrade .up-stack{margin-top:4px;font-size:10.5px;font-weight:800;color:var(--ink-faint)}.upgrade .up-key{display:none}@media (hover: hover) and (pointer: fine){.upgrade .up-key{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:800;line-height:1;color:var(--ink-dim);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff24,0 2px #0000004d}.upgrade:hover .up-key{color:rgb(var(--k));box-shadow:inset 0 0 0 1px rgba(var(--k),.6),0 2px #0000004d}}.upgrade.rare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.1) 50%,transparent 65%);background-size:250% 100%;animation:up-sheen 3.2s ease-in-out infinite;pointer-events:none}.upgrade.rare{border-color:rgba(var(--k),.6)}@keyframes up-deal{0%{opacity:0;transform:translateY(18px) scale(.94)}}@keyframes up-next{50%{opacity:.55}}@keyframes up-sheen{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.levelup-pending{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:99px;vertical-align:4px;font-size:12px;font-weight:900;color:#1b1405;background:var(--gold)}@media (prefers-reduced-motion: reduce){.upgrade,.up-pips i.next,.upgrade.rare:after{animation:none}}@media (max-width: 640px){.levelup-inner .offers,.levelup-inner .offers.pairs{grid-template-columns:minmax(0,1fr)}.levelup-inner h2{font-size:20px}}@media (max-height: 480px) and (min-width: 641px){.levelup-inner .offers,.levelup-inner .offers.pairs{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}.levelup-inner{padding-top:16px}.levelup-inner .levelup-badge{display:none}.levelup-inner h2{font-size:19px;margin-bottom:10px}.levelup-inner .upgrade{min-height:0;padding:10px 11px;gap:4px}.upgrade .up-icon{display:none}.levelup-inner .levelup-later{margin-top:10px}}@media (max-width: 640px){.levelup-inner .upgrade{padding:10px 12px}.upgrade{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon head" "icon title" "icon desc" "icon foot";column-gap:12px;row-gap:2px;align-items:start;min-height:0}.upgrade .up-icon{grid-area:icon;width:40px;height:40px;margin:2px 0 0}.upgrade .up-head{grid-area:head}.upgrade b{grid-area:title}.upgrade .up-desc{grid-area:desc}.upgrade .up-pips,.upgrade .up-stack{grid-area:foot}}.story{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 45%,#0a0c14ed,#040509fa);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;z-index:30;animation:fade-in .4s ease both}.story[hidden]{display:none}.story-card{width:min(560px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:center}.story-card.turn .story-art,.story-card.turn .story-title,.story-card.turn .story-body{animation:story-in .45s ease both}.story-card.turn .story-title{animation-delay:.08s}.story-card.turn .story-body{animation-delay:.16s}@keyframes story-in{0%{opacity:0;transform:translateY(6px)}}.story-art{width:100%;aspect-ratio:16 / 9;image-rendering:pixelated;border-radius:var(--radius-sm);box-shadow:0 0 0 3px #06080c,0 0 0 4px #f0b94a38,0 20px 50px #0009;cursor:pointer;background:#090c1a}.story-title{margin:10px 0 0;font-family:var(--display, var(--font));font-size:26px;letter-spacing:.02em;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}.story-body{margin:0 auto;max-width:44ch;font-size:16px;line-height:1.5;color:var(--ink);min-height:4.5em}.story-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:4px}.story-skip{justify-self:start}.story-next{justify-self:end;min-width:96px}.story-dots{display:flex;gap:8px}.story-dots i{width:8px;height:8px;border-radius:2px;background:#ffffff2e;transition:background .2s ease}.story-dots i.on{background:var(--gold)}@media (max-width: 480px){.story-title{font-size:22px}.story-body{font-size:15px}}@media (min-width: 521px){.menu{background:radial-gradient(120% 90% at 78% 45%,transparent 35%,rgba(5,7,11,.55) 100%),linear-gradient(90deg,#070a0fd1,#070a0f73 36%,#070a0f00 62%),linear-gradient(0deg,rgba(7,10,15,.5),transparent 38%)}}.menu-inner{position:relative;width:min(460px,100%);padding:30px 30px 24px;border:1px solid rgba(240,185,74,.3);border-radius:6px;background:radial-gradient(130% 55% at 50% 0%,rgba(240,185,74,.1),transparent 62%),linear-gradient(180deg,#181c27f2,#0d1017f7);box-shadow:0 0 0 3px #06080c,0 0 0 4px #f0b94a29,0 30px 70px #0000008c,inset 0 0 0 1px #f0b94a1a,inset 0 2px #ffffff0d}.menu-inner:before,.menu-inner:after{content:"";position:absolute;top:8px;width:6px;height:6px;background:#f0c257;box-shadow:0 0 0 2px #06080c,0 0 8px #f0c25780;pointer-events:none}.menu-inner:before{left:8px}.menu-inner:after{right:8px}.menu .menu-head{text-align:center}.menu .logo{flex-direction:column;gap:14px;margin-bottom:16px}.menu .logo-mark{width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 10px 20px rgba(0,0,0,.55));animation:emblem-bob 5s ease-in-out infinite}@keyframes emblem-bob{50%{transform:translateY(-4px)}}.logo-word{display:grid;justify-items:center;gap:8px}.menu .menu-head .logo-word h1{font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:54px;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;margin-right:-.08em;background:linear-gradient(180deg,#fff6d8 8%,#f4cf72 52%,#c98a2c 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #06080c) drop-shadow(2px 0 0 #06080c) drop-shadow(-2px 0 0 #06080c) drop-shadow(0 -2px 0 #06080c) drop-shadow(0 8px 16px rgba(0,0,0,.55))}.logo-tag{display:flex;align-items:center;gap:10px;width:100%;margin:0;color:#d9c08a;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:13px;font-style:italic;letter-spacing:.12em}.logo-tag:before,.logo-tag:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(240,194,87,.6))}.logo-tag:after{background:linear-gradient(270deg,transparent,rgba(240,194,87,.6))}.logo-tag span{position:relative;padding:0 14px}.logo-tag span:before,.logo-tag span:after{content:"";position:absolute;top:50%;width:5px;height:5px;background:#f0c257;transform:translateY(-50%) rotate(45deg)}.logo-tag span:before{left:0}.logo-tag span:after{right:0}.menu .menu-head .blurb{max-width:360px;margin:0 auto;font-size:13.5px;line-height:1.55;color:#b9b3a5}.menu .menu-actions{justify-content:center}.menu .menu-note{text-align:center}.menu-motes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.menu-motes i{position:absolute;bottom:-10px;width:4px;height:4px;background:#ffe7a3;box-shadow:0 0 6px 2px #ffd6788c;opacity:0;animation:mote-rise var(--t, 14s) linear var(--d, 0s) infinite}@keyframes mote-rise{10%{opacity:.9}50%{transform:translate(var(--x, 30px),-50vh)}90%{opacity:.7}to{opacity:0;transform:translate(calc(var(--x, 30px) * -.5),-105vh)}}@media (prefers-reduced-motion: reduce){.menu .logo-mark,.menu-motes i{animation:none}}@media (max-width: 520px){.menu .menu-inner{margin-top:max(64px,8vh);padding:24px 18px 20px}.menu .logo-mark{width:96px;height:96px}.menu .menu-head .logo-word h1{font-size:42px}}@media (max-width: 360px){.menu .logo-mark{width:64px;height:64px}.menu .menu-head .logo-word h1{font-size:34px;white-space:nowrap}}@media (max-height: 700px) and (min-width: 521px){.menu .logo{flex-direction:row;justify-content:center;gap:16px}.menu .logo-mark{width:64px;height:64px}.menu .menu-head .logo-word h1{font-size:44px}}.account-screen,.account-ask{position:fixed;z-index:60}.account-ask{z-index:70}.account-inner{position:relative;width:min(460px,100%)}.account-inner .blurb{margin-bottom:14px}.account-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink-dim);cursor:pointer}.account-close:hover{color:var(--ink)}.account-fields{display:grid;gap:8px}.account-input{width:100%}.account-status{min-height:20px;margin:10px 0;font-size:13px;color:var(--ink-dim);line-height:1.45}.account-status.bad{color:var(--danger)}.account-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px}.link-btn{background:none;border:0;padding:4px 2px;font:inherit;font-size:13px;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-btn:hover{color:var(--gold)}.account-head{display:flex;align-items:center;justify-content:center;gap:8px}.account-head h2{margin-bottom:0}.account-email{font-size:12.5px;margin-top:4px}.account-friends{text-align:left;display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.account-add{flex-wrap:nowrap}.account-add .account-input{flex:1}.account-list{display:grid;gap:6px;max-height:240px;overflow-y:auto}.account-person{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#141820a8;border:1px solid var(--line)}.account-who{flex:1;min-width:0;display:grid}.account-who b{font-size:14px;overflow:hidden;text-overflow:ellipsis}.account-who span{font-size:11.5px;color:var(--ink-dim)}.account-person .armed{color:#fff;background:var(--danger);border-color:var(--danger)}.menu-account{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:1;display:flex;align-items:center;gap:7px;max-width:180px;padding:7px 12px;border-radius:99px;border:1px solid var(--line-strong);background:#141820c7;box-shadow:0 6px 18px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.menu-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-account:hover{border-color:var(--gold-line);color:var(--gold)}.save-thumb.synced,.save-thumb.cloud{color:#fff}.save-thumb.cloud{background:radial-gradient(circle at 50% 40%,#4d7ea0,#253c52)}.save-thumb .ico{font-size:17px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.save-thumb.live{box-shadow:inset 0 0 0 2px var(--good)}.friend-world .save-open{cursor:default}.save-tool.join{padding:0 12px;color:var(--ink);background:var(--gold-soft);border-color:var(--gold-line)}.save-tool.join:disabled{opacity:.4;cursor:default}.menu-cloud-error{font-size:12px;color:var(--danger);margin-bottom:6px}.account-ask .blurb{margin-bottom:16px}