:root{--ink:#2b2a3a;--muted:#6b6a80;--card:#fffcf5eb;--line:#3c32281f;--brand:#ff6b4a;--brand2:#7c5cff;--good:#2fa36b;--gold:#f2b134;--r:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#f4f1ea;--muted:#b6b3c8;--card:#201e30e6;--line:#ffffff24}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#bfe3f5;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.panel{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 28px #281e3c2e}#hud{pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));position:fixed;inset:0}#hud>*{pointer-events:auto}.stats{gap:8px;width:240px;padding:12px 14px;display:grid;position:absolute;top:12px;left:12px}.who{align-items:center;gap:10px;display:flex}.who #avatar{font-size:28px}.who b{font-size:15px;display:block}.who small{color:var(--muted);font-size:12px}.row{gap:8px;display:flex}.stat{background:#7c5cff1a;border-radius:999px;padding:4px 12px;font-size:15px}.stat.cash{background:#2fa36b24;font-size:17px}.lvl{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.lvl small{color:var(--muted);font-size:11px}.bar{background:#0000001a;border-radius:99px;height:10px;overflow:hidden}.bar i{background:linear-gradient(90deg,#7c5cff,#b18cff);border-radius:99px;width:0;height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1);display:block}.bar.energy i{background:linear-gradient(90deg,#f2b134,#ffd36b)}.quest{max-width:310px;padding:12px 14px;position:absolute;bottom:12px;left:12px}.quest h4{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin:0 0 4px;font-size:11px}.quest p{margin:0;font-size:15px;font-weight:700}.quest ol{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:flex}.quest li{background:#00000024;border-radius:9px;width:22px;height:6px}.quest li.done{background:var(--good)}.quest li.cur{background:var(--brand)}.tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.tools button{border:1px solid var(--line);background:var(--card);border-radius:14px;width:44px;height:44px;font-size:18px;box-shadow:0 4px 14px #281e3c26}.chip{color:#fff;background:#ff7b3c;border-radius:99px;padding:9px 18px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #ff7b3c66}.prompt{background:linear-gradient(135deg,var(--brand),#ff9a5a);color:#fff;border:0;border-radius:99px;padding:14px 26px;font-size:17px;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #ff6b4a73}.prompt kbd{background:#ffffff40;border-radius:6px;margin-left:8px;padding:1px 7px;font-size:13px}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}.joy{touch-action:none;background:#ffffff59;border:2px solid #ffffffb3;border-radius:50%;width:116px;height:116px;display:none;position:absolute;bottom:22px;right:22px}.joy i{background:#7c5cffd9;border-radius:50%;width:40px;height:40px;position:absolute;top:38px;left:38px}@media (pointer:coarse){.joy{display:block}.prompt{bottom:150px}.quest{max-width:200px;padding:8px 10px;inset:12px 64px auto auto}.quest p{font-size:12px}.quest ol{display:none}.stats{width:178px;padding:8px 10px}.fps{display:none}}@media (width<=640px){.stats{gap:5px;width:172px;padding:8px 10px}.who small{display:none}.quest{max-width:none;padding:8px 12px;display:block;inset:auto 150px 12px 12px}.quest h4{display:none}.quest p{font-size:13px}.quest ol{display:none}.menu .cards{grid-template-columns:1fr}}#toasts{pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%)}.toast{color:#fff;text-shadow:0 2px #0003;white-space:nowrap;border-radius:99px;padding:6px 18px;font-size:26px;font-weight:900;animation:1.9s ease-out forwards floatup}.toast.cash{background:#2fa36b}.toast.xp{background:#7c5cff}.toast.rep{color:#3a2a00;text-shadow:none;background:#f2b134}.toast.info{white-space:normal;text-align:center;background:#3b82c4;border-radius:18px;max-width:min(88vw,520px);font-size:18px}.toast.warn{white-space:normal;text-align:center;background:#d9534f;border-radius:18px;max-width:min(88vw,520px);font-size:18px}@keyframes floatup{0%{opacity:0;transform:translateY(24px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.12)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.menu{z-index:20;background:radial-gradient(1200px 600px at 50% 0,#ffffff8c,#ffe6c840 60%,#281e5059);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.menu-inner{text-align:center;max-width:980px}.logo{letter-spacing:.04em;color:#fff;text-shadow:0 5px #ff6b4a,0 10px 24px #28145059;font-size:clamp(40px,9vw,84px);font-weight:1000;line-height:1}.logo span{color:#ffe08a}h1{color:#fff;text-shadow:0 2px 12px #28145099;margin:10px 0 4px;font-size:clamp(20px,4vw,32px)}.sub{color:#fff;text-shadow:0 1px 8px #281450b3;margin:0 0 22px;font-size:clamp(14px,2.2vw,18px)}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{background:var(--card);text-align:left;border:2px solid #0000;border-radius:20px;padding:18px 16px;transition:transform .15s,border-color .15s;box-shadow:0 12px 34px #1e143c4d}.card:hover,.card:focus-visible{border-color:var(--brand);outline:none;transform:translateY(-4px)}.card .em{font-size:38px}.card h3{margin:6px 0 2px;font-size:19px}.card .tag{color:var(--muted);margin:0 0 8px;font-size:13px}.card .goal{margin:0 0 8px;font-size:13px}.card .trade{color:var(--muted);border-top:1px solid var(--line);margin:0;padding-top:8px;font-size:12px}.card .go{text-align:center;background:var(--brand);color:#fff;border-radius:12px;margin-top:10px;padding:8px;font-weight:800;display:block}.ghost{color:#3a2a60;background:#ffffffd9;border:0;border-radius:99px;margin-top:16px;padding:10px 22px;font-weight:800}.fine{color:#fff;opacity:.9;text-shadow:0 1px 4px #00000080;margin-top:16px;font-size:11px}.modalwrap{z-index:25;touch-action:auto;background:#1e183273;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.modal{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:auto;-webkit-user-select:text;user-select:text;border-radius:24px;width:100%;max-width:560px;max-height:92vh;padding:22px;animation:.3s cubic-bezier(.2,1.2,.4,1) rise;overflow:auto;box-shadow:0 24px 70px #140a3280}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.94)}}.modal h2{margin:0 0 4px;font-size:24px}.modal .lead{color:var(--muted);margin:0 0 14px}.modal .x{float:right;background:#00000014;border:0;border-radius:50%;width:34px;height:34px;font-size:16px}.btn{background:var(--brand);color:#fff;border:0;border-radius:14px;padding:12px 18px;font-size:16px;font-weight:800;transition:transform 80ms;box-shadow:0 5px #96321e59}.btn:active{transform:translateY(3px);box-shadow:0 2px #96321e59}.btn.alt{background:var(--brand2);box-shadow:0 5px #3c288c59}.btn.good{background:var(--good);box-shadow:0 5px #145a3259}.btn:disabled{box-shadow:none;cursor:not-allowed;background:#b9b6c4}.list{gap:10px;display:grid}.item{border:1px solid var(--line);background:#7c5cff12;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.item .ic{font-size:28px}.item b{display:block}.item small{color:var(--muted)}.item .why{color:#c0392b;font-size:12px}.q{margin:6px 0 12px;font-size:18px;font-weight:700}.opts{gap:8px;display:grid}.opt{border:2px solid var(--line);text-align:left;background:#ffffff80;border-radius:14px;padding:12px;font-weight:700}.opt:hover{border-color:var(--brand2)}.opt.ok{border-color:var(--good);background:#bdebd0}.opt.bad{background:#f7c6c3;border-color:#d9534f}.meter{border:2px solid var(--line);background:linear-gradient(90deg,#8fd0f0,#f7e08a 50%,#ff8a6b);border-radius:99px;height:46px;margin:16px 0;position:relative;overflow:hidden}.meter .zone{background:#2fa36b8c;border-left:3px solid #1d7a4d;border-right:3px solid #1d7a4d;position:absolute;top:0;bottom:0}.meter .needle{background:#2b2a3a;border-radius:4px;width:6px;position:absolute;top:-2px;bottom:-2px}.code{color:#d6e0ff;background:#1f2335;border-radius:14px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.code button{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;border-radius:8px;padding:6px 10px;display:block}.code button:hover{background:#ffffff1a}.code button.bad{background:#7a2a2a}.code button.ok{background:#1f6d4a}.progress{gap:6px;margin:0 0 10px;display:flex}.progress i{background:#00000024;border-radius:9px;flex:1;height:6px}.progress i.on{background:var(--brand2)}.room{border:1px solid var(--line);border-radius:18px;width:100%;margin:8px 0 12px}.row2{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.lvlup{text-align:center}.lvlup .big{color:var(--gold);text-shadow:0 5px #b27b00;font-size:76px;font-weight:1000;animation:.6s cubic-bezier(.2,1.6,.4,1) pop2}@keyframes pop2{0%{transform:scale(.2)rotate(-12deg)}}.confetti{z-index:40;width:10px;height:14px;animation:2.2s linear forwards fall;position:fixed;top:-10px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.geo{z-index:12;width:min(360px,100vw - 90px);max-height:calc(100vh - 24px);padding:14px;font-size:12.5px;position:fixed;top:12px;right:70px;overflow:auto}.geo h3{margin:0 0 6px;font-size:15px}.geo table{border-collapse:collapse;width:100%}.geo td{border-bottom:1px solid var(--line);padding:3px 0}.geo td:last-child{text-align:right;font-weight:700}.ok{color:var(--good)}.warn{color:#d9822b}.fps{opacity:.55;pointer-events:none;z-index:5;font-size:10px;position:fixed;bottom:4px;left:12px}.loading{z-index:50;color:#3a2a60;background:linear-gradient(#bfe3f5,#ffe2bd);place-content:center;justify-items:center;font-weight:800;display:grid;position:fixed;inset:0}.spin{border:5px solid #7c5cff40;border-top-color:#7c5cff;border-radius:50%;width:44px;height:44px;animation:1s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}table.cohort{border-collapse:collapse;width:100%;font-size:13px}table.cohort td,table.cohort th{border-bottom:1px solid var(--line);text-align:left;padding:4px 6px}table.cohort tr.me{background:#ff6b4a26;font-weight:800}.cam{grid-template-columns:repeat(4,40px);gap:6px;display:grid;position:absolute;bottom:12px;right:12px}.cam button{border:1px solid var(--line);background:var(--card);border-radius:12px;width:40px;height:40px;font-size:17px;box-shadow:0 4px 12px #281e3c26}.cam button:active{transform:scale(.94)}.camhint{color:#fff;pointer-events:none;white-space:nowrap;background:#1e1832b8;border-radius:99px;padding:7px 14px;font-size:12.5px;animation:12s forwards hintfade;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}@keyframes hintfade{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-color-scheme:dark){.mapview{background:#1f2433}}@media (pointer:coarse){.cam{grid-template-columns:repeat(2,40px);bottom:150px;right:12px}.camhint{white-space:normal;text-align:center;max-width:84vw;bottom:150px;left:12px;right:auto;transform:none}}@media (width<=640px){.camhint{display:none}}.fade{opacity:0;pointer-events:none;z-index:24;background:#fff;transition:opacity .26s;position:fixed;inset:0}.fade.on{opacity:1}.logoimg{border-radius:28px;width:clamp(110px,22vw,168px);height:auto;margin:0 auto 10px;display:block;box-shadow:0 14px 34px #1e143c66}.logo.small{text-shadow:0 3px #ff6b4a,0 6px 16px #28145059;font-size:clamp(26px,5vw,44px)}.mapview{z-index:26;touch-action:none;background:#f6f0e2;flex-direction:column;display:flex;position:fixed;inset:0}.maphead{padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.maphead b{margin-right:auto;font-size:16px}.maphint{color:var(--muted);font-size:12px}.maphead button{border:1px solid var(--line);background:#7c5cff1a;border-radius:11px;width:38px;height:38px;font-size:16px}#mapCanvas{cursor:grab;touch-action:none;flex:1;width:100%;min-height:0;display:block}#mapCanvas:active{cursor:grabbing}.mapcard{left:12px;right:12px;bottom:calc(34px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:12px 14px;display:flex;position:absolute;box-shadow:0 14px 36px #1e143c59}.mapcard b{font-size:16px;display:block}.mapcard small{color:var(--muted);display:block}.mapcard em{color:#c0392b;margin-top:2px;font-size:12px;font-style:normal;display:block}.mapbtns{flex-shrink:0;gap:8px;display:flex}.mapbtns .btn{padding:10px 14px;font-size:14px}.maplegend{left:12px;bottom:calc(8px + env(safe-area-inset-bottom));color:var(--muted);pointer-events:none;font-size:11px;position:absolute}.mats{flex-wrap:wrap;gap:10px;font-size:13px;font-weight:700;display:flex}.mats span{background:#7c5cff1a;border-radius:99px;padding:2px 8px}.qh{color:var(--muted);margin-top:3px;font-size:12px;display:block}.qmeta{color:var(--muted);margin-top:6px;font-size:11.5px}.toast.mat{background:#0f9fb5;font-size:20px}.toast.gold{color:#3a2a00;text-shadow:none;background:#f2b134}.chipbtn{color:#fff;background:#ffffff47;border:0;border-radius:99px;margin-left:8px;padding:3px 10px;font-size:12px;font-weight:800}.fictional{color:#5a3fd0;letter-spacing:.04em;background:#7c5cff24;border-radius:99px;margin:0 0 8px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.pads{grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0;display:grid}.pad{background:var(--c);opacity:.55;border:4px solid #fff;border-radius:22px;height:84px;font-size:38px;transition:transform .1s,opacity .1s;box-shadow:0 6px #0000002e}.pad.on{opacity:1;box-shadow:0 0 28px var(--c);transform:scale(1.07)}.battle{text-align:center;justify-content:space-around;align-items:center;margin:8px 0;display:flex}.big2{font-size:56px;line-height:1.1}.vs{color:var(--muted);font-weight:900}.telegraph{text-align:center;background:#00000012;border-radius:16px;margin:10px 0;padding:14px;font-size:30px;font-weight:900}.telegraph.atk{color:#c0392b;background:#ffd6d2}.telegraph.tir{color:#1d7a4d;background:#d6f0dc}.tabs{gap:8px;margin:6px 0 12px;display:flex}.tab{background:#7c5cff1a;border:0;border-radius:12px;flex:1;padding:10px;font-weight:800}.tab.on{background:var(--brand2);color:#fff}.jh{margin:16px 0 6px;font-size:15px}.ach{flex-wrap:wrap;gap:6px;display:flex}.achb{color:var(--muted);background:#00000014;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.achb.on{color:#6a4a00;background:#fff0bf}.prev{color:var(--muted);margin:0;padding-left:18px;font-size:13px}.mats{gap:6px;font-size:12px}.mats span{padding:1px 7px}.ptl{margin:10px 0;font-size:13px;font-weight:700;display:block}.ptl select{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-top:4px;padding:8px;display:block}.loopstrip{color:#fff;text-shadow:0 1px 8px #281450b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0 0 18px;font-weight:800;display:flex}.loopstrip span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #fff6;border-radius:99px;padding:5px 12px;font-size:14px}.why2{background:#f2b13429;border-radius:12px;margin:8px 0;padding:8px 12px;font-size:13px}.pointer{background:var(--brand2);color:#fff;border:0;border-radius:99px;align-items:center;gap:10px;max-width:calc(100vw - 150px);padding:8px 16px 8px 12px;font-size:14px;font-weight:800;animation:1.6s ease-in-out infinite pp;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #7c5cff80}.pointer #parrow{font-size:20px;transition:transform .15s;display:inline-block}.pointer #ptext{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes pp{50%{box-shadow:0 8px 34px #7c5cfff2}}.chip:not(.hidden)~.pointer{top:64px}.howto{gap:10px;margin:12px 0;display:grid}.howto .step{background:#7c5cff14;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.howto .step i{text-align:center;font-size:30px;font-style:normal}.howto .step>div>b{display:block}.howto small b{color:var(--ink);display:inline}.howto small{color:var(--muted)}.howloop{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0;font-size:13px;font-weight:800;display:flex}.howloop span{background:#ff6b4a1f;border-radius:99px;padding:4px 10px}@media (width<=640px){.pointer{max-width:calc(100vw - 200px);padding:7px 12px 7px 9px;font-size:13px;top:auto;bottom:208px;left:12px;transform:none}.chip:not(.hidden)~.pointer{top:auto}.mats{gap:4px;font-size:11px}.mats span{padding:0 6px}}body.novice .mats,body.novice #btnWork,body.novice #btnBook,body.novice #btnJournal,body.novice #btnHome,body.novice #btnGeo,body.novice #btnRest,body.novice #btnRotL,body.novice #btnRotR,body.novice #btnTiltUp,body.novice #btnTiltDown,body.novice #btnNorth,body.novice .qmeta,body.novice .camhint{display:none!important}body.novice .cam{grid-template-columns:repeat(3,40px)}.unlockbanner{color:#2b2a3a;z-index:31;text-align:center;background:#fff;border-radius:18px;max-width:86vw;padding:12px 20px;font-weight:800;animation:4.2s ease-out forwards floatup;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #1e143c59}.npctag{color:#1f7a4c;letter-spacing:.04em;vertical-align:middle;background:#e8f6ee;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.reqs{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.req{color:#4b33b8;background:#7c5cff1f;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.req.none{color:var(--muted);background:#0000000f}.req.trend{color:#6a4a00;background:#fff0bf}.item.npc small,.item.order small{margin-top:3px;display:block}.item.npc.locked{opacity:.6}.story{color:var(--muted);margin:4px 0 0;padding-left:18px;font-size:12px}.bar.aff i{background:linear-gradient(90deg,#ff8fb1,#ff5d8f)}.bar.vit i{background:linear-gradient(90deg,#b9b9b9,#ffb72e)}.bar.water{height:18px;margin:10px 0}.bar.water i{transition:none}.bins{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.bin{border:1px solid var(--line);background:#fff;border-radius:10px;padding:5px 8px;font-size:12px;font-weight:700}.bin.on{background:var(--brand2);color:#fff;border-color:#0000}label.wrap{align-items:center;gap:8px;margin:8px 0;font-size:13px;font-weight:700;display:flex}#btnBook{position:relative}#btnBook[data-n]:not([data-n=""]):after{content:attr(data-n);color:#fff;background:#e0533d;border-radius:99px;min-width:18px;height:18px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.recm{background:#2fa36b1f!important}.pad.dish{font-size:34px}