html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#182028;color:#f5f2e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}canvas{display:block;width:100%;height:100%}.ui-layer{position:fixed;inset:0;pointer-events:none}.party-panel-stack{position:fixed;top:16px;left:16px;display:grid;grid-auto-flow:row;align-content:start;gap:8px;width:min(338px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.party-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;box-sizing:border-box;width:100%;padding:12px;border:1px solid rgb(245 242 233 / 18%);border-radius:8px;background:#141b23c2;box-shadow:0 16px 40px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.party-panel__content{min-width:0}.party-panel__header{display:flex;align-items:center;justify-content:space-between;color:#f5f2e9b3;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.party-panel__header strong{color:#fff9dc;font-size:13px}.party-list{display:grid;grid-template-columns:1fr;gap:6px}.member-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:5px;border:1px solid transparent;border-radius:6px;background:#ffffff0a;color:#f5f2e9;text-align:left;cursor:pointer;pointer-events:auto}.member-card:hover,.member-card:focus-visible{border-color:#f5f2e952;background:#ffffff14;outline:none}.member-card__portrait{display:grid;width:30px;height:30px;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--role-color),#182028 35%);color:#fff9dc;font-size:15px;font-weight:800;background-position:center 18%;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f}.member-card__details{display:grid;min-width:0;gap:3px}.member-card__details strong{overflow:hidden;color:#fff9dc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.member-card__details small{overflow:hidden;color:#f5f2e98c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.member-card__details [data-member-abilities]{color:#7ec9e8c7;font-size:9px;line-height:1.15}.member-card__meter{height:4px;overflow:hidden;border-radius:999px;background:#ffffff1a}.member-card__meter span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bf4752,#ecb65b);transition:width .14s ease}.member-card__meter--energy span{background:linear-gradient(90deg,#4d83c7,#7ec9e8)}.member-card b{align-self:start;color:#fff9dc;font-size:9px;line-height:1.35}.party-panel__formations{display:grid;align-content:start;gap:5px;padding-left:8px}.party-panel__formations button{display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px solid rgb(255 249 220 / 18%);border-radius:6px;background:#ffffff0f;color:#f5f2e9bd;cursor:pointer;font-size:15px;pointer-events:auto}.party-panel__formations button:hover,.party-panel__formations button:focus-visible,.party-panel__formations button.is-selected{border-color:#e6c06a;background:#e6c06a2e;color:#fff9dc;outline:none}.party-panel__formations .party-panel__return,.party-panel__formations .party-panel__recall{margin-top:4px;border-color:#70ad8185;color:#a8d19a}.hud__row,.quest-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:#f5f2e9b8;font-size:12px;line-height:1.2}.quest-panel strong{color:#fff9dc;font-size:14px}.quest-panel{position:fixed;top:16px;right:16px;width:min(260px,calc(100vw - 32px));align-items:flex-start;flex-direction:column;padding:12px;border:1px solid rgb(245 242 233 / 16%);border-radius:8px;background:#141b23ad;box-shadow:0 16px 40px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quest-panel small{min-height:15px;color:#f5f2e98f;font-size:10px}.quest-panel__label{color:#e6c06a;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.party-manage-toggle{width:100%;padding:7px 10px;border:1px solid rgb(230 192 106 / 35%);border-radius:6px;background:#e6c06a1a;color:#fff9dc;cursor:pointer;font-size:11px;pointer-events:auto}.party-manage-toggle:hover,.party-manage-toggle:focus-visible{border-color:#e6c06a;outline:none}.party-management{position:fixed;top:16px;right:16px;z-index:4;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;border:1px solid rgb(245 242 233 / 20%);border-radius:10px;background:#10161df0;box-shadow:0 24px 70px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.party-management[hidden]{display:none}.party-management>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgb(245 242 233 / 12%)}.party-management>header div{display:grid;gap:2px}.party-management>header small{color:#e6c06a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.party-management>header strong{color:#fff9dc;font-size:16px}.party-management>header button{border:0;background:transparent;color:#f5f2e9a6;cursor:pointer;font-size:22px}.party-management__body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:420px}.party-management__list{display:grid;align-content:start;gap:4px;max-height:calc(100vh - 105px);overflow-y:auto;padding:10px;border-right:1px solid rgb(245 242 233 / 10%)}.party-management__member{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;padding:6px;border:1px solid transparent;border-radius:7px;background:#ffffff08;color:#fff9dc;cursor:pointer;text-align:left}.party-management__member:hover,.party-management__member.is-selected{border-color:#e6c06a8c;background:#e6c06a1a}.party-management__member>span:last-child{display:grid;gap:2px}.party-management__member strong{font-size:12px}.party-management__member small{color:#f5f2e97f;font-size:9px}.party-management__portrait{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background-color:color-mix(in srgb,var(--role-color),#182028 42%);background-position:center 18%;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff24;font-weight:800}.party-management__details{overflow-y:auto;padding:18px}.party-management__hero{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px}.party-management__portrait--large{width:92px;height:92px;border-radius:10px}.party-management__hero h2{margin:2px 0 5px;color:#fff9dc;font-size:24px}.party-management__hero small{color:#e6c06a;font-size:10px;text-transform:uppercase}.party-management__hero p,.party-management__note{margin:0;color:#f5f2e985;font-size:10px}.party-management__details h3{margin:20px 0 8px;color:#f5f2e99e;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.party-management__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.party-management__stats div{display:grid;gap:3px;padding:9px;border-radius:6px;background:#ffffff0d}.party-management__stats small{color:#f5f2e97a;font-size:8px;text-transform:uppercase}.party-management__stats strong{color:#fff9dc;font-size:17px}.party-management__abilities{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}.party-management__abilities li{display:flex;justify-content:space-between;padding:9px;border:1px solid rgb(116 169 216 / 18%);border-radius:6px;background:#74a9d812;color:#d8eaff;font-size:11px}.party-management__abilities small{color:#d8eaff7a}@media(max-width:680px){.party-management__body{grid-template-columns:126px minmax(0,1fr)}.party-management__member{grid-template-columns:34px 1fr}.party-management__portrait{width:34px;height:34px}.party-management__portrait--large{width:72px;height:72px}.party-management__hero{grid-template-columns:72px 1fr}}.action-bar{position:fixed;left:50%;bottom:18px;display:grid;grid-template-columns:repeat(5,108px);gap:8px;transform:translate(-50%);pointer-events:auto}.action-bar button{position:relative;--role-color: #e6c06a;width:108px;height:58px;border:1px solid rgb(255 249 220 / 20%);border-radius:8px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--role-color),transparent 48%),transparent 46%),linear-gradient(145deg,#242d38eb,#141b23eb);box-shadow:inset 0 1px #ffffff1f,0 14px 28px #0000003d;color:#fff9dc;cursor:pointer;pointer-events:auto}.action-bar button:disabled{cursor:default;opacity:.58}.action-bar button.is-selected{border-color:#e6c06a;box-shadow:inset 0 1px #ffffff2e,0 0 18px #e6c06a4d,0 14px 28px #0000003d}.action-bar button span{position:absolute;top:5px;left:7px;color:#f5f2e9b3;font-size:11px;font-weight:700}.action-bar button strong{display:block;margin-top:10px;color:var(--role-color);font-size:12px}.action-bar button small{display:block;margin-top:2px;color:#f5f2e985;font-size:9px}.action-bar button em{position:absolute;right:6px;bottom:5px;color:#f5f2e99e;font-size:9px;font-style:normal}.camera-panel{position:fixed;right:16px;bottom:52px;display:grid;width:190px;gap:8px;padding:12px;border:1px solid rgb(245 242 233 / 18%);border-radius:9px;background:#141b23e0;box-shadow:0 12px 30px #0000003d;color:#f5f2e9c7;pointer-events:auto}.camera-panel[hidden]{display:none}.camera-toggle{position:fixed;right:16px;bottom:16px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px solid rgb(245 242 233 / 24%);border-radius:6px;background:#141b23e0;box-shadow:0 8px 20px #0000003d;color:#e6c06a;cursor:pointer;font-size:15px;pointer-events:auto}.camera-toggle:hover,.camera-toggle:focus-visible{border-color:#e6c06a;outline:none}.camera-panel>strong{color:#fff9dc;font-size:11px;text-transform:uppercase}.camera-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;font-size:10px}.camera-panel output{color:#e6c06a;font-variant-numeric:tabular-nums}.camera-panel input{grid-column:1 / -1;width:100%;accent-color:#e6c06a}.gesture-menu{position:fixed;display:grid;width:176px;height:176px;place-items:center;border:1px solid rgb(245 242 233 / 22%);border-radius:50%;background:#141b23e5;box-shadow:0 16px 40px #00000057;color:#f5f2e9bd;transform:translate(-50%,-50%);pointer-events:none}.gesture-menu[hidden]{display:none}.gesture-menu__title{position:absolute;top:23px;color:#fff9dc;font-size:10px;font-weight:700;text-transform:uppercase}.gesture-menu__roles,.gesture-menu__intents{position:absolute;inset:0}.gesture-menu__roles{display:none}.gesture-menu--nested .gesture-menu__roles{display:block}.gesture-menu--nested .gesture-menu__intents{display:none}.gesture-menu__roles span,.gesture-menu__intents span{position:absolute;padding:4px 6px;border-radius:4px;font-size:11px;white-space:nowrap}.gesture-menu__roles span:nth-child(1),.gesture-menu__intents span:nth-child(1){top:39px;left:50%;transform:translate(-50%)}.gesture-menu__roles span:nth-child(2){top:50%;right:10px;transform:translateY(-50%)}.gesture-menu__roles span:nth-child(3){top:50%;left:10px;transform:translateY(-50%)}.gesture-menu__roles span:nth-child(4){bottom:39px;left:50%;transform:translate(-50%)}.gesture-menu__intents span:nth-child(2){bottom:39px;left:50%;transform:translate(-50%)}.gesture-menu__roles span.is-selected,.gesture-menu__intents span.is-selected{background:#e6c06a;color:#182028;font-weight:800}.pause-shade{position:fixed;inset:0;display:grid;place-items:center;background:#0a0d1161;color:#fff9dc;font-size:22px;font-weight:800;pointer-events:none}.pause-shade[hidden]{display:none}