:root{color:#eef3ef;font-synthesis:none;text-rendering:optimizelegibility;background:#101a20;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 50% 40%,#31484b,#101a20 70%);position:relative}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}.remote-nameplate{z-index:3;color:#e8fff8;white-space:nowrap;pointer-events:none;background:#071218df;border:1px solid #9fe4d34d;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-130%);box-shadow:0 3px 10px #0009}.remote-nameplate.is-grouped{color:#fff1b9;background:#17180eef;border-color:#e6c86fa8;box-shadow:0 0 12px #d6b64a66,0 3px 10px #0009}.remote-nameplate.is-grouped:before{content:"◆ ";color:#e6c86f}.account-gateway{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 35%,#28433ae8,#071015f7 62%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.account-maintenance{box-sizing:border-box;color:#edf5f1;text-align:center;background:linear-gradient(145deg,#14252af5,#091318f8);border:1px solid #d4b96866;border-radius:10px;justify-items:center;width:min(470px,100%);padding:38px 34px;display:grid;box-shadow:0 24px 80px #000b,0 0 50px #d4b9681f}.account-maintenance[hidden],.account-gateway__card[hidden]{display:none}.account-maintenance__sigil{border:3px solid #d4b96835;border-top-color:#e4c86f;border-radius:50%;width:42px;height:42px;margin-bottom:20px;animation:1.4s linear infinite connection-spin;box-shadow:0 0 22px #d4b9682e}.account-maintenance p{color:#f2dfaa;margin:14px 0 8px;font:700 16px/1.5 Georgia,serif}.account-maintenance small{color:#9fb2ab;max-width:330px;font-size:11px;line-height:1.5}.account-maintenance button{color:#fff1bd;cursor:pointer;background:linear-gradient(#574a24,#332b17);border:1px solid #d4b96870;border-radius:5px;margin-top:24px;padding:10px 16px;font-weight:800}.account-maintenance button:hover{filter:brightness(1.12);border-color:#f1d77d}.account-maintenance button:disabled{cursor:wait;opacity:.65}.account-gateway__card{box-sizing:border-box;color:#edf5f1;background:linear-gradient(145deg,#14252af5,#091318f8);border:1px solid #d4b96866;border-radius:10px;width:min(470px,100%);max-height:calc(100vh - 48px);padding:30px;overflow:auto;box-shadow:0 24px 80px #000b,0 0 50px #6fb99b1a}.account-gateway h1{color:#f2dfaa;margin:7px 0 8px;font:700 28px/1.1 Georgia,serif}.account-gateway__intro{color:#a9bbb5;margin:0 0 20px;font-size:12px;line-height:1.5}.account-tabs{border-bottom:1px solid #ffffff1c;grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.account-tabs button{color:#839a92;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px;font-weight:700}.account-tabs button.is-selected{color:#f3e4b8;border-color:#d5b85f}.account-gateway form{gap:13px;display:grid}.account-gateway label{color:#b9cbc5;gap:6px;font-size:11px;font-weight:700;display:grid}.account-gateway input{box-sizing:border-box;color:#f4faf7;width:100%;font:inherit;background:#071116c9;border:1px solid #8bb7a83d;border-radius:5px;outline:0;padding:11px 12px}.account-gateway input:focus{border-color:#75c9ad;box-shadow:0 0 0 3px #75c9ad1c}.account-gateway .remember-me{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.account-gateway .remember-me input{accent-color:#6fc3a6;width:14px;height:14px;margin:0}.account-gateway form>button,.character-card{color:#edfff8;cursor:pointer;background:linear-gradient(#245749,#173a31);border:1px solid #77c8aa55;border-radius:5px;font-weight:800}.account-gateway form>button{padding:11px 14px}.account-error{color:#ef9d91;min-height:14px;font-size:10px}.character-choice__heading{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:15px;padding-bottom:15px;display:flex}.character-choice__heading div{gap:3px;display:grid}.character-choice__heading strong{color:#dceae5;font-size:12px}.character-choice__heading button{color:#9bada7;cursor:pointer;background:0 0;border:0;font-size:10px}.character-list{gap:8px;margin:16px 0;display:grid}.character-card{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.character-card span{gap:4px;display:grid}.character-card strong{color:#f2dfaa;font:700 16px Georgia,serif}.character-card small{color:#9eb1aa}.character-card b{text-transform:uppercase;letter-spacing:.08em;font-size:10px}#character-create{border-top:1px solid #ffffff17;grid-template-columns:1fr auto;align-items:end;padding-top:15px}#character-create button{height:39px}.character-account-actions{border-top:1px solid #ffffff17;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;display:grid}.character-account-actions button{color:#b9cbc5;cursor:pointer;background:#111f25;border:1px solid #ffffff26;border-radius:4px;padding:8px;font-size:9px;font-weight:700}.character-account-actions button:hover{color:#f1dfa9;border-color:#d4b96866}.brand,.quest-panel,.world-state,.controls,.interaction,.toast{z-index:4;position:absolute}.combat-hud{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081116dc;border:1px solid #ffffff24;border-radius:8px;width:310px;padding:12px 14px;position:absolute;bottom:120px;left:30px;box-shadow:0 8px 24px #0008}.combat-log{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#dce8e3;background:#081116c9;border:1px solid #ffffff1c;border-radius:8px;width:280px;padding:10px 13px;position:absolute;bottom:283px;left:30px;box-shadow:0 8px 24px #0007}.combat-log.has-training-report{bottom:390px}.combat-log>strong{color:#f0ddb0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.combat-log ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.combat-log li{color:#b9cbc5;overflow-wrap:anywhere;white-space:normal;font-size:10px;line-height:1.35}.combat-log li:last-child{color:#f2f7f5}.chat-panel{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081116d5;border:1px solid #ffffff1c;border-radius:8px;width:300px;padding:10px;position:absolute;bottom:120px;left:390px;box-shadow:0 8px 24px #0007}.chat-panel header{color:#dce8e3;justify-content:space-between;font-size:10px;display:flex}.chat-panel header small{color:#738d84;font-size:9px}.chat-channels{gap:4px;margin-top:7px;display:flex}.chat-channels button{color:#879a94;background:#111d22;border-color:#ffffff17;padding:3px 8px}.chat-channels button.is-selected{color:#ddf3eb;background:#1a4438;border-color:#6ac8aa55}.chat-channels button[data-chat-channel=group].is-selected{color:#eadcf4;background:#3b2850;border-color:#c19be066}.chat-channels button.has-unread{color:#f0dcff;font-weight:800;position:relative}.chat-channels button.has-unread:after{content:"";background:#d69cff;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:4px;box-shadow:0 0 7px #d69cff}.chat-panel ol{flex-direction:column;justify-content:flex-end;gap:3px;height:90px;margin:8px 0;padding:0;list-style:none;display:flex;overflow:hidden}.chat-panel li{color:#bfcec9;gap:5px;font-size:10px;line-height:1.3;display:flex}.chat-panel li strong{color:#83dabb;flex:none}.chat-panel li.is-group strong{color:#d0a6ed}.chat-panel li.is-group span strong{color:#f0dcff;font-weight:800}.chat-panel li span{overflow-wrap:anywhere}.chat-panel form{gap:5px;display:flex}.chat-panel input{color:#eef5f2;min-width:0;font:inherit;background:#03080bc9;border:1px solid #ffffff20;border-radius:4px;outline:none;flex:1;padding:6px 8px;font-size:10px}.chat-panel input:focus{border-color:#70cdb069}.chat-panel button{color:#e3f5ee;cursor:pointer;background:#173d32;border:1px solid #6ac8aa44;border-radius:4px;padding:5px 8px;font-size:9px}.combat-hud__row{color:#edf5f1;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.status-effects{gap:4px;margin-top:8px;display:grid}.status-effect{color:#eaf2ef;background:#111b20d9;border:1px solid #ffffff20;border-radius:4px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:4px 6px;font-size:9px;display:grid}.status-effects[hidden],.status-effect[hidden]{display:none}.status-effect b{text-align:center;font-size:12px}.status-effect time{text-align:right;min-width:30px;font-weight:700}.status-effect--slow b{color:#75bfe1}.status-effect--burn b{color:#f06a35;text-shadow:0 0 6px #e34520}.status-effect--protection b{color:#70d4a5;text-shadow:0 0 6px #45a97b}.enemy-health{margin-top:11px}.health-bar{background:#020608cc;border-radius:99px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #000}.health-bar span{border-radius:inherit;background:linear-gradient(90deg,#339a68,#72d4a5);width:100%;height:100%;transition:width .18s;display:block}.health-bar--enemy span{background:linear-gradient(90deg,#8b2943,#dc5572)}.training-report{border-top:1px solid #ffffff18;gap:5px;margin-top:9px;padding-top:8px;display:grid}.training-report[hidden]{display:none}.training-report div{color:#aebfba;justify-content:space-between;gap:12px;font-size:9px;display:flex}.training-report strong{color:#f0d79d;text-align:right}.training-report small{color:#8fa49d;margin-top:3px;font-size:8px;line-height:1.4}.progression-row{color:#c8d7d2;justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.progression-row strong{color:#83e2c0}.xp-bar{background:#020608cc;border-radius:99px;height:4px;margin-top:5px;overflow:hidden}.xp-bar span{background:linear-gradient(90deg,#389b91,#86ead1);width:0;height:100%;transition:width .35s;display:block}.xp-copy{color:#91aaa2;text-align:right;margin-top:3px;font-size:9px;display:block}.skill-bar{z-index:5;gap:8px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.skill-bar button{color:#f3f7f5;text-align:left;background:#09151ce8;border:1px solid #ffffff2e;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;min-width:100px;padding:8px 10px;display:grid;box-shadow:0 7px 20px #0009}.skill-bar button span{font-size:11px;font-weight:700}.skill-bar button small{color:#9fcfc0;grid-column:2;font-size:9px}.skill-bar button.is-cooling{opacity:.58}.inventory{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a151ced;border:1px solid #d7bb7344;border-radius:10px;width:330px;padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000b}.inventory header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.inventory h2{color:#f1d69a;margin:3px 0 0;font-family:Georgia,serif;font-size:22px}.inventory header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.equipment-slot{background:#17352d80;border:1px solid #65c9a733;border-radius:6px;gap:4px;margin:14px 0;padding:11px;display:grid}.equipment-slot span{color:#9fb7af;text-transform:uppercase;font-size:10px}.equipment-slot strong{color:#a9f1d5;font-size:12px}.inventory-items{gap:8px;display:grid}.inventory-items p{color:#8fa49d;font-size:12px}.inventory-item{background:#111f26;border:1px solid #ffffff1b;border-radius:6px;grid-template-columns:1fr auto;gap:4px 10px;padding:11px;display:grid}.inventory-item strong{color:#efd89f;font-size:12px}.inventory-item small{color:#9db1aa;font-size:10px}.inventory-item--common{border-left:3px solid #9aa8a3}.inventory-item--uncommon{border-left:3px solid #4da875}.inventory-item--rare{border-left:3px solid #b47bd5}.inventory-item button{color:#dff8ee;cursor:pointer;background:#1b4a3b;border:1px solid #7ed5b755;border-radius:4px;grid-area:1/2/3;padding:5px 9px}.masteries{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100f1ded;border:1px solid #b57be055;border-radius:10px;width:min(420px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.masteries header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.masteries h2{color:#dcc0f5;margin:3px 0 0;font:700 21px Georgia,serif}.masteries header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.masteries__balance{color:#aebfba;margin:13px 0;font-size:11px}.masteries__balance strong{color:#d5a9ff}.mastery{background:#211832;border:1px solid #b57be02e;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:8px;padding:12px;display:grid}.mastery div{gap:4px;display:grid}.mastery strong{color:#ead9f8;font-size:12px}.mastery small{color:#a999b7;font-size:10px}.mastery button{color:#f3e7fb;cursor:pointer;background:#52346b;border:1px solid #b987dc55;border-radius:4px;padding:6px 10px}.mastery button:disabled{opacity:.5;cursor:default}.masteries[hidden]{display:none}.character-sheet{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a151ced;border:1px solid #d7bb7344;border-radius:10px;width:min(360px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.character-sheet[hidden]{display:none}.character-sheet header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.character-sheet h2{color:#f1d69a;margin:3px 0 0;font:700 22px Georgia,serif}.character-sheet header>button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.character-name-line{align-items:center;gap:7px;display:flex}.character-level{background:linear-gradient(120deg,#15382e,#182b30);border-radius:7px;grid-template-columns:1fr auto;gap:3px 10px;margin:14px 0;padding:12px;display:grid}.character-level span{color:#a6bbb4;text-transform:uppercase;font-size:10px}.character-level strong{color:#9ce8cb;grid-area:1/2/3;font:700 28px Georgia,serif}.character-level small{color:#d4dfdb;font-size:10px}.character-stats{gap:2px;margin:0;display:grid}.character-stats div{border-bottom:1px solid #ffffff10;justify-content:space-between;padding:8px 4px;display:flex}.character-stats dt{color:#9fb2ac;font-size:11px}.character-stats dd{color:#eef5f2;margin:0;font-size:11px;font-weight:700}.character-name-line .character-rename{color:#ead8ae;cursor:pointer;background:#2d291f;border:1px solid #d7bb7355;border-radius:50%;place-items:center;width:25px;height:25px;margin-top:3px;padding:0;font-size:15px;line-height:1;transition:border-color .15s,background .15s,transform .15s;display:grid}.character-name-line .character-rename:hover{background:#443a27;border-color:#e6cb83aa;transform:translateY(-1px)}.character-name-line .character-rename:focus-visible{outline-offset:2px;outline:2px solid #e6cb83}.connection-gate{z-index:90;color:#edf5f1;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071116e8;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:fixed;inset:0}.connection-gate[hidden]{display:none}.connection-gate strong{color:#f1d69a;font:700 22px Georgia,serif}.connection-gate span{color:#c8d7d2;max-width:520px;font-size:16px;font-weight:600;line-height:1.55}.connection-gate button{color:#ead8ae;cursor:pointer;background:#2d291f;border:1px solid #d7bb7355;border-radius:5px;margin-top:5px;padding:9px 14px;font-weight:800}.connection-gate__sigil{border:3px solid #77c8aa33;border-top-color:#d9bd71;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite connection-spin}@keyframes connection-spin{to{transform:rotate(360deg)}}.players-panel{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a151ced;border:1px solid #69b8c044;border-radius:10px;width:min(360px,100vw - 40px);padding:18px;position:absolute;top:50%;left:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.players-panel[hidden]{display:none}.players-panel header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.players-panel h2{color:#bce6e1;margin:3px 0 0;font:700 21px Georgia,serif}.players-panel header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.players-panel>p{color:#94aaa3;font-size:11px}.players-panel ol{gap:7px;max-height:310px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.players-panel li{background:#12242a;border:1px solid #ffffff18;border-radius:6px;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:10px;font-size:11px;display:grid}.players-panel li:before{content:"";background:#65d6ac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #65d6ac88}.players-panel li strong{color:#e6f2ed}.players-panel li span{color:#8fa69f}.players-panel li span.is-hurt{color:#e39582;font-weight:700}.players-panel li.is-self{background:#29271f;border-color:#d7bb733b}.players-panel li.is-self:before{background:#e4c77f;box-shadow:0 0 8px #e4c77f88}.players-panel li button,.group-invitations button{color:#ddf4eb;cursor:pointer;background:#173f35;border:1px solid #62c7aa55;border-radius:4px;padding:5px 8px;font-size:9px}.players-panel li.is-grouped{border-color:#79d6ba55}.group-summary{margin:8px 0 0;color:#79cdb3!important}.group-status{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-status button{color:#eccbc4;cursor:pointer;background:#422a28;border:1px solid #d98b7a40;border-radius:4px;margin-top:8px;padding:5px 8px;font-size:9px}.group-status button[hidden]{display:none}.group-invitations{background:#29271f;border:1px solid #d7bb7355;border-radius:6px;margin-top:10px;padding:10px;font-size:10px}.group-invitations[hidden]{display:none}.group-invitations strong{color:#ead8ae;margin-bottom:8px;display:block}.group-invitations div{gap:6px;display:flex}.group-invitations button[data-social-action=decline]{color:#c9d1ce;background:#303438;border-color:#ffffff25}.group-invite-notification{z-index:12;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111a1eed;border:1px solid #d7bb7370;border-radius:8px;align-items:center;gap:18px;width:min(430px,100vw - 32px);padding:13px 15px;display:flex;position:absolute;bottom:146px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #000b,0 0 24px #d7bb7317}.group-invite-notification[hidden]{display:none}.group-invite-notification>div:first-child{flex:1;gap:4px;display:grid}.group-invite-notification strong{color:#f0dba9;font:700 13px Georgia,serif}.group-invite-notification__actions{gap:6px;display:flex}.group-invite-notification button{color:#e5f7f0;cursor:pointer;background:#1b493c;border:1px solid #64cbae5e;border-radius:4px;padding:7px 10px;font-size:10px}.group-invite-notification button[data-notification-action=decline]{color:#cbd4d1;background:#30363a;border-color:#ffffff24}.leader-transfer-confirm{z-index:13;color:#edf4f1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11191ded;border:1px solid #d7bb736b;border-radius:9px;gap:14px;width:min(390px,100vw - 32px);padding:17px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 55px #000d,0 0 25px #d7bb731a}.leader-transfer-confirm[hidden]{display:none}.leader-transfer-confirm>div:first-child{gap:6px;display:grid}.leader-transfer-confirm strong{color:#f1dba8;font:700 14px Georgia,serif}.leader-transfer-confirm>div:last-child{justify-content:flex-end;gap:7px;display:flex}.leader-transfer-confirm button{color:#fff0c9;cursor:pointer;background:#574522;border:1px solid #d7bb735c;border-radius:4px;padding:7px 11px;font-size:10px}.leader-transfer-confirm #leader-transfer-cancel{color:#cbd4d1;background:#30363a;border-color:#fff2}.settings{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a151ced;border:1px solid #69b8c044;border-radius:10px;width:min(390px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.settings[hidden]{display:none}.settings header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.settings h2{color:#bce6e1;margin:3px 0 0;font:700 21px Georgia,serif}.settings header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.settings>p{color:#9eb2ac;font-size:11px}.quality-options{gap:8px;display:grid}.quality-options button{color:#e8f1ed;text-align:left;cursor:pointer;background:#13242b;border:1px solid #ffffff1b;border-radius:6px;gap:3px;padding:11px;display:grid}.quality-options button strong{font-size:12px}.quality-options button small{color:#91a7a0;font-size:10px}.quality-options button.is-selected{background:#194338;border-color:#73d2bd88;box-shadow:0 0 14px #42b79b22}.crafting{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15130fed;border:1px solid #c894594f;border-radius:10px;width:min(390px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.crafting[hidden]{display:none}.crafting header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.crafting h2{color:#edcf99;margin:3px 0 0;font:700 21px Georgia,serif}.crafting header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.crafting>p{color:#b6a995;font-size:11px}.crafting__recipes{gap:8px;display:grid}.crafting article{background:#2b241a;border:1px solid #c8945930;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.crafting article div{gap:4px;display:grid}.crafting article strong{color:#f0d7a9;font-size:12px}.crafting article small{color:#aa9d89;font-size:10px}.crafting article button{color:#fff0cf;cursor:pointer;background:#63441f;border:1px solid #d0a05d55;border-radius:4px;padding:6px 10px}.crafting article button:disabled{opacity:.45;cursor:default}.quest-journal{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111611ed;border:1px solid #d7bb734c;border-radius:10px;width:min(430px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.quest-journal[hidden]{display:none}.quest-journal header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.quest-journal h2{color:#efd8a4;margin:3px 0 0;font:700 22px Georgia,serif}.quest-journal header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.quest-journal article{background:#24251d;border:1px solid #d7bb732b;border-radius:7px;margin-top:14px;padding:14px}.quest-journal__status{color:#86cdb5;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.quest-journal__status.is-complete{color:#e4c570}.quest-journal h3{color:#f3e3bd;margin:5px 0 8px;font:700 17px Georgia,serif}.quest-journal article>p{color:#afbbb5;font-size:11px;line-height:1.5}.quest-objectives{gap:7px;margin:13px 0;padding:0;list-style:none;display:grid}.quest-objectives li{color:#aebbb5;background:#141b18;border-left:2px solid #64736d;padding:8px 10px;font-size:10px}.quest-objectives li.is-complete{color:#dceae4;opacity:.75;border-color:#65c9a6;text-decoration:line-through}.quest-rewards{border-top:1px solid #ffffff12;justify-content:space-between;gap:12px;padding-top:11px;font-size:10px;display:flex}.quest-rewards span{color:#8e9d97}.quest-rewards strong{color:#e8cc8c}.chronicles{z-index:8;color:#edf4f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15130fed;border:1px solid #d2b66b4a;border-radius:10px;width:min(410px,100vw - 40px);padding:18px;position:absolute;top:50%;right:30px;transform:translateY(-50%);box-shadow:0 20px 60px #000c}.chronicles[hidden]{display:none}.chronicles header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.chronicles h2{color:#f0d498;margin:3px 0 0;font:700 21px Georgia,serif}.chronicles header button{color:#dbe6e1;cursor:pointer;background:0 0;border:0;font-size:25px}.chronicles>p{color:#aa9f87;font-size:11px;line-height:1.45}.chronicle-entries{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.chronicle-entry{background:#292218;border:1px solid #d2b66b2b;border-radius:7px;gap:4px;padding:11px 11px 11px 30px;display:grid;position:relative}.chronicle-entry:before{content:"◆";color:#dfbd69;font-size:9px;position:absolute;top:12px;left:11px}.chronicle-entry strong{color:#f1d9a4;font-size:12px}.chronicle-entry small{color:#ad9f84;font-size:10px;line-height:1.35}.chronicle-entry.is-locked{opacity:.45;filter:grayscale(.8)}.chronicle-entry.is-locked:before{content:"◇"}.dialogue{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09141bea;border:1px solid #d9be7852;border-radius:10px;grid-template-columns:70px 1fr;gap:16px;width:min(600px,100vw - 40px);padding:17px;display:grid;position:absolute;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #000c}.dialogue[hidden]{display:none}.dialogue__portrait{color:#ffe7b0;background:radial-gradient(circle at 40% 35%,#a56e52,#372a30 70%);border:1px solid #d6b96b66;border-radius:50%;place-items:center;width:70px;height:70px;font:700 30px Georgia,serif;display:grid}.dialogue h2{color:#f0d79e;margin:2px 0 7px;font:700 19px Georgia,serif}.dialogue p{color:#d6e0dc;min-height:38px;margin:0;font-size:12px;line-height:1.5}.dialogue__actions{justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.dialogue__actions button{color:#e5f5ee;cursor:pointer;background:#183027;border:1px solid #ffffff25;border-radius:4px;padding:6px 11px}.dialogue__actions button:last-child{color:#aebfba;background:#182228}.identity-setup{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061015d9;place-items:center;display:grid;position:absolute;inset:0}.identity-setup[hidden]{display:none}.identity-setup form{background:#0b171ded;border:1px solid #d8bb7152;border-radius:12px;gap:10px;width:min(390px,100vw - 40px);padding:25px;display:grid;box-shadow:0 24px 70px #000d}.identity-setup h2{color:#f1d69a;margin:0;font:700 25px Georgia,serif}.identity-setup p{color:#aebfba;margin:0 0 5px;font-size:11px;line-height:1.45}.identity-setup input{color:#f1f6f3;background:#050b0edd;border:1px solid #ffffff28;border-radius:5px;outline:none;padding:10px 12px;font-size:13px}.identity-setup input:focus{border-color:#72d4b177}.identity-setup small{color:#e78c99;min-height:13px;font-size:10px}.identity-setup button{color:#ebfff7;cursor:pointer;background:#245845;border:1px solid #72d4b155;border-radius:5px;padding:9px 12px}.brand{text-shadow:0 2px 14px #000b;gap:1px;display:grid;top:28px;left:32px}.brand strong{letter-spacing:.16em;color:#f1d69a;font-family:Georgia,serif;font-size:clamp(24px,3vw,42px)}.brand>span:last-child{color:#cdd8d2;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.brand__kicker,.eyebrow{color:#83c3b3;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.party-hud{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081116d5;border:1px solid #ffffff20;border-radius:7px;width:250px;padding:10px 12px;position:absolute;top:132px;left:32px;box-shadow:0 8px 24px #0008}.party-hud[hidden]{display:none}.party-hud>header{color:#b9cbc5;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.party-hud>header strong{color:#e7d49e}.party-hud ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.party-member{grid-template-columns:1fr auto;gap:4px 8px;display:grid}.party-member.is-targeted{background:#6f27231f;border-radius:4px;margin:-3px;padding:3px;box-shadow:inset 0 0 0 1px #d46f6250}.party-member.is-distant{opacity:.5}.party-member.is-distant small{color:#86918c}.party-member.is-targeted small{color:#ef9a8c;font-weight:700}.party-member__identity{align-items:center;gap:5px;min-width:0;display:flex}.party-member strong{color:#e8f3ee;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.party-member.is-leader strong{color:#f0d28b}.party-leader-crown{color:#f0c966;font-size:12px;line-height:1}.party-transfer-leader{color:#8e9b94;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:1}.party-transfer-leader:hover{color:#f0c966;text-shadow:0 0 7px #e8c55c}.party-remove-member{color:#936e68;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.party-remove-member:hover{color:#ee8f80;text-shadow:0 0 7px #d76d5c}.party-heal-member{color:#83e5bb;cursor:pointer;background:#174232;border:1px solid #69cfa653;border-radius:3px;padding:0 3px;font-size:11px;font-weight:800;line-height:14px}.party-heal-member:hover{color:#dffff1;background:#205d45;box-shadow:0 0 7px #5fd3a260}.party-member small{color:#8fa39c;font-size:9px}.party-member__health{background:#101b1f;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.party-member__health span{border-radius:inherit;background:linear-gradient(90deg,#3fa477,#66d4a4);height:100%;transition:width .25s,background .25s;display:block}.party-member.is-hurt .party-member__health span{background:linear-gradient(90deg,#a54b43,#e17b67)}.party-member.is-targeted .party-member__health span{background:linear-gradient(90deg,#b54842,#f08b75);box-shadow:0 0 7px #d65f55}.quest-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#17242eea,#1d2e35d9);border:1px solid #d8c29033;border-radius:4px;width:min(340px,100vw - 60px);padding:20px 22px;top:30px;right:30px;box-shadow:0 16px 48px #07101588,inset 3px 0 #bd9147}.quest-panel h1{color:#f3dfb2;margin:5px 0 8px;font-family:Georgia,serif;font-size:20px}.quest-panel p{color:#ced8d3;margin:0 0 14px;font-size:13px;line-height:1.45}.minimap{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081116dc;border:1px solid #ffffff26;border-radius:8px;width:190px;padding:9px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0008}.minimap header{color:#dfebe6;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.minimap__map{background:radial-gradient(circle at 28% 65%,#66715d 0 14%,#0000 15%),linear-gradient(145deg,#485947,#293b38);border-radius:5px;height:92px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #06100dbb}.minimap__river{background:#285b66cc;border-block:1px solid #72b6be44;height:16%;position:absolute;top:37%;left:-5%;right:-5%;transform:rotate(-3deg)}.map-marker{z-index:2;position:absolute;transform:translate(-50%,-50%)}.map-marker--player{background:#197451;border:2px solid #eafff7;border-radius:50%;width:10px;height:10px;box-shadow:0 0 9px #2ba778}.map-marker--remote{background:#4aa5c4;border:1px solid #dff8ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #4aa5c499}.map-marker--remote.is-grouped{background:#e0bd62;border-color:#fff1be;width:9px;height:9px;box-shadow:0 0 8px #e0bd62cc}.map-marker--npc{color:#211b12;background:#d4ad57;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-weight:800;display:grid}.map-marker--bridge{background:#b89567;border-radius:2px;width:16px;height:5px}.map-marker--enemy{background:#d64a77;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #d64a77}.map-marker--ember{background:#c93e22;border:1px solid #ffd09b;border-radius:2px;width:9px;height:9px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #f05a2a}.map-marker--training{color:#fff3d3;background:#725735;border:1px solid #f0d79d;border-radius:2px;place-items:center;width:12px;height:12px;font-size:7px;font-weight:900;display:grid;box-shadow:0 0 7px #d1a65a99}.map-marker--resonance{background:#7446a8;border:1px solid #caa9ff;width:9px;height:9px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #9c65dc}.minimap.is-collapsed .minimap__map{display:none}.minimap.is-collapsed{width:140px}.progress{background:#0c151a;border-radius:99px;height:4px;overflow:hidden}.progress span{background:linear-gradient(90deg,#69ad9c,#d8b364);width:0;height:100%;transition:width .45s;display:block}.resource-line{color:#aebdb7;justify-content:space-between;margin-top:9px;font-size:12px;display:flex}.resource-line strong{color:#f1d69a}.world-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#132129d9;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:11px;padding:11px 14px;display:flex;bottom:34px;left:32px;box-shadow:0 10px 30px #07101566}.world-state__dot{background:#72d4b1;border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #72d4b1}.world-state div{gap:2px;display:grid}.world-state strong{color:#d9eee6;font-size:13px}.world-state small{color:#78938a;font-size:9px}.world-state.is-awakened .world-state__dot{background:#b879ee;box-shadow:0 0 15px #b879ee}.world-state.is-awakened strong{color:#e2c3ff}.controls{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3f7f5;text-shadow:0 1px 3px #000;background:#081116dc;border:1px solid #ffffff24;border-radius:7px;flex-direction:column;align-items:flex-start;gap:6px;width:190px;padding:10px 13px;font-size:11px;font-weight:600;display:flex;bottom:34px;right:30px;box-shadow:0 8px 24px #0008}.controls__toggle{color:#f0fff9;cursor:pointer;background:linear-gradient(#245347,#17372f);border:1px solid #77d1b36b;border-radius:4px;width:100%;padding:6px 8px;font-size:9px;font-weight:800;box-shadow:0 0 11px #54c69e2b,inset 0 1px #ffffff12}.controls__toggle:hover{color:#fff;background:linear-gradient(#2d6858,#1b4438);border-color:#8ce1c5a6;box-shadow:0 0 15px #54c69e48}.controls__list{flex-direction:column;gap:6px;display:flex}.controls.is-collapsed{height:auto}.controls.is-collapsed .controls__list{display:none}.controls span{white-space:nowrap;grid-template-columns:58px 1fr;align-items:center;gap:7px;display:grid}.controls kbd{justify-self:start}kbd{color:#f4e4bd;background:#142129dd;border:1px solid #ffffff29;border-bottom-color:#fff5;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:10px;box-shadow:0 2px #0006}.interaction{background:#111c22e8;border:1px solid #e1c78044;border-radius:4px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.interaction:not([hidden]){display:flex}.toast{text-align:center;opacity:0;color:#f2deb0;background:#142129e8;border:1px solid #c9a85b44;border-radius:4px;max-width:min(520px,100vw - 40px);padding:12px 18px;font-family:Georgia,serif;transition:opacity .25s,transform .25s;top:auto;bottom:152px;left:50%;transform:translate(-50%,8px);box-shadow:0 12px 36px #0008}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-level-up{color:#baffdf;letter-spacing:.06em;background:#12372fef;border-color:#7ce6bb88;font-weight:700;box-shadow:0 0 28px #52d6a755,0 12px 36px #0009}.loading{z-index:10;color:#d9c390;letter-spacing:.08em;background:radial-gradient(circle,#22373a,#0e171c 68%);place-content:center;justify-items:center;gap:20px;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;visibility:hidden}.loading__sigil{border:2px solid #73baa7;border-right-color:#0000;border-radius:50%;width:54px;height:54px;animation:1.2s linear infinite spin;box-shadow:0 0 30px #5da99766}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.brand{top:18px;left:18px}.brand__kicker,.brand>span:last-child{display:none}.party-hud{width:220px;top:78px;left:18px}.quest-panel{width:250px;padding:14px 16px;top:auto;bottom:80px;right:16px}.quest-panel p{display:none}.world-state{bottom:18px;left:16px}.controls{display:none}.interaction{bottom:28px}}