:root{--bg: #0e0b07;--panel: #241a12;--panel-2: #33261a;--text: #ece2cf;--muted: #a8987a;--gold: #e8c06a;--brass: #b98a4e;--edge: #5b4a32;--edge-2: #7a6136;--leather-hi: #4a382465;--hp: #c0392b;--mp: #4a86c5;--ok: #6a9c4e;--danger: #c0392b;--radius: 12px;--serif: "Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--dock-h: 66px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--radius);padding:10px 14px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}.map-screen{position:relative;height:100%;overflow:hidden}.map-container{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.map-controls{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;display:flex;flex-direction:column;gap:8px;z-index:5}.ctl{width:46px;height:46px;display:grid;place-items:center;font-size:20px;border-radius:50%;border:2px solid var(--edge-2);background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--panel-2) 92%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));box-shadow:inset 0 1px 1px color-mix(in srgb,var(--gold) 22%,transparent),0 2px 6px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none}.ctl.active{border-color:var(--gold);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--gold) 30%,transparent),0 0 0 2px color-mix(in srgb,var(--gold) 40%,transparent),0 2px 6px #00000073}.dev-badge{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;z-index:5;background:#7a2e2e;color:#ffd9d9;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:6px;text-transform:uppercase}.zoom-hint,.notice{position:absolute;left:50%;transform:translate(-50%);z-index:9;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--edge);border-radius:999px;padding:8px 16px;font-size:13px;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.zoom-hint{top:max(64px,calc(env(safe-area-inset-top,0px) + 52px));color:var(--muted)}.notice{top:max(64px,calc(env(safe-area-inset-top,0px) + 52px))}.rc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,rgb(0 0 0 / .42),rgb(0 0 0 / .24) 60%,transparent 80%);animation:rc-fade .22s ease both}@keyframes rc-fade{0%{opacity:0}to{opacity:1}}.rc-card{pointer-events:auto;width:min(340px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 22px 20px;border-radius:16px;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--edge));box-shadow:0 18px 50px #0000008c,inset 0 1px color-mix(in srgb,var(--gold) 24%,transparent);animation:rc-rise .26s cubic-bezier(.22,1,.36,1) both}.rc-card.ok{border-color:color-mix(in srgb,#5fbf78 55%,var(--edge))}@keyframes rc-rise{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.rc-spinner{position:relative;width:52px;height:52px;display:grid;place-items:center;margin-bottom:2px}.rc-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--gold) 22%,transparent);border-top-color:var(--gold);animation:rc-spin .9s linear infinite}@keyframes rc-spin{to{transform:rotate(360deg)}}.rc-crest{font-size:20px;color:var(--gold);animation:rc-pulse 1.4s ease-in-out infinite}@keyframes rc-pulse{0%,to{opacity:.85}50%{opacity:.35}}.rc-check{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:26px;font-weight:700;color:#5fbf78;border:3px solid color-mix(in srgb,#5fbf78 60%,transparent);animation:rc-pop .32s cubic-bezier(.22,1,.36,1) both}@keyframes rc-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.rc-title{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:.3px;color:var(--gold)}.rc-card.ok .rc-title{color:#7fd694}.rc-detail{font-size:13.5px;line-height:1.45;color:var(--muted)}.rc-attempts{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 70%,var(--muted))}.rc-note{font-size:11.5px;font-style:italic;color:color-mix(in srgb,var(--muted) 80%,transparent);margin-top:2px}.rc-retry{margin-top:10px;padding:9px 22px;min-height:40px;border-radius:999px;font-size:14px;font-weight:600;color:#1a1206;cursor:pointer;background:linear-gradient(180deg,var(--gold),var(--brass));border:1px solid color-mix(in srgb,var(--gold) 60%,#000);box-shadow:0 4px 14px #00000059}.rc-retry:active{transform:translateY(1px)}.hud{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:8px 10px calc(8px + var(--safe-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--bg) 88%,transparent) 30%);display:flex;flex-direction:column;gap:6px}.hud-row{display:flex;align-items:center;gap:8px}.hud-vitals{gap:6px}.hud-bar{position:relative;flex:1;height:18px;border-radius:9px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--edge);overflow:hidden}.hud-bar-fill{height:100%;transition:width .6s linear}.hud-hp .hud-bar-fill{background:var(--hp)}.hud-mp .hud-bar-fill{background:var(--mp)}.hud-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .7)}.hud-meta{font-size:13px}.hud-gold{font-weight:700;color:var(--gold)}.hud-gold.banked{color:var(--muted)}.hud-storage{display:inline-flex;align-items:center;gap:4px}.hud-storage-track{display:inline-block;width:42px;height:8px;border-radius:4px;background:var(--panel);border:1px solid var(--edge);overflow:hidden}.hud-storage-fill{display:block;height:100%;background:var(--gold)}.hud-buffs{display:flex;gap:4px;margin-left:auto}.buff-icon{font-size:16px}.buff-icon.blessing{filter:drop-shadow(0 0 4px var(--gold))}.quick-slot{width:46px;height:46px;font-size:20px;border-radius:var(--radius);flex:none}.hex-panel{position:absolute;left:8px;right:8px;bottom:calc(var(--dock-h) + var(--safe-bottom) + 10px);z-index:8;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--edge);border-radius:16px;padding:12px;max-height:52vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hex-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hex-title{font-weight:800;font-size:16px}.relic-badge{color:#c792ea;font-size:12px;margin-left:6px}.hex-sub{color:var(--muted);font-size:12px;margin-top:2px}.hex-id{font-size:11px}.claim-owner{color:var(--gold)}.panel-close{padding:4px 10px;border-radius:8px}.mob-card{position:relative;margin-top:10px;padding:10px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--edge);display:flex;flex-direction:column;gap:6px}.mob-card.aggressive{border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.mob-card.fighting{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.mob-card.defeated{opacity:.8}.mob-card.defeated .mob-name{text-decoration:line-through;color:var(--muted)}.mob-card.empty{color:var(--muted);font-size:13px;display:block}.mob-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mob-name{font-weight:700}.mob-tier{color:var(--gold);font-size:12px}.mob-sub{color:var(--muted);font-size:12px}.hpbar{position:relative;height:16px;border-radius:8px;background:#0e1320;border:1px solid var(--edge);overflow:hidden}.hpbar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#5ad07f,#37a35f);transition:width .26s ease-out}.you-hpbar .hpbar-fill{background:linear-gradient(#e5484d,#b5363a)}.hpbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-variant-numeric:tabular-nums;color:#eef2f8;text-shadow:0 1px 2px rgba(0,0,0,.75)}.combat-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:2}.floater{position:absolute;left:calc(50% + var(--col, 0) * 26px);transform:translate(-50%);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px rgba(0,0,0,.85);animation:floater-rise .9s ease-out forwards;white-space:nowrap}.floater-mob{top:48%;color:#ffe066}.floater-you{top:74%;color:#ff6b6b}.floater-miss{color:#9aa4b8;font-size:13px;font-weight:700}@keyframes floater-rise{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.map-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.mob-tag{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.mob-hp{position:relative;width:34px;height:5px;background:#0a0e16d9;border:1px solid rgba(0,0,0,.5);border-radius:3px;overflow:hidden}.mob-hp-fill{height:100%;width:100%;background:#5ad07f}.mob-hp-aggressive .mob-hp-fill{background:#e5484d}.gather-timer{position:absolute;transform:translate(-50%);width:92px;text-align:center;pointer-events:none}.gather-timer-bar{height:7px;border-radius:4px;background:#0a0e16d9;border:1px solid color-mix(in srgb,var(--gold) 55%,#000);overflow:hidden;box-shadow:0 1px 3px #0009}.gather-timer-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--brass),var(--gold));animation-name:gather-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes gather-fill{0%{width:0%}to{width:100%}}.gather-timer-label{margin-top:2px;font:600 10px/1.2 var(--serif);color:var(--gold);text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}.live-combat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}.lc-mob{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.lc-mob img{display:block}.lc-mob-mask{display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.lc-hp{margin-top:2px;width:40px;height:5px;background:#0a0e16d9;border:1px solid rgba(0,0,0,.55);border-radius:3px;overflow:hidden}.lc-hp .lc-hp-fill{height:100%;background:#e5484d}.lc-hp.you .lc-hp-fill{background:#5ad07f}.lc-mob.add .lc-hp{width:26px;height:4px}.lc-lvl{margin-top:2px;font:700 10px/1 var(--serif);color:var(--gold);text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}.lc-you{position:absolute;transform:translate(-50%)}.lc-you .lc-hp{width:46px;height:6px}.lc-floater{position:absolute;transform:translate(-50%,-50%);font:800 15px/1 var(--serif);pointer-events:none;animation:lc-rise .9s ease-out forwards;text-shadow:0 1px 2px #000,0 0 4px #000}.lc-floater-mob{color:#ffd27a}.lc-floater-you{color:#ff6a6a}.lc-floater-heal{color:#5ad07f}@keyframes lc-rise{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-180%)}}.lc-mob.snared img,.lc-mob.snared canvas,.lc-mob.snared .lc-mob-mask{filter:brightness(.85) saturate(1.4) hue-rotate(150deg)}.loot-panel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;align-items:flex-end;justify-content:center;padding:0 12px calc(84px + var(--safe-bottom));background:#00000040;animation:rc-fade .16s ease both}.loot-panel{width:min(360px,94vw);max-height:52vh;display:flex;flex-direction:column;border-radius:16px 16px 14px 14px;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--edge));box-shadow:0 18px 46px #0000008c;animation:rc-rise .22s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.loot-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.loot-title{font:700 17px/1 var(--serif);color:var(--gold);letter-spacing:.4px}.loot-x{width:30px;height:30px;border-radius:8px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--muted);font-size:14px;cursor:pointer}.loot-rows{overflow-y:auto;padding:2px 10px;display:flex;flex-direction:column;gap:6px}.loot-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;min-height:48px;border-radius:10px;border:1px solid var(--edge);border-left:4px solid var(--edge);background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text);cursor:pointer;text-align:left}.loot-row:active{background:color-mix(in srgb,var(--panel-2) 90%,transparent)}.loot-row:disabled{opacity:.55;cursor:default}.loot-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--panel-2) 92%,#000),color-mix(in srgb,var(--bg) 82%,#000));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--edge));flex:0 0 auto}.loot-emoji{font-size:22px;line-height:1}.loot-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.loot-name{font-size:14px}.loot-cat{font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;opacity:.85}.loot-qty{font:700 13px/1 var(--serif);color:var(--gold)}.loot-take{font-size:12.5px;font-weight:700;color:var(--gold);padding:5px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--edge))}.loot-empty{padding:22px;text-align:center;color:var(--muted);font-style:italic}.loot-all{margin:8px 12px 12px;padding:12px;min-height:46px;border-radius:12px;font:700 15px/1 var(--serif);letter-spacing:.4px;color:#1a1206;cursor:pointer;background:linear-gradient(180deg,var(--gold),var(--brass));border:1px solid color-mix(in srgb,var(--gold) 60%,#000);box-shadow:0 4px 14px #00000059}.loot-all:disabled{opacity:.6;cursor:default}.loot-all:active:not(:disabled){transform:translateY(1px)}.lc-buffs{display:flex;justify-content:center;gap:3px;margin-top:2px}.lc-buff{font-size:12px;filter:drop-shadow(0 1px 2px #000);animation:lc-pulse 1s ease-in-out infinite}@keyframes lc-pulse{0%,to{opacity:1}50%{opacity:.55}}.lc-banner{position:absolute;left:50%;top:12px;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:10px;padding:7px 12px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,#e5484d 45%,var(--edge));border-radius:999px;color:var(--gold);font:600 12px/1.2 var(--serif);box-shadow:0 6px 18px #00000080;white-space:nowrap}.lc-flee{padding:4px 12px;border-radius:999px;border:1px solid var(--edge);background:var(--panel-2);color:#ffd7b0;font:600 12px var(--serif);cursor:pointer}.lc-flee:hover{border-color:var(--gold)}.lc-abilities{position:absolute;left:50%;bottom:92px;transform:translate(-50%);pointer-events:auto;display:flex;gap:10px}.lc-ability{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:68px;padding:7px 4px 5px;border-radius:12px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--edge));background:color-mix(in srgb,var(--gold) 10%,var(--panel));color:var(--gold);cursor:pointer;box-shadow:0 6px 16px #00000080;-webkit-tap-highlight-color:transparent}.lc-ability:active{transform:translateY(1px)}.lc-ability .skill-glyph{width:30px;height:30px;flex:0 0 auto}.lc-ability-name{font:700 10px/1 var(--serif);white-space:nowrap}.lc-ability.cooling{opacity:.55;cursor:default}.lc-ability.cooling .skill-glyph{background:color-mix(in srgb,var(--gold) 50%,#888)}.lc-ability-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:800 20px/1 var(--serif);color:#fff;text-shadow:0 1px 3px #000;border-radius:12px;background:#060a1273}.entity-menu-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.entity-menu{position:absolute;transform:translate(-50%,calc(-100% - 14px));min-width:160px;max-width:220px;pointer-events:auto;padding:9px 11px 11px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:2px solid var(--edge-2);border-radius:12px;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--gold) 22%,transparent),0 8px 22px #0000008c}.entity-menu:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--edge-2)}.entity-menu.mob{border-color:color-mix(in srgb,#e5484d 55%,var(--edge-2))}.entity-menu-close{position:absolute;top:3px;right:5px;background:none;border:none;color:var(--brass);font-size:13px;cursor:pointer;line-height:1}.entity-menu-title{font:600 14px/1.25 var(--serif);color:var(--gold);display:flex;align-items:center;gap:5px;padding-right:14px}.entity-menu-tier{font-size:11px;color:var(--brass)}.entity-menu-sub{margin:2px 0 8px;font-size:11px;color:color-mix(in srgb,#d9c9a6 80%,transparent);text-transform:capitalize}.entity-menu-action{width:100%;min-height:44px;padding:8px 10px;border-radius:9px;border:1px solid var(--edge);background:linear-gradient(color-mix(in srgb,var(--panel-2) 92%,transparent),var(--panel));color:var(--gold);font:600 13px/1.1 var(--serif);cursor:pointer}.entity-menu-action:hover:not(:disabled){border-color:var(--gold)}.entity-menu-action:disabled{opacity:.65;cursor:default}.entity-menu-action.attack{color:#ffd7b0;border-color:color-mix(in srgb,#e5484d 60%,var(--edge))}.combat-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0604028c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.combat-overlay{position:relative;width:min(92vw,380px);padding:14px 14px 8px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:2px solid var(--edge-2);border-radius:16px;box-shadow:0 16px 40px #0009}.combat-overlay .mob-card{margin:0}.combat-overlay-close{position:absolute;top:6px;right:9px;z-index:1;background:none;border:none;color:var(--brass);font-size:16px;cursor:pointer}.node-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.node-row{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;padding:6px 10px;font-size:13px}.node-row.empty{color:var(--muted)}.node-row.gathering{border-color:#6ee7a0}.gather-bar{position:absolute;left:0;bottom:0;height:4px;width:0;background:#6ee7a0;box-shadow:0 0 6px #6ee7a0b3;animation-name:gather-fill;animation-timing-function:linear;animation-fill-mode:forwards;pointer-events:none}@keyframes gather-fill{0%{width:0}to{width:100%}}.node-name{font-weight:600}.node-req{color:var(--muted);font-size:11px;margin-left:auto}.node-dist{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:52px;text-align:right}.node-dist.in-range{color:#6ee7a0;font-weight:600}.node-row.locked{opacity:.72}.node-row.locked .node-req{color:#e6a15c}.action.small{padding:6px 10px;flex:none}.tile-access{margin-top:12px;padding:10px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--edge)}.tile-access-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.tile-access .segment button{text-transform:capitalize}.tile-fee-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.tile-fee-row input{width:84px;padding:8px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--edge);color:var(--text);font:inherit}.tile-access-badge{margin-top:12px;padding:10px 12px;border-radius:var(--radius);font-size:13px;font-weight:600;background:var(--panel-2);border:1px solid var(--edge)}.tile-access-badge.private{border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:#ff8a86}.tile-access-badge.fee{border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold)}.coat-of-arms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.coa-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;min-height:44px;border-radius:10px;background:var(--panel-2);border:1px solid var(--edge);color:var(--text);cursor:pointer;font:inherit}.coa-chip:hover{border-color:var(--gold)}.coa-icon{font-size:15px;line-height:1}.coa-val{font-size:11px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.tile-tabs{margin-top:12px;gap:4px}.tile-tabs button{flex:1 1 0;padding:8px 4px;font-size:12px;line-height:1.15;min-width:0}.tab-badge{display:inline-block;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);background:color-mix(in srgb,var(--text) 8%,transparent);border-radius:6px;padding:0 4px;margin-left:2px}.tile-tabs button.selected .tab-badge{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.tile-note{margin-top:12px;font-size:13px;color:var(--muted)}.tile-hint{margin-top:6px;font-size:12px;color:var(--muted)}.banner-tab{margin-top:12px}.banner-card{padding:12px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--edge)}.banner-card.read-only{margin-top:12px;color:var(--gold);font-weight:600}.banner-tier-now{font-size:13px;color:var(--gold);font-weight:600}.banner-tier-next{font-size:12px;color:var(--muted);margin:6px 0 10px}.banner-card .action{width:100%}.banner-max{font-size:13px;margin-top:6px}.abandon-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:10px;border-top:1px solid var(--edge)}.action-link{background:none;border:none;font:inherit;cursor:pointer;padding:4px;text-decoration:underline;color:var(--muted)}.action-link.danger{color:color-mix(in srgb,var(--danger) 80%,var(--text))}.action.danger{border-color:color-mix(in srgb,var(--danger) 60%,transparent);color:#ff8a86}.build-tab{margin-top:12px}.build-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.build-head .purse{text-transform:none;letter-spacing:0;color:var(--gold);font-variant-numeric:tabular-nums}.build-note{font-size:11px;color:var(--muted);margin:6px 0 8px}.build-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--edge) 60%,transparent)}.build-row .action.small{margin-left:auto;min-height:44px}.abandon-row .action,.abandon-row .action.small,.tile-fee-row .action.small{min-height:44px}.build-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.build-slot{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon name" "icon blurb" "cost cost";gap:2px 8px;align-items:center;text-align:left;padding:10px;min-height:44px;border-radius:10px;background:var(--panel-2);border:1px solid var(--edge);color:var(--text);cursor:pointer;font:inherit}.build-slot>:first-child{grid-area:icon}.build-slot-name{grid-area:name;font-weight:600;font-size:13px}.build-slot-blurb{grid-area:blurb;font-size:11px;color:var(--muted)}.build-slot-cost{grid-area:cost;font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums;margin-top:4px}.build-slot:hover:not(:disabled){border-color:var(--gold)}.build-slot.locked,.build-slot:disabled{opacity:.5;cursor:default}.build-slot.locked .build-slot-cost{color:var(--muted)}.dock-btn.dim{opacity:.42}.hex-actions{display:flex;gap:8px;margin-top:12px}.hex-actions .action{flex:1}.onboarding{min-height:100%;padding:24px 16px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:0 auto}.brand{letter-spacing:.2em;color:var(--gold);margin:8px 0 0}.onboard-account{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.link-btn{background:none;border:none;color:var(--gold);cursor:pointer;font:inherit;text-decoration:underline;padding:4px}.auth-tag{color:var(--muted);margin:0 0 6px;font-style:italic}.auth-screen{justify-content:center;min-height:100dvh}.auth-crest{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--brass) 60%,var(--gold));box-shadow:0 8px 22px #00000080;margin:2px 0}.auth-card{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);border-radius:14px;box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 10%,transparent),0 16px 40px #00000073}.auth-tabs{width:100%}.auth-field{display:flex;flex-direction:column;gap:4px;text-align:left}.auth-field span{font-size:12px;color:var(--muted)}.auth-field input{padding:12px;background:var(--panel-2);border:1px solid var(--edge);border-radius:9px;color:var(--text);font-size:16px;min-height:44px}.auth-field input:focus{outline:none;border-color:var(--gold)}.auth-note{font-size:12px;color:var(--muted);margin:0}.auth-error{color:#ff8a8a;font-size:13px;margin:0}.play-choose{text-align:center;gap:14px}.play-opt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 96%,transparent);text-align:left;text-decoration:none;color:var(--text);cursor:pointer;min-height:64px}.play-opt:active{transform:translateY(1px)}.play-opt-android{border-color:color-mix(in srgb,#3ddc84 55%,var(--edge));background:color-mix(in srgb,#3ddc84 12%,var(--panel))}.play-opt-icon{flex:none;width:34px;display:grid;place-items:center;font-size:26px}.play-opt-text{display:flex;flex-direction:column;gap:2px}.play-opt-main{font-weight:800;font-size:16px}.play-opt-sub{color:var(--muted);font-size:12px}.play-opt-android .play-opt-sub{color:#3ddc84;font-weight:700;letter-spacing:.03em}.play-other{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:2px 0}.play-other:before,.play-other:after{content:"";flex:1;height:1px;background:var(--edge)}.play-note{color:var(--muted);font-size:12px;margin:6px 0 0;line-height:1.4}.play-opt-primary{border-color:color-mix(in srgb,var(--gold) 50%,var(--edge));background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.play-opt-primary .play-opt-main{color:var(--gold)}.spawn-step{text-align:center}.spawn-title{font-family:var(--serif);font-weight:700;font-size:1.4rem;color:var(--gold);margin:2px 0 0}.spawn-lede{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0 auto 4px;max-width:34ch}.spawn-note{font-size:12px;color:var(--muted);line-height:1.5;margin:4px auto 0;max-width:34ch}.auth-link{background:none;border:none;padding:2px 0;color:var(--gold);font-size:13px;text-align:left;cursor:pointer;align-self:flex-start}.auth-link:hover{text-decoration:underline}.auth-back{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0;align-self:flex-start}.auth-back:hover{color:var(--text)}.lp{min-height:100%;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.lp [id]{scroll-margin-top:calc(74px + env(safe-area-inset-top,0px))}.lp-container{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.lp-nav{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--brass) 30%,transparent)}.lp-nav-inner{display:flex;align-items:center;justify-content:space-between;height:58px}.lp-wordmark{font-family:var(--serif);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:17px;color:var(--gold)}.lp-nav-links{display:flex;align-items:center;gap:22px}.lp-nav-links a{color:var(--muted);text-decoration:none;font-size:14px;letter-spacing:.02em;transition:color .15s ease}.lp-nav-links a:hover{color:var(--gold)}.lp-nav-login{padding:8px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--edge));background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold);font-weight:700;font-size:13px}.lp-nav-login:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,transparent)}@media(max-width:640px){.lp-nav-links a{display:none}}.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:12px;font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.03em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.lp-btn:active{transform:translateY(1px)}.lp-btn-primary{color:#1a1405;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 90%,#fff) 0%,var(--gold) 48%,var(--brass) 100%);border-color:color-mix(in srgb,var(--gold) 70%,#000);box-shadow:inset 0 1px color-mix(in srgb,#fff 40%,transparent),0 8px 22px color-mix(in srgb,var(--gold) 22%,transparent)}.lp-btn-primary:hover{box-shadow:inset 0 1px color-mix(in srgb,#fff 50%,transparent),0 10px 30px color-mix(in srgb,var(--gold) 34%,transparent)}.lp-btn-ghost{color:var(--text);background:color-mix(in srgb,var(--panel) 55%,transparent);border-color:var(--edge-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.lp-btn-text{background:none;border:none;color:var(--muted);font-family:system-ui,sans-serif;font-weight:600;font-size:14px;padding:10px}.lp-btn-text:hover{color:var(--gold);text-decoration:underline}.lp-hero{position:relative;overflow:hidden;padding:clamp(44px,9vw,100px) 0 clamp(50px,8vw,88px);border-bottom:1px solid color-mix(in srgb,var(--brass) 26%,transparent)}.lp-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg) url(/assets/landing/hero-map.jpg) center 46% / cover no-repeat}.lp-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(120% 90% at 50% 4%,transparent 36%,color-mix(in srgb,var(--bg) 70%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 44%,transparent),color-mix(in srgb,var(--bg) 14%,transparent) 44%,color-mix(in srgb,var(--bg) 88%,transparent))}.lp-hero-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.lp-crest{width:clamp(104px,17vw,148px);height:auto;aspect-ratio:1;margin-bottom:12px;border-radius:50%;object-fit:cover;border:3px solid color-mix(in srgb,var(--brass) 60%,var(--gold));box-shadow:0 14px 34px #0009}.lp-eyebrow{margin:0 0 12px;font-family:var(--serif);text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--gold);text-shadow:0 1px 6px rgb(0 0 0 / .7)}.lp-title{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(2rem,7.2vw,4.4rem);line-height:1.04;letter-spacing:.01em;color:var(--text);text-shadow:0 2px 18px rgb(0 0 0 / .6)}.lp-title em{font-style:normal;background:linear-gradient(180deg,#f6d98b,var(--gold) 55%,var(--brass));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--gold) 30%,transparent))}.lp-lede{margin:18px auto 0;max-width:620px;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.6;color:color-mix(in srgb,var(--text) 88%,transparent);text-shadow:0 1px 8px rgb(0 0 0 / .5)}.lp-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}.lp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:22px 0 0;padding:0}.lp-chips li{position:relative;font-size:13px;color:var(--muted);letter-spacing:.03em;padding-left:17px}.lp-chips li:before{content:"◆";position:absolute;left:0;top:1px;color:var(--brass);font-size:9px}.lp-android-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 18px;border-radius:999px;border:1px solid color-mix(in srgb,#3ddc84 45%,var(--edge));background:color-mix(in srgb,#3ddc84 12%,transparent);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .12s ease}.lp-android-cta:hover{border-color:#3ddc84;background:color-mix(in srgb,#3ddc84 18%,transparent)}.lp-android-cta:active{transform:translateY(1px)}.lp-section{padding:clamp(48px,8vw,88px) 0}.lp-section-alt{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 44%,var(--bg)),color-mix(in srgb,var(--panel) 24%,var(--bg)));border-top:1px solid color-mix(in srgb,var(--brass) 30%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brass) 30%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 8%,transparent)}.lp-section-head{text-align:center;max-width:640px;margin:0 auto clamp(28px,5vw,46px)}.lp-kicker{margin:0 0 10px;font-family:var(--serif);text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--brass)}.lp-h2{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,4.4vw,2.5rem);line-height:1.12;color:var(--gold)}.lp-sub{margin:14px auto 0;max-width:560px;font-size:1rem;line-height:1.55;color:var(--muted)}.lp-grid{display:grid;gap:16px}.lp-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.lp-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.lp-grid-4{grid-template-columns:1fr}}.lp-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 10%,transparent),0 10px 26px #00000059;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}@media(hover:hover){.lp-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--gold) 45%,var(--edge));box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 16%,transparent),0 16px 34px #00000073}}.lp-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,var(--panel-2));border:1px solid color-mix(in srgb,var(--gold) 34%,var(--edge))}.lp-card-title{margin:0;font-family:var(--serif);font-weight:700;font-size:1.15rem;color:var(--text);letter-spacing:.01em}.lp-card-body{margin:0;font-size:.92rem;line-height:1.55;color:var(--muted)}.lp-class{gap:12px}.lp-class-head{display:flex;align-items:center;gap:12px}.lp-class-building{margin:3px 0 0;font-family:var(--serif);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.lp-stars{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:2px}.lp-stat{display:flex;align-items:center;justify-content:space-between;font-size:12px}.lp-stat-name{color:var(--muted)}.lp-stat-stars{color:var(--gold);letter-spacing:1px;font-size:12px}.lp-stat-stars .dim{color:color-mix(in srgb,var(--gold) 24%,transparent)}.lp-class-sig{margin:2px 0 0;padding-top:12px;border-top:1px solid var(--edge);font-size:13px;color:var(--text)}.lp-class-sig span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-right:8px}.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.lp-steps{grid-template-columns:1fr}}.lp-step{position:relative;padding:26px 22px;border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);box-shadow:0 10px 26px #0000004d;display:flex;flex-direction:column;gap:10px}.lp-step-n{display:grid;place-items:center;width:46px;height:46px;margin-bottom:2px;font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:.04em;color:var(--gold);border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--edge));background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--gold) 16%,var(--panel-2)),var(--panel))}.lp-fact{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 10%,transparent),0 10px 26px #00000059}.lp-fact-value{font-family:var(--serif);font-weight:700;font-size:1.1rem;letter-spacing:.01em;color:var(--gold)}.lp-fact-label{font-size:.9rem;line-height:1.5;color:var(--muted)}.lp-final{position:relative;overflow:hidden;text-align:center;padding:clamp(56px,10vw,108px) 0}.lp-final-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg) url(/assets/landing/world-map.jpg) center / cover no-repeat}.lp-final-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(92% 120% at 50% 50%,color-mix(in srgb,var(--bg) 52%,transparent),color-mix(in srgb,var(--bg) 93%,transparent))}.lp-final-inner{position:relative;z-index:2}.lp-final-title{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,5.5vw,3rem);color:var(--gold);text-shadow:0 2px 16px rgb(0 0 0 / .6)}.lp-final-sub{margin:12px auto 0;max-width:520px;font-size:1.05rem;color:color-mix(in srgb,var(--text) 88%,transparent);text-shadow:0 1px 8px rgb(0 0 0 / .5)}.lp-final .lp-cta-row{margin-top:26px}.lp-foot{border-top:1px solid color-mix(in srgb,var(--brass) 22%,transparent);padding:26px 0 calc(26px + var(--safe-bottom))}.lp-foot-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lp-foot .lp-wordmark{font-size:15px}.lp-foot-note{font-size:13px;color:var(--muted)}.class-detail{width:100%;text-align:left;padding:12px 14px;background:color-mix(in srgb,var(--panel-2) 80%,transparent);border:1px solid var(--edge);border-radius:12px;display:flex;flex-direction:column;gap:8px}.class-stars{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.class-stat{display:flex;align-items:center;justify-content:space-between;font-size:12px}.class-stat-name{color:var(--muted)}.class-stat-stars{color:var(--gold);letter-spacing:1px}.class-stat-stars .dim{color:color-mix(in srgb,var(--gold) 26%,transparent)}.class-blurb{margin:0;font-size:13px;color:var(--text)}.skill-card{display:flex;gap:12px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--edge));background:color-mix(in srgb,var(--gold) 7%,var(--panel))}.skill-icon{flex:0 0 auto;display:flex;width:48px;height:48px;padding:8px;border-radius:9px;background:color-mix(in srgb,var(--gold) 16%,var(--panel-2));border:1px solid color-mix(in srgb,var(--gold) 34%,transparent)}.skill-glyph{flex:1;background:var(--gold);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.skill-body{display:flex;flex-direction:column;gap:6px;min-width:0}.skill-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.skill-name{font-size:14px;font-weight:700;color:var(--gold)}.skill-kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:1px 6px;border:1px solid var(--edge);border-radius:999px}.skill-tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);padding:1px 6px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent)}.skill-stats{display:flex;flex-wrap:wrap;gap:6px;margin:0}.skill-stats>div{display:flex;flex-direction:column;gap:1px;padding:3px 8px;border-radius:7px;background:color-mix(in srgb,var(--panel-2) 80%,transparent);border:1px solid var(--edge)}.skill-stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.skill-stats dd{margin:0;font-size:13px;font-weight:600;color:var(--text)}.skill-desc{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.skill-tree{display:flex;flex-direction:column;gap:8px}.st-bank{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--gold) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--gold) 34%,var(--edge))}.st-bank-num{font:800 22px/1 var(--serif);color:var(--gold)}.st-bank-lbl{margin-left:6px;font-size:12px;color:var(--muted)}.st-bank-sub{grid-column:1 / 3;font-size:11px;color:var(--muted)}.st-respec{grid-row:1 / 3;grid-column:3;padding:6px 12px;border-radius:999px;border:1px solid var(--edge);background:var(--panel-2);color:#ffd7b0;font:600 12px var(--serif);cursor:pointer}.st-respec:disabled{opacity:.4;cursor:default}.st-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:color-mix(in srgb,var(--panel-2) 70%,transparent);border:1px solid var(--edge)}.st-row.active{border-color:color-mix(in srgb,var(--gold) 38%,var(--edge));background:color-mix(in srgb,var(--gold) 6%,var(--panel-2))}.st-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.st-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.st-name{font:700 13px var(--serif);color:var(--text)}.st-kind{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:1px 6px;border:1px solid var(--edge);border-radius:999px}.st-rank{margin-left:auto;font:700 12px var(--serif);color:var(--gold)}.st-desc{margin:0;font-size:11px;line-height:1.35;color:var(--muted)}.st-pips{display:flex;gap:3px;flex-wrap:wrap}.st-pip{width:12px;height:6px;border-radius:2px;background:color-mix(in srgb,var(--muted) 30%,transparent)}.st-pip.on{background:var(--gold)}.st-buy{flex:0 0 auto;align-self:stretch;min-width:64px;padding:6px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--edge));background:color-mix(in srgb,var(--gold) 18%,var(--panel));color:var(--gold);font:700 12px var(--serif);cursor:pointer}.st-buy:disabled{opacity:.4;cursor:default;border-color:var(--edge);color:var(--muted);background:transparent}.onboard-step{display:flex;flex-direction:column;gap:14px;width:100%;align-items:stretch;text-align:center}.onboarding-wide{max-width:940px}.create-cols{display:grid;grid-template-columns:1fr;gap:16px;text-align:left}@media(min-width:720px){.create-cols{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}.create-col{display:flex;flex-direction:column;gap:12px;min-width:0}.create-col-look{align-items:center}.create-col-look>.form-row{width:100%}.create-col-look .onboard-spawn{width:100%;margin-top:4px}@media(max-width:719px){.onboard-spawn{position:sticky;bottom:calc(var(--safe-bottom) + 8px);z-index:6;box-shadow:0 -8px 20px #0000008c}}.primary{background:var(--gold);color:#1a1405;font-weight:800;border:none;padding:14px}.ghost{background:transparent;color:var(--muted)}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.class-card{padding:12px;text-align:left;min-height:56px}.class-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}.class-name{font-weight:800}.class-sub{color:var(--muted);font-size:12px}.form-row{text-align:left;display:flex;flex-direction:column;gap:6px}.form-row>label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.segment{display:flex;flex-wrap:wrap;gap:6px}.segment button{padding:8px 14px;font-size:13px;min-height:44px}.segment button.selected{border-color:var(--gold);color:var(--gold)}.perm-note{font-size:12px;color:#f2c94c;background:color-mix(in srgb,#f2c94c 10%,transparent);border-radius:8px;padding:8px 10px;margin:0}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;padding:0}.swatch.selected{box-shadow:0 0 0 3px var(--gold)}.paperdoll{position:relative;margin:0 auto}.lpc-avatar{margin:8px auto 4px;display:block;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 62%,rgba(255,255,255,.05),transparent 62%);border-radius:10px}.paperdoll-emblem{position:absolute;right:-6px;bottom:-2px;font-size:26px}.game-icon{vertical-align:middle;flex:none}.res-cell,.node-name{display:inline-flex;align-items:center;gap:6px}.guide{min-height:100%;padding:16px 16px calc(24px + var(--safe-bottom));max-width:640px;margin:0 auto}.guide-head{display:flex;align-items:baseline;gap:12px}.guide-head .back{color:var(--gold);text-decoration:none;font-size:14px}.guide h1{font-size:20px;margin:0}.guide h2{font-size:15px;color:var(--gold);margin:20px 0 8px}.skill-list{margin:0;padding-left:18px;font-size:14px;line-height:1.5}.hint{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}.guide table{border-collapse:collapse;width:100%;font-size:13px}.guide th,.guide td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--edge-2);white-space:nowrap}.guide th{color:var(--muted);font-weight:600}.loot-chips{display:inline-flex;flex-wrap:wrap;gap:4px;white-space:normal;max-width:340px}.loot-chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 14%,transparent);white-space:nowrap}.player-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}.pm-head{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid var(--edge-2)}.pm-title{font-size:18px;font-weight:800}.pm-emblem{font-size:18px}.pm-tabs{display:flex;gap:4px;padding:10px 12px 0}.pm-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;padding:10px 8px;color:var(--muted);font-weight:700}.pm-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}.pm-body{flex:1;overflow-y:auto;padding:14px 16px 24px;max-width:640px;width:100%;margin:0 auto}.pm-section{display:flex;flex-direction:column;gap:8px}.pm-h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 4px}.pm-empty{color:var(--muted);font-size:13px;padding:8px 0}.muted{color:var(--muted)}.pm-hero{display:flex;gap:16px;align-items:center}.pm-hero .lpc-avatar{margin:0;flex:none}.pm-hero-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.pm-level{font-size:20px;font-weight:800}.pm-ability{font-size:13px;color:var(--muted)}.pm-gold{display:flex;gap:14px;font-weight:700}.pm-progress{height:10px;border-radius:5px;background:var(--panel-2);border:1px solid var(--edge);overflow:hidden}.pm-progress-fill{height:100%;background:var(--mp)}.pm-progress.xp .pm-progress-fill{background:linear-gradient(90deg,var(--gold),#f6d472)}.pm-xp{display:flex;align-items:center;gap:8px}.pm-xp .pm-progress{flex:1}.pm-xp-text{font-size:11px;color:var(--muted);white-space:nowrap}.pm-skills{display:flex;flex-direction:column;gap:8px}.pm-skill{display:grid;grid-template-columns:90px 32px 1fr;gap:8px;align-items:center;font-size:13px}.pm-skill-name{text-transform:capitalize;font-weight:600}.pm-skill-lvl{color:var(--gold);font-weight:700}.pm-equip{display:flex;gap:8px}.pm-equip-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;font-size:12px}.pm-equip-slot.empty{opacity:.55}.pm-equip-label{text-align:center}.pm-cat{margin-top:6px}.pm-cat-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.pm-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;font-size:11px;text-align:center}.pm-item.usable{border-color:color-mix(in srgb,var(--gold) 45%,var(--edge))}.pm-item:disabled{opacity:1;cursor:default}.pm-item-qty{position:absolute;top:4px;right:6px;font-weight:800;font-size:11px;color:var(--gold);text-shadow:0 1px 2px rgb(0 0 0 / .8)}.pm-item-name{color:var(--text);line-height:1.2}.pm-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.pm-switch{position:relative;width:48px;height:28px;border-radius:14px;background:var(--panel-2);border:1px solid var(--edge);padding:0;flex:none}.pm-switch.on{background:color-mix(in srgb,var(--ok) 70%,transparent);border-color:var(--ok)}.pm-switch-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#eaf0ff;transition:transform .15s ease}.pm-switch.on .pm-switch-knob{transform:translate(20px)}.pm-appearance{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.pm-appearance .lpc-avatar{margin:0;flex:none}.pm-app-controls{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px}.pm-account{display:flex;flex-direction:column;gap:8px;align-items:stretch}.pm-account-id{font-size:13px;color:var(--muted)}.pm-btn{text-align:center;padding:12px;font-weight:700}.pm-btn.warn{border-color:color-mix(in srgb,var(--gold) 45%,var(--edge));color:var(--gold)}.pm-btn.danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:#ff8a86}.pm-danger-confirm{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);border-radius:10px;font-size:13px}.pm-danger-row{display:flex;gap:8px}.pm-danger-row .pm-btn{flex:1}.maplibregl-canvas{filter:saturate(.42) brightness(1.08) contrast(.9)}.maplibregl-ctrl-attrib{font-size:10px}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 38%,var(--panel-2),var(--bg) 72%);color:var(--text);animation:splash-out .4s ease 2.6s forwards}@keyframes splash-out{to{opacity:0}}.loading-badge{font-size:46px;color:var(--gold);animation:splash-spin 1.6s linear infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}.loading-title{font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:6px;color:var(--gold);text-shadow:0 2px 10px rgb(0 0 0 / .6)}.loading-sub{color:var(--muted);font-size:14px;font-style:italic;letter-spacing:.5px}.loading-bar{width:210px;height:8px;margin-top:8px;border-radius:4px;background:var(--panel-2);border:1px solid var(--edge);overflow:hidden}.loading-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--brass),var(--gold));animation:loadfill 3s ease forwards}@keyframes loadfill{to{width:100%}}.zoom-slider{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .22s ease}.zoom-slider.shown{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.zoom-slider{transition:none}}.zoom-step{width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--edge);color:var(--text);font-size:18px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zoom-track{position:relative;width:36px;height:150px;border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.zoom-track-fill{position:absolute;left:5px;right:5px;bottom:5px;border-radius:13px;background:color-mix(in srgb,var(--gold) 34%,transparent);pointer-events:none}.zoom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:50%;top:50%;width:140px;height:34px;transform:translate(-50%,-50%) rotate(-90deg);margin:0;background:transparent;cursor:pointer;accent-color:var(--gold)}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid #10141c;cursor:pointer}.zoom-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid #10141c;cursor:pointer}.pm-title,.hex-title,.loading-title{font-family:var(--serif);letter-spacing:.5px}.pm-h3{font-family:var(--serif);letter-spacing:.4px;color:var(--gold)}.stat-plate{position:absolute;left:8px;bottom:calc(var(--dock-h) + var(--safe-bottom) + 8px);z-index:7;display:flex;gap:8px;width:min(66vw,250px);padding:7px 10px 7px 7px;border-radius:14px;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 96%,transparent),color-mix(in srgb,var(--panel) 97%,transparent));border:1px solid var(--edge-2);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 14%,transparent),0 6px 16px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-plate:before,.stat-plate:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--brass);opacity:.75;pointer-events:none}.stat-plate:before{top:4px;left:4px;border-right:none;border-bottom:none;border-radius:5px 0 0}.stat-plate:after{bottom:4px;right:4px;border-left:none;border-top:none;border-radius:0 0 5px}.plate-portrait{position:relative;flex:none;width:58px;height:58px;padding:0;border-radius:10px;border:2px solid var(--brass);background:radial-gradient(circle at 50% 28%,#33261a,#140e08);overflow:hidden;display:grid;place-items:center}.plate-portrait .paperdoll-emblem{display:none}.plate-level{position:absolute;right:-3px;bottom:-3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#201503;background:radial-gradient(circle at 50% 32%,var(--gold),var(--brass));border:1px solid #3a2a12;border-radius:9px;box-shadow:0 1px 3px #00000080}.plate-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.plate-name{font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--gold);text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-vital{display:flex;align-items:center;gap:5px}.plate-vital-glyph{width:12px;flex:none;font-size:11px;text-align:center}.plate-vital.hp .plate-vital-glyph{color:var(--hp)}.plate-vital.mp .plate-vital-glyph{color:var(--mp)}.plate-vital-track{position:relative;flex:1;height:13px;border-radius:7px;background:#17100a;border:1px solid var(--edge);overflow:hidden}.plate-vital-fill{position:absolute;inset:0 auto 0 0;border-radius:6px 0 0 6px;transition:width .6s linear}.plate-vital.hp .plate-vital-fill{background:linear-gradient(180deg,#e0604f,var(--hp))}.plate-vital.mp .plate-vital-fill{background:linear-gradient(180deg,#62a4e0,var(--mp))}.plate-vital-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .85)}.plate-vital-max{color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:600}.plate-foot{display:flex;align-items:center;gap:6px;margin-top:1px}.plate-gold{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:11px;font-weight:700;color:var(--gold)}.plate-gold .coin{font-size:9px;text-shadow:0 0 3px color-mix(in srgb,var(--gold) 60%,transparent)}.plate-xp{flex:1;min-width:24px}.plate-xp-track{display:block;height:4px;border-radius:2px;background:#17100a;border:1px solid var(--edge);overflow:hidden}.plate-xp-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brass),var(--gold))}.plate-buffs{display:flex;gap:2px;flex:none}.plate-buffs .buff-icon{font-size:13px}.plate-quick{flex:none;width:38px;height:38px;padding:0;font-size:13px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--edge-2);background:var(--panel)}.nav-dock{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:6px 8px calc(6px + var(--safe-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 82%,transparent) 34%);pointer-events:none}.nav-dock-rail{pointer-events:auto;height:var(--dock-h);max-width:560px;margin:0 auto;display:flex;align-items:stretch;gap:4px;padding:5px 8px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 97%,transparent),color-mix(in srgb,var(--panel) 98%,transparent));border:1px solid var(--edge-2);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 12%,transparent),0 -2px 14px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock-btn{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:none;border-radius:11px;background:transparent;color:var(--muted)}.dock-btn:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}.dock-btn.active{background:color-mix(in srgb,var(--gold) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold)}.dock-glyph{width:24px;height:24px;display:block;background-color:#d8c7a2;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .12s ease,transform .12s ease}.dock-glyph-text{background:none;-webkit-mask-image:none;mask-image:none;font-size:21px;line-height:24px;text-align:center;color:#d8c7a2}.dock-btn:hover .dock-glyph{background-color:var(--gold);transform:translateY(-1px)}.dock-btn.active .dock-glyph{background-color:var(--gold)}.dock-btn:hover .dock-glyph-text,.dock-btn.active .dock-glyph-text{color:var(--gold)}.dock-label{font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1;white-space:nowrap;color:inherit}.dock-badge{position:absolute;top:1px;right:calc(50% - 22px);min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;background:var(--danger);border:1px solid #2a1109;border-radius:8px}@media(max-width:380px){.dock-label{font-size:9px}.stat-plate{width:min(72vw,240px)}}.respawn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,#2a0d0d 72%,transparent),color-mix(in srgb,var(--bg) 96%,transparent) 78%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.respawn-card{width:min(92vw,420px);padding:22px 20px 18px;text-align:center;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 97%,transparent),color-mix(in srgb,var(--panel) 98%,transparent));border:1px solid var(--edge-2);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 12%,transparent),0 12px 40px #0009}.respawn-skull{font-size:46px;color:var(--text);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--hp) 70%,transparent))}.respawn-title{font-family:var(--serif);font-size:26px;letter-spacing:1px;color:var(--gold);margin:6px 0 4px}.respawn-sub{color:var(--muted);font-size:13px;margin:0 0 16px;line-height:1.4}.respawn-options{display:flex;flex-direction:column;gap:8px}.respawn-opt{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--edge)}.respawn-opt:hover:not(:disabled){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.respawn-opt .game-icon{grid-row:1 / span 2}.respawn-opt-label{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--text)}.respawn-opt-desc{font-size:12px;color:var(--muted)}.respawn-note{margin:14px 0 2px;font-size:11px;font-style:italic;color:var(--muted)}.fortify{margin-top:12px}.fortify-h{font-family:var(--serif);font-size:13px;letter-spacing:.4px;color:var(--gold);margin:0 0 6px}.fortify-edges{display:flex;flex-direction:column;gap:5px}.fortify-edge{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 8px;border-radius:9px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--edge);font-size:12px}.fortify-edge.mine{border-color:color-mix(in srgb,var(--gold) 34%,transparent)}.fortify-dir{flex:none;width:26px;font-weight:800;color:var(--brass);font-family:var(--serif)}.fortify-state{flex:1;min-width:88px}.fortify-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-left:auto}.fortify-btn{padding:4px 8px;font-size:11px;border-radius:7px;background:var(--panel-2);border:1px solid var(--edge-2)}.fortify-btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.fortify-cost{font-size:10px;color:var(--muted);white-space:nowrap}.fortify-gate{display:flex;align-items:center;gap:4px;flex-basis:100%}.gate-acc{padding:3px 8px;font-size:11px;border-radius:6px;background:var(--panel);border:1px solid var(--edge);color:var(--muted)}.gate-acc.on{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.gate-toll{width:58px;padding:3px 6px;font-size:11px;border-radius:6px;background:var(--panel);border:1px solid var(--edge);color:var(--text)}.tile-stars{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:8px 0 4px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--edge)}.tile-stat{display:flex;align-items:center;gap:6px;font-size:12px}.tile-stat-name{color:var(--muted);flex:1}.tile-stat-stars{color:var(--gold);letter-spacing:1px}.tile-stat-stars .dim{color:color-mix(in srgb,var(--muted) 40%,transparent)}.party-hud{position:absolute;top:64px;left:8px;z-index:8;width:190px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.party-hud>*{pointer-events:auto}.party-launch{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--serif);color:var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 96%,transparent),color-mix(in srgb,var(--panel) 97%,transparent));border:1px solid var(--edge-2);border-radius:11px;padding:8px 12px;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 14%,transparent),0 4px 12px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.party-panel{border-radius:14px;padding:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 96%,transparent),color-mix(in srgb,var(--panel) 97%,transparent));border:1px solid var(--edge-2);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 14%,transparent),0 6px 16px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.party-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 2px 7px;margin-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--edge) 80%,transparent)}.party-head-title{display:inline-flex;align-items:center;gap:5px;font:700 12px/1 var(--serif);color:var(--gold);text-transform:uppercase;letter-spacing:.7px}.party-x{font:700 10px/1 var(--serif);color:var(--brass);background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--edge);border-radius:7px;padding:4px 8px;cursor:pointer}.party-x:hover{color:var(--gold);border-color:var(--edge-2)}.party-body{display:flex;flex-direction:column;gap:5px;max-height:54vh;overflow-y:auto}.party-mate{background:color-mix(in srgb,var(--panel) 62%,transparent);border:1px solid var(--edge);border-left:3px solid #5ad07f;border-radius:8px;padding:6px 8px}.party-mate.out{border-left-color:var(--muted);opacity:.72}.party-mate.stale{opacity:.5}.party-mate-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:4px}.party-mate-name{font:700 11px/1.1 var(--serif);color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-mate-lvl{font:600 9px/1 var(--serif);color:var(--brass);white-space:nowrap}.party-mate-hp{height:6px;background:color-mix(in srgb,var(--bg) 88%,#000);border:1px solid rgba(0,0,0,.55);border-radius:3px;overflow:hidden}.party-mate-hp-fill{height:100%;background:linear-gradient(90deg,#e5484d,#5ad07f);transition:width .25s ease-out}.party-join,.party-inv-btn{font:700 11px/1.2 var(--serif);color:var(--gold);background:var(--panel-2);border:1px solid var(--edge-2);border-radius:8px;padding:7px 9px;cursor:pointer;text-align:left}.party-join:hover,.party-inv-btn:hover{border-color:var(--gold)}.party-join:disabled,.party-inv-btn:disabled{opacity:.5;cursor:default}.party-invite{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--edge) 70%,transparent)}.party-invite-h{font:700 9px/1 var(--serif);color:var(--brass);text-transform:uppercase;letter-spacing:.6px;padding:0 2px 1px}.party-empty{font:600 10px/1.3 var(--serif);color:var(--muted);font-style:italic;padding:2px}.build-fab{position:absolute;right:8px;bottom:calc(var(--dock-h) + var(--safe-bottom) + 8px);z-index:7;display:inline-flex;align-items:center;gap:7px;padding:9px 14px 9px 11px;border-radius:14px;cursor:pointer;color:#17130a;font:800 13px/1 var(--serif);letter-spacing:.3px;background:linear-gradient(180deg,#f4d987,#d8ac4c 60%,#c8992f);border:1px solid color-mix(in srgb,var(--gold) 70%,#000);box-shadow:inset 0 1px #ffffff80,0 4px 14px #00000080;animation:build-fab-pulse 2.4s ease-out infinite}.build-fab:active{transform:translateY(1px)}.build-fab-icon{font-size:18px;line-height:1;filter:drop-shadow(0 1px 0 rgb(255 255 255 / .4))}.build-fab-label{white-space:nowrap}@keyframes build-fab-pulse{0%{box-shadow:inset 0 1px #ffffff80,0 4px 14px #00000080,0 0 color-mix(in srgb,var(--gold) 55%,transparent)}70%{box-shadow:inset 0 1px #ffffff80,0 4px 14px #00000080,0 0 0 11px color-mix(in srgb,var(--gold) 0%,transparent)}to{box-shadow:inset 0 1px #ffffff80,0 4px 14px #00000080,0 0 color-mix(in srgb,var(--gold) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.build-fab{animation:none}}.bunker-panel{width:min(400px,96vw);max-height:72vh}.bunker-sub{padding:0 14px 8px;font:600 12px/1.35 var(--serif);color:var(--muted)}.bunker-section{margin:0 10px 10px;padding:8px 8px 10px;border:1px solid var(--edge);border-radius:10px;background:color-mix(in srgb,var(--panel) 70%,transparent);overflow-y:auto;min-height:0}.bunker-section-head{display:flex;align-items:center;justify-content:space-between;font:700 13px/1 var(--serif);color:var(--gold);padding:2px 2px 8px}.bunker-slots{font:700 11px/1 var(--serif);color:var(--muted)}.bunker-rows{display:flex;flex-direction:column;gap:6px;max-height:168px;overflow-y:auto}.bunker-item-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid var(--edge);border-radius:8px;background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.bunker-item-name{flex:1;font:600 12px/1.2 var(--serif);color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bunker-item-qty{color:var(--muted);font-weight:700}.bunker-item-actions{display:flex;gap:4px;flex-shrink:0}.bunker-guest-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;font:600 12px/1.2 var(--serif);color:var(--text)}.bunker-invite-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}.bunker-hint{font:600 10.5px/1.35 var(--serif);color:var(--muted);padding:2px 2px 6px}.bunker-decor-teaser{margin:0 10px 12px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--gold) 35%,var(--edge));border-radius:10px;font:600 11px/1.4 var(--serif);color:var(--muted)}.bunker-error{padding:8px 14px 14px;font:600 12px/1.4 var(--serif);color:var(--text);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.bunker-head-actions{display:flex;align-items:center;gap:8px}.bunker-hammer{min-width:38px;height:32px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--edge));background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--gold);font:700 13px/1 var(--serif);cursor:pointer}.bunker-hammer.on{background:var(--gold);color:#1b1206;border-color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 55%,transparent)}.bunker-decorate{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;gap:7px;padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--panel) 92%,transparent) 16%,var(--panel) 40%);border-top:1px solid color-mix(in srgb,var(--gold) 26%,var(--edge));box-shadow:0 -10px 26px #00000080;animation:rc-fade .16s ease both}.bunker-decorate-bar{display:flex;align-items:center;gap:7px;min-height:30px}.bunker-decorate-bar.tools{overflow-x:auto;scrollbar-width:none}.bunker-decorate-bar.tools::-webkit-scrollbar{display:none}.bunker-decorate-title{font:700 13px/1 var(--serif);color:var(--gold)}.bunker-decorate .bunker-slots{font:600 11px/1 var(--serif);color:var(--muted);white-space:nowrap}.bunker-save-state{color:var(--muted)}.bunker-save-state.dirty{color:color-mix(in srgb,var(--gold) 80%,var(--text))}.bunker-spacer{flex:1}.bunker-sel-name{flex:0 0 auto;font:600 13px/1 var(--serif);color:var(--text);margin-right:2px;white-space:nowrap}.bunker-tool{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:32px;padding:0 9px;border-radius:8px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 74%,#0d1016);color:var(--text);font:700 15px/1 system-ui,sans-serif;cursor:pointer}.bunker-tool:hover{border-color:color-mix(in srgb,var(--gold) 45%,var(--edge))}.bunker-tool:active{transform:translateY(1px)}.bunker-tool.danger{color:#ff9a8f;border-color:color-mix(in srgb,#c0392b 50%,var(--edge))}.bunker-tool.wide{font:700 12px/1 system-ui,sans-serif;gap:3px;color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,var(--edge))}.bunker-decorate-hint{font:600 11px/1.3 var(--serif);color:var(--muted)}.bunker-swatch-row,.bunker-decor-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bunker-swatch-row::-webkit-scrollbar,.bunker-decor-row::-webkit-scrollbar{display:none}.bunker-swatch-label{align-self:center;flex:0 0 auto;font:700 11px/1 var(--serif);color:var(--muted);padding-right:2px}.bunker-swatch{flex:0 0 auto;width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:9px;border:2px solid var(--edge);background:#0d1016;cursor:pointer;overflow:hidden}.bunker-swatch img{border-radius:5px;display:block}.bunker-swatch.on{border-color:var(--gold);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 50%,transparent)}.bunker-decor-btn{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px;border-radius:10px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 70%,#0d1016);color:var(--text);cursor:pointer}.bunker-decor-btn span{font:600 9px/1.1 var(--serif);color:var(--muted);text-align:center}.bunker-decor-btn:active{transform:translateY(1px)}.bunker-decor-btn:disabled{opacity:.4;cursor:not-allowed}.map-settings{position:absolute;top:0;right:56px;width:min(248px,calc(100vw - 84px));padding:10px 12px 12px;border-radius:14px;color:var(--text);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid color-mix(in srgb,var(--gold) 34%,var(--edge));box-shadow:0 14px 38px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rc-fade .14s ease both;z-index:6}.map-settings-head{display:flex;align-items:center;justify-content:space-between;font:700 13px/1 var(--serif);color:var(--gold);padding-bottom:8px}.map-settings-x{width:26px;height:26px;border-radius:7px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--muted);font-size:13px;cursor:pointer}.map-settings-row{padding:6px 0}.map-settings-row+.map-settings-row{border-top:1px solid color-mix(in srgb,var(--edge) 60%,transparent)}.map-settings-row>label{display:block;font:700 11px/1 var(--serif);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px}.map-settings-note{font:600 10px/1.35 var(--serif);color:var(--muted);padding-top:5px}.zoom-fallback{display:flex;align-items:center;gap:8px}.zoom-fallback input[type=range]{flex:1;accent-color:var(--gold)}.zoom-fallback button{width:30px;height:30px;flex-shrink:0;padding:0;border-radius:8px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--text);font-size:16px;line-height:1;cursor:pointer}.bunker-interior{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#1a1f28,#0c0f15 70%,#070a0e);animation:rc-fade .2s ease both}.bunker-interior-head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px;gap:10px}.bunker-interior-title{font:700 15px/1.1 var(--serif);color:var(--gold)}.bunker-interior-canvas{flex:1;width:100%;min-height:0;touch-action:none;display:block}.bunker-interior-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);padding:7px 14px;border-radius:999px;font:600 12px/1 var(--serif);color:var(--text);background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--edge));box-shadow:0 6px 20px #00000080;pointer-events:none}.bunker-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.bunker-loading-text{font:700 18px/1.2 var(--serif);color:var(--gold)}.bunker-loading-sub{font:600 12px/1.3 var(--serif);color:var(--muted)}.bunker-hatch-spinner{width:74px;height:74px;border-radius:50%;border:7px solid #2a3140;border-top-color:var(--gold);border-right-color:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:inset 0 0 0 6px #14181f,0 0 22px #0009;animation:bunker-hatch-spin 1s cubic-bezier(.5,.1,.3,1) infinite}@keyframes bunker-hatch-spin{to{transform:rotate(360deg)}}.tile-build{position:absolute;left:0;right:0;bottom:0;z-index:26;display:flex;flex-direction:column;gap:7px;padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 92%,transparent) 16%,var(--panel) 42%);border-top:1px solid color-mix(in srgb,#dc3333 42%,var(--edge));box-shadow:0 -10px 26px #00000080;animation:rc-fade .16s ease both}.tile-build-bar{display:flex;align-items:center;gap:10px}.tile-build-title{font:700 14px/1 var(--serif);color:var(--gold);white-space:nowrap}.tile-build-hint{font:600 11px/1.3 var(--serif);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-build-spacer{flex:1}.tile-build-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tile-build-empty{font:600 11px/1.3 var(--serif);color:var(--muted)}.tile-build-palette{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tile-build-palette::-webkit-scrollbar{display:none}.tile-build-palette .action{flex:0 0 auto;white-space:nowrap;text-transform:capitalize}