*{box-sizing:border-box}html,body,#app,#game{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0b1517;color:#fff}#game{position:relative}#world{display:block;width:100%;height:100%}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 45%,rgba(6,12,14,.12) 72%,rgba(6,12,14,.48) 100%)}.hud{position:absolute;z-index:4;text-shadow:0 1px 2px #0008}.top-left{top:24px;left:26px;display:flex;gap:10px;align-items:center}.portrait{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(#59756f,#263c3d);border:3px solid #d8c78d;box-shadow:0 2px 12px #0008}.player-box{width:272px}.name-row{display:flex;justify-content:space-between;margin:0 5px 6px}.name-row strong{font-size:17px}.level{font-size:12px;padding:3px 8px;border-radius:12px;background:#121d1dbd;color:#e7d99c}.bar{height:14px;border-radius:8px;background:#12191acc;border:1px solid #dbe4d64d;overflow:hidden;position:relative;margin:4px 0;box-shadow:inset 0 1px 3px #0009}.bar i{display:block;height:100%;border-radius:8px}.bar b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:.2px}.hp i{background:linear-gradient(90deg,#b9434f,#ef6b67)}.sp i{background:linear-gradient(90deg,#376aab,#5da7e5)}.top-center{top:24px;left:50%;transform:translate(-50%)}.zone-title{text-align:center;background:linear-gradient(90deg,transparent,#132426bf,transparent);padding:8px 54px}.zone-title span{display:block;font-weight:800;letter-spacing:2px;font-size:13px}.zone-title small{color:#d9e5d9;font-size:10px}.top-right{top:20px;right:24px}.minimap{position:relative;width:182px;height:182px;border-radius:50%;overflow:hidden;border:3px solid #cabd8f;background:radial-gradient(circle at 40% 50%,#89a96d 0 25%,#718c5d 26% 55%,#5f7952 56%);box-shadow:0 4px 20px #0008,inset 0 0 0 5px #253332aa}.map-grid{position:absolute;inset:0;background:linear-gradient(28deg,transparent 47%,#d5c39455 49%,#d5c39455 52%,transparent 54%),linear-gradient(118deg,transparent 45%,#b5d5c855 48%,#b5d5c855 52%,transparent 55%)}.map-label{position:absolute;bottom:20px;width:100%;text-align:center;font-size:11px}.poi{position:absolute;width:8px;height:8px;border-radius:50%;background:#f3ce68;box-shadow:0 0 0 3px #f3ce6840}.p1{left:44px;top:60px}.p2{right:38px;top:48px}.p3{right:57px;bottom:45px}.player-dot{position:absolute;left:88px;top:87px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #fff;filter:drop-shadow(0 1px 2px #000)}.clock{text-align:center;margin-top:8px;font-size:11px;color:#fff7d1}.target{top:104px;left:50%;transform:translate(-50%);width:340px;background:#0d1718b0;border:1px solid #e2d6a54d;border-radius:6px;padding:7px 11px}.target>div:first-child{display:flex;justify-content:space-between;font-size:12px}.enemy i{background:linear-gradient(90deg,#99444b,#d76267)}.quest{right:28px;top:235px;width:240px;background:linear-gradient(90deg,#0b1515b8,#0b151580);padding:12px 14px;border-left:2px solid #e0c76a}.quest h4{font-size:9px;letter-spacing:1.6px;margin:0 0 5px;color:#e5ce77}.quest strong{font-size:13px}.quest p{font-size:11px;margin:5px 0 0;color:#d7dfd5}.quest p b{color:#f3da7b}.chat{left:26px;bottom:76px;width:330px;font-size:11px;line-height:1.8;color:#e2e7e1}.chat div{background:#07111380;padding:0 7px;margin:2px 0;border-radius:3px}.chat div:first-child b{color:#85bfe8}.chat div:last-child b{color:#e6cf75}.skillbar{left:50%;bottom:30px;transform:translate(-50%);display:flex;gap:6px;background:#10191ac7;padding:8px 10px;border:1px solid #d8c9974d;border-radius:10px;box-shadow:0 4px 18px #0008}.skill{width:48px;height:48px;display:grid;place-items:center;position:relative;border-radius:7px;background:linear-gradient(145deg,#364a48,#192524);border:1px solid #e4d49b7a;box-shadow:inset 0 0 10px #0008}.skill span{font-size:23px}.skill kbd{position:absolute;right:3px;bottom:2px;font-size:9px;color:#fff;background:#0008;border:0;border-radius:3px;padding:1px 3px}.xp{left:50%;bottom:8px;transform:translate(-50%);width:430px;height:8px;background:#14201fcc;border-radius:5px;overflow:hidden}.xp i{display:block;height:100%;background:linear-gradient(90deg,#ceb95f,#f2db78)}.xp span{position:absolute;right:-52px;top:-3px;font-size:9px}.status-pill{left:27px;bottom:28px;font-size:10px;background:#0b1515a8;padding:5px 9px;border-radius:14px;color:#a8e0b6}.hint{position:absolute;right:18px;bottom:12px;font-size:9px;color:#ffffff80;z-index:4;letter-spacing:.6px}@media(max-width:900px){.quest,.chat{display:none}.skill{width:40px;height:40px}.skillbar{gap:4px}.minimap{width:140px;height:140px}.player-box{width:220px}}#game{background:#bdd0d9}.market-mini{width:150px;height:150px;overflow:hidden;border:2px solid #c7b685;border-radius:11px;background:#243f37;box-shadow:0 4px 15px #18362950}.market-mini canvas{width:100%;height:128px;display:block}.market-mini span{display:block;text-align:center;font-size:10px;line-height:18px;color:#f2e9cd}.market-chat.chat{left:50%;bottom:14px;transform:translate(-50%);padding:8px 12px;background:#17372cdb;border:1px solid #c5b68155;border-radius:9px;width:365px}.review-only{font-size:9px;color:#c6d3bc;margin-top:4px}.skillbar.hud{bottom:79px}.market-views{left:16px;bottom:18px;display:flex;gap:5px;max-width:320px;flex-wrap:wrap}.market-views button{font:12px system-ui;padding:7px 10px;border-radius:7px;border:1px solid #c4b28177;background:#203e33d9;color:#f0e6cd;cursor:pointer}.market-views button[aria-pressed=true]{background:#466047;border-color:#e4cc8f}.market-views button:focus-visible{outline:2px solid #f5dfa2;outline-offset:3px}.market-views small{font:9px system-ui;flex-basis:100%;color:#eff0db;text-shadow:0 1px 3px #172e27}.market-label{position:absolute;pointer-events:none;z-index:10;text-align:center}.market-label.hp{width:44px;height:4px;border:1px solid #17352a;border-radius:3px;transform:translate(-50%,-100%);box-shadow:0 1px 2px #0007}.market-label.name{font:700 10px system-ui;color:#fff7e2;transform:translate(-50%,1px);text-shadow:0 1px 3px #0a2619,0 0 3px #0a2619;white-space:nowrap}.market-loading{position:absolute;inset:0;z-index:2000;display:grid;place-items:center;background:linear-gradient(150deg,#183e33,#3c614a);color:#f0e6cb}.market-loading[hidden]{display:none}.market-loading>div{width:min(360px,85vw);text-align:center}.market-loading span{font-size:11px;letter-spacing:5px;color:#cfb980}.market-loading h2{font:32px Georgia,serif;font-weight:400}.market-loading p{font:12px system-ui;color:#c9d3bf}.market-loading progress{height:6px;width:100%;accent-color:#d9be7e}@media(max-width:850px){.quest.hud{display:none}.market-mini{width:110px;height:115px}.market-mini canvas{height:94px}.market-chat.chat{width:280px}.market-views{max-width:175px}.market-views small{display:none}.market-views button{font-size:10px;padding:6px}}#hud-root{position:absolute;inset:0;z-index:3;pointer-events:none}.hud button,.production-skill{pointer-events:auto}.production-skill{appearance:none;color:#fff;font:inherit;padding:0;cursor:default}.production-skill.ready{cursor:pointer}.production-skill.ready:hover{border-color:#f0d58f;filter:brightness(1.08)}.production-target{z-index:8}.production-target>div:first-child span{font-size:10px;color:#d9e5d9}.production-mini .field-map{position:relative;width:100%;height:128px;background:radial-gradient(circle at 54% 40%,#8eaa70 0 22%,#6e8c5a 48%,#476a49);overflow:hidden}.field-route{position:absolute;left:72px;top:-12px;width:18px;height:170px;background:#b89e72;transform:rotate(-11deg);border-radius:50%}.field-player{position:absolute;left:72px;top:77px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #fff;filter:drop-shadow(0 1px 2px #000)}.field-monster{position:absolute;width:6px;height:6px;border-radius:50%;background:#d98268;box-shadow:0 0 0 2px #4d473a66}.field-monster.m1{left:46px;top:46px}.field-monster.m2{left:103px;top:64px}.field-monster.m3{left:118px;top:34px}.production-views{bottom:64px;left:16px;max-width:330px}.production-views button{pointer-events:auto}.status-pill{bottom:18px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-loading progress:indeterminate{opacity:.8}.qa-job-switcher{left:16px;top:104px;padding:8px 9px;background:#161e19d1;border:1px solid rgba(219,199,143,.36);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #0003}.qa-job-switcher>small{display:block;margin-bottom:6px;color:#d8c58c;font-size:9px;font-weight:800;letter-spacing:.12em}.qa-job-switcher>div{display:flex;gap:6px}.qa-job-switcher button{display:flex;align-items:center;gap:5px;min-width:38px;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#070c0999;color:#e8eee9;font:inherit;cursor:pointer}.qa-job-switcher button span{font-size:16px;line-height:1}.qa-job-switcher button b{font-size:10px;font-weight:700}.qa-job-switcher button:hover{border-color:#d7c27e;background:#364130e0}.qa-job-switcher button.active{border-color:#efd98d;background:#685d34c7;box-shadow:inset 0 0 0 1px #fff4bd1f}@media(max-width:850px){.status-pill{display:none}.production-views{bottom:18px;max-width:175px}.production-views small{display:none}.qa-job-switcher{top:96px}.qa-job-switcher button{min-width:34px;padding:0 7px}.qa-job-switcher button b{display:none}}