:root{color-scheme:dark;font-size:15px;--inset: #0b1115;--bg: #10171c;--chrome: #131e25;--panel: #16222a;--raised: #1d2c33;--panel-2: var(--raised);--tooltip: #0d151a;--frontier-art: url(/art/frontier-valley.jpg);--border: #2b3e48;--border-control: #3b515d;--border-strong: #66808e;--border-accent: #3f7a4b;--text: #e4e8f0;--text-soft: #c9d5d9;--muted: #9cafb9;--parchment: #e9d7b3;--accent: #5fbf6f;--accent-strong: #7fd48d;--accent-dim: #2f5f37;--accent-tint: rgba(95, 191, 111, .12);--gold: #e7c389;--gold-dim: #3a3322;--gold-glow: rgba(231, 195, 137, .55);--danger: #e57373;--danger-strong: #b33a3a;--danger-dim: #4a1f22;--warning: #e0a84f;--info: #7a9fe0;--info-soft: #a9c2ef;--fire: #f07840;--fire-soft: #f0a070;--rarity-common: #c8ccd4;--rarity-uncommon: #7fd087;--rarity-rare: #7ab8ef;--rarity-epic: #c3a2ea;--rarity-legendary: #f2b05e;--rarity-common-edge: var(--border);--rarity-uncommon-edge: #45924f;--rarity-rare-edge: #3b7fc0;--rarity-epic-edge: #8c62c2;--rarity-legendary-edge: #c4832c;--rarity-epic-glow: rgba(160, 112, 220, .45);--rarity-legendary-glow: rgba(240, 160, 64, .5);--font-ui: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Spectral", Georgia, "Times New Roman", serif;--text-2xs: .72rem;--text-xs: .78rem;--text-sm: .85rem;--text-md: 1rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-body: 1.5;--leading-loose: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--bevel: inset 0 1px 0 rgba(255, 255, 255, .055);--shadow-card: 0 4px 16px rgba(0, 0, 0, .18);--shadow-pop: 0 10px 30px rgba(0, 0, 0, .5);--shadow-drawer: 0 0 40px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 100px rgba(0, 0, 0, .55);--well: inset 0 1px 3px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .2);--frame: rgba(231, 195, 137, .07);--control-height: 36px;--control-height-sm: 30px;--focus: var(--accent);--z-topbar: 30;--z-backdrop: 40;--z-drawer: 50;--z-toast: 60;--z-celebration: 65;--z-modal: 70;--z-tooltip: 80;--z-skip: 100;--sidebar-width: 244px;--rail-width: 304px;--drawer-width: min(300px, 85vw);--content-max: 1320px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:var(--leading-tight)}h3{margin-bottom:.75rem;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}a{color:var(--accent)}a:hover{color:var(--accent-strong)}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}input,select,textarea{max-width:100%;min-height:var(--control-height);padding:.5rem .75rem;font:inherit;color:var(--text);background:var(--inset);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #00000059}input::placeholder,textarea::placeholder{color:#7f909a;opacity:1}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}input[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{min-height:0;padding:0;box-shadow:none;accent-color:var(--accent)}input[type=range]{min-height:0;padding:0;background:transparent;border:0;box-shadow:none;accent-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:var(--text-xs)}.tiny-text{font-size:var(--text-2xs)}.num{font-variant-numeric:tabular-nums}.good{color:var(--accent)}.short,.error-text{color:var(--danger)}.error-text{margin:0}.coins-inline,.member-star{color:var(--gold)}.coins-inline{font-variant-numeric:tabular-nums}.spacer{flex:1}.center{min-height:100vh;min-height:100dvh;display:grid;place-content:center;gap:1rem;padding:1rem;text-align:center}ul.plain{list-style:none;margin:0 0 .75rem;padding:0}ul.plain li{padding:.2rem 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"top" "main"}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:var(--z-skip);padding:.8rem 1rem;color:#fff;background:var(--accent-dim);border-radius:var(--radius-sm);transform:translateY(-200%)}.skip-link:focus{transform:none}.topbar{grid-area:top;position:sticky;top:0;z-index:var(--z-topbar);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.6rem,.9vw,.75rem);padding:.6rem 1rem;background:var(--chrome);border-bottom:1px solid #2c3f49;box-shadow:0 3px 18px #00000021,var(--bevel)}.brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--accent);white-space:nowrap}.brand-button{min-height:0;padding:.35rem .25rem;color:var(--accent);background:transparent;border:none;box-shadow:none;cursor:pointer}.topbar>.ghost.desktop-only{padding-inline:clamp(.5rem,.8vw,1rem);font-size:var(--text-sm)}.header-coins{display:inline-flex;align-items:center;gap:.45rem;padding-inline:.5rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.header-coins.ghost{color:var(--gold)}.utility-toggle.on{border-color:var(--accent)}.action-chip{display:inline-flex;align-items:center;gap:.5rem;min-width:200px;max-width:22rem;padding:.3rem .7rem;text-align:left;background:linear-gradient(180deg,#223a30,#1d3129);border:1px solid #3d5e4e;border-radius:9px;box-shadow:var(--bevel)}.action-chip:not(:disabled):hover{border-color:var(--accent)}.action-text{display:flex;flex-direction:column;flex:1;min-width:0;font-size:var(--text-sm)}.action-text .progress{margin:.15rem 0}.idle-chip{font-style:italic}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.main{grid-area:main;container-type:inline-size;display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;background:radial-gradient(ellipse at 65% 0,rgba(32,56,47,.19),transparent 45%)}.main:focus,.main:focus-visible{outline:none}.view-content{display:flex;flex-direction:column;gap:1.15rem;width:100%;min-width:0;max-width:var(--content-max)}.page-path{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;min-height:26px;max-width:var(--content-max);font-size:var(--text-xs);color:var(--muted)}.page-path>button{min-height:0;padding:0;font-size:inherit}.page-path>span:not(.page-save-state){color:var(--text-soft)}.page-save-state{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.save-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.save-dot.offline{background:var(--gold)}.connection-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;font-size:var(--text-xs);background:#443821;border:1px solid #796441;border-radius:9px}.connection-banner button{flex-shrink:0;font-size:var(--text-2xs)}.sidebar,.bank{background:var(--chrome);scrollbar-width:thin}.sidebar{grid-area:side;overflow-y:auto;padding:1rem .75rem;border-right:1px solid #283b45}.sidebar>h3{margin:1.35rem .65rem .55rem;font-size:var(--text-2xs);letter-spacing:.1em}.sidebar>h3:first-child{margin-top:.25rem}.drawer-close{display:flex;justify-content:flex-end;width:100%;margin-bottom:.6rem;font-size:var(--text-xs)}.skill-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;min-height:39px;padding:.5rem .65rem;font-size:.9rem;text-align:left;color:var(--text);background:transparent;border:1px solid transparent;border-radius:7px;box-shadow:none}a.skill-row,a.skill-row:hover{color:var(--text);text-decoration:none}.skill-row:hover{background:var(--raised)}.sidebar .nav-label{min-width:0;gap:.55rem}.nav-text{white-space:nowrap}.sidebar .level-badge{flex-shrink:0;min-width:2rem}.dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--accent);vertical-align:middle}.nav-combat-details{margin:.35rem .65rem}.nav-combat-details>summary{padding:.4rem 0;font-size:var(--text-2xs);color:var(--muted);cursor:pointer}.combat-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;margin:.4rem 0 .2rem;padding-top:.4rem;line-height:1.9}.combat-level{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted)}.credits{margin-top:1rem;padding:.5rem .65rem;font-size:var(--text-2xs)}.credits a{color:inherit}.bank{grid-area:bank;padding:.85rem;border-left:1px solid #283b45}.utility-panel-heading{flex-shrink:0;display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.utility-panel-heading .side-tabs{flex:1}.utility-panel-heading .side-tabs>button{flex:1;min-width:0;padding:.45rem .3rem;font-size:var(--text-2xs)}.utility-close{display:grid;place-items:center;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;min-height:0;margin:0;padding:.3rem;font-size:var(--text-xs)}.drawer-backdrop{display:none}@media(min-width:901px){.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-areas:"top top" "side main"}.shell.rail-open{grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--rail-width);grid-template-areas:"top top top" "side main bank"}.topbar{min-height:4.5rem}.sidebar,.shell.rail-open>.bank{position:sticky;top:var(--header-height, 4.5rem);height:calc(100vh - var(--header-height, 4.5rem));height:calc(100dvh - var(--header-height, 4.5rem));overflow-y:auto}.shell>.bank{display:none}.shell.rail-open>.bank{display:flex;flex-direction:column}.shell .mobile-only{display:none}}@media(max-width:900px){.shell .desktop-only{display:none}.main{padding:.75rem}.topbar{padding:.5rem .75rem}.action-chip{order:10;flex-basis:100%;min-width:0;max-width:none}.brand-button{min-width:32px}.sidebar,.bank{position:fixed;top:0;bottom:0;z-index:var(--z-drawer);width:var(--drawer-width);overflow-y:auto;border:none;box-shadow:var(--shadow-drawer);visibility:hidden;transition:transform .2s ease}.sidebar{left:0;transform:translate(-105%)}.bank{right:0;display:flex;flex-direction:column;transform:translate(105%)}.drawer-nav .sidebar,.drawer-side>.bank{visibility:visible;transform:none}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);background:#00000080}}.shell.rail-open>.bank.utility-chat,.bank.utility-chat{overflow:hidden}.game-icon{flex-shrink:0;vertical-align:middle}.muted-icon{color:var(--border-strong)}:where(button,a.button){min-height:var(--control-height);padding:.5rem 1rem;font:inherit;font-weight:550;color:var(--text);background:linear-gradient(180deg,#367443,#2a5a33);border:1px solid #4f9b5c;border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000059;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s,filter .12s,transform .06s}:where(button:not(:disabled):active,a.button:active){transform:translateY(1px);box-shadow:inset 0 2px 3px #00000059}button:not(:disabled):hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.4)}a.button,a.button:hover{color:var(--text)}a.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}a.button:hover{filter:brightness(1.08)}.secondary{color:var(--text);background:linear-gradient(180deg,#22343e,#1c2b33);border-color:var(--border-control);box-shadow:var(--bevel)}.secondary:not(:disabled):hover{border-color:var(--accent)}.secondary:not(:disabled):active,.danger-button:not(:disabled):active{box-shadow:inset 0 2px 3px #00000059}.ghost{color:var(--muted);background:transparent;border-color:transparent;box-shadow:none}.ghost:not(:disabled):hover{color:var(--text)}button.danger{color:var(--danger)}.danger-button{color:var(--text);background:linear-gradient(180deg,#642428,#4f1c20);border-color:var(--danger);box-shadow:var(--bevel)}a.button.ghost-button{background:transparent;border-color:var(--border-control);box-shadow:none}a.button.google,a.button.google:hover{color:#1f1f1f}a.button.google{font-weight:500;background:#fff;border-color:#dadce0;box-shadow:none}.link-button{min-height:0;padding:.1rem .15rem;font:inherit;color:var(--accent);background:none;border:0;border-radius:4px;box-shadow:none;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.link-button:not(:disabled):hover{color:var(--accent-strong);filter:none}.link-button.player-name{color:inherit}.link-button.player-name:not(:disabled):hover{color:var(--accent)}.small-button{min-height:var(--control-height-sm);padding:.25rem .6rem;font-size:var(--text-xs)}button.tiny{min-height:0;padding:.05rem .35rem;font-size:var(--text-2xs)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:.3rem}.row-buttons{display:flex;justify-content:flex-end;gap:.3rem}.row-buttons.start{justify-content:flex-start;align-items:center}.row-buttons.wrap{flex-wrap:wrap}.row-buttons button,.slot-list button{padding:.3rem .6rem;font-size:var(--text-sm)}.card{padding:1rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--bevel),var(--shadow-card)}.skill-overview,.activity-detail,.adventure-card,.next-goal,.guild-hall,.fight,.modal,.auth-layout .login{outline:1px solid var(--frame);outline-offset:-5px}.skill-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem .75rem;margin-bottom:.75rem}.skill-header>.muted{min-width:0;overflow-wrap:anywhere;line-height:var(--leading-body)}.skill-row.static{cursor:default;color:var(--muted)}.skill-row.static:hover{background:transparent}.card-title{display:flex;align-items:center;gap:.6rem}.nav-label{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.eyebrow{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.banner{display:flex;justify-content:space-between;align-items:flex-start;border-color:var(--accent)}.banner ul{margin:.4rem 0 0;padding-left:1.2rem}.banner.error{color:var(--danger);border-color:var(--danger)}.event-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#2e2814,var(--panel));border-color:var(--gold)}.empty-state{max-width:500px;margin-inline:auto;padding:2.5rem 1.5rem;text-align:center}.empty-state>.game-icon{margin-bottom:1rem;opacity:.7}.empty-state h3{font-size:var(--text-md);letter-spacing:0;text-transform:none;color:var(--text)}.empty-state p{font-size:var(--text-sm);line-height:var(--leading-loose)}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem}.activity{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:1.1rem;text-align:left;background:var(--panel);border-color:var(--border);border-radius:var(--radius-md);box-shadow:var(--bevel),var(--shadow-card)}.activity:not(:disabled):hover{border-color:var(--accent)}.activity.active{background:var(--raised);border-color:var(--accent)}.activity.static{cursor:default}.activity.static button{margin-top:.3rem}.activity.monster button,.activity>button{margin-top:auto}.activity.locked{opacity:.6}.activity .card-title{margin-bottom:.25rem}.skill-row.selected,.bank-item.selected,.activity-option.chosen,.friend-list li.selected{color:var(--text);background:linear-gradient(90deg,#5fbf6f29,#5fbf6f0d 70%),var(--raised);border-color:var(--border-accent);box-shadow:inset 3px 0 0 var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:3px;padding:4px;background:var(--inset);border:1px solid #2d424d;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #00000059}.tabs>button{min-height:var(--control-height-sm);padding:.4rem .8rem;font-size:var(--text-xs);color:#a9bbc3;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:none}.tabs>button:not(:disabled):hover{color:var(--text);filter:none;background:#ffffff08}.tabs>button.on,.tabs>button.active,.tabs>button[aria-selected=true],.tabs>button[aria-pressed=true]{color:var(--text);background:linear-gradient(180deg,#2e4d3a,#26402f);border-color:var(--border-accent);box-shadow:inset 0 1px #ffffff12,0 1px 2px #0000004d}.tabs-row{margin:.5rem 0}.segmented .status-dot{align-self:center}.chip{display:inline-flex;align-items:center;gap:.3rem;min-height:0;padding:.15rem .55rem;font-size:var(--text-xs);font-weight:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:none}.potion-chip{padding:.15rem .5rem;color:var(--info-soft);border-color:var(--info)}.bonfire-chip{color:var(--fire-soft);border-color:var(--fire)}.loot-chip{color:var(--gold);border-color:var(--gold)}.dm-chip{color:var(--rarity-rare);border-color:var(--rarity-rare-edge)}.title-chip{display:inline-block;margin:0 .4rem .2rem 0;padding:.05rem .5rem;font-size:var(--text-xs);color:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-pill)}.pet-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .3rem;border:1px solid var(--border);border-radius:var(--radius-pill)}.pet-chip.big{padding:.4rem .9rem .4rem .5rem;background:linear-gradient(135deg,#3a2a14,var(--raised));border-color:var(--rarity-legendary-edge)}.badge-count{display:inline-block;min-width:1.3rem;padding:0 .35rem;font-size:var(--text-2xs);font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:#fff;background:var(--danger-strong);border-radius:var(--radius-pill)}.level-badge{min-width:1.9rem;padding:0 .3rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;color:var(--muted);background:var(--inset);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #0006}.level-badge.maxed{color:var(--gold);border:1px solid var(--gold)}.status-tag{display:inline-block;margin-right:.25rem;padding:.05rem .4rem;font-size:var(--text-2xs);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.status-tag.bad{color:var(--danger);border-color:var(--danger)}.status-tag.good{color:var(--accent);border-color:var(--accent)}.status-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--danger)}.status-dot.online{background:var(--accent)}.status-dot.inline{flex-shrink:0;margin-left:0;background:var(--border-strong)}.status-dot.inline.online{background:var(--accent)}.tag{font-weight:600;color:var(--accent)}.progress{--fill: var(--accent);position:relative;display:block;height:10px;overflow:hidden;background:var(--inset);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 1px 2px #0009}.progress-regular{height:10px;margin-bottom:.4rem}.progress-thin{height:6px;margin:.25rem 0}.progress-micro{height:4px;margin:0}.progress-fill{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(180deg,#ffffff3d,#fff0 65%),var(--fill);box-shadow:inset 0 1px #ffffff47}.progress-micro .progress-fill{box-shadow:none}@media(prefers-reduced-motion:reduce){.progress-animated .progress-fill{transition:none}}.progress-xp,.progress-accent{--fill: var(--accent)}.progress-info{--fill: var(--info)}.progress-gold{--fill: var(--gold)}.progress-danger{--fill: var(--danger)}.progress-warning{--fill: var(--warning)}.progress-animated .progress-fill{transition:width .05s linear}.item-ref{display:inline-flex;align-items:center;gap:.3rem;vertical-align:middle;border-radius:3px;cursor:pointer}.item-ref:hover .item-name{text-decoration:underline dotted;text-underline-offset:3px}.item-qty{color:var(--text);font-variant-numeric:tabular-nums}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary,.special{color:var(--rarity-legendary)}.set-line{color:var(--rarity-epic)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.6rem}.tile-grid.compact{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.tile-grid.compact .item-tile .game-icon{width:26px;height:26px}.item-tile{--rarity-edge: var(--rarity-common-edge);--tile-glow: 0 0 0 transparent;position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:.3rem;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.045),transparent 70%),var(--inset);border:1px solid var(--rarity-edge);border-radius:9px;box-shadow:var(--well),var(--tile-glow);transition:transform .12s,background-color .12s,box-shadow .12s}.item-tile.rarity-border-uncommon{--rarity-edge: var(--rarity-uncommon-edge)}.item-tile.rarity-border-rare{--rarity-edge: var(--rarity-rare-edge)}.item-tile.rarity-border-epic{--rarity-edge: var(--rarity-epic-edge);--tile-glow: 0 0 9px -2px var(--rarity-epic-glow)}.item-tile.rarity-border-legendary{--rarity-edge: var(--rarity-legendary-edge);--tile-glow: 0 0 10px -2px var(--rarity-legendary-glow)}.item-tile:not(:disabled):hover{transform:translateY(-1px);filter:none;background-color:#14212a;background-image:radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),transparent 70%)}.item-tile:not(:disabled):active{transform:none}.item-tile.selected{background-color:#17301f;background-image:radial-gradient(circle at 50% 38%,rgba(95,191,111,.18),transparent 70%);box-shadow:0 0 0 2px var(--accent),var(--well)}.item-tile.out-of-stock .game-icon{opacity:.35}.item-tile.out-of-stock .tile-qty{color:var(--muted)}.tile-qty{position:absolute;top:3px;left:4px;font-size:var(--text-2xs);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--text);text-shadow:0 1px 0 #000,0 0 2px #000}.tile-favourite{position:absolute;top:1px;right:3px;font-size:var(--text-2xs);line-height:1.2;color:var(--gold)}.tile-lock{position:absolute;bottom:1px;left:2px;font-size:var(--text-2xs);line-height:1}.tooltip{position:fixed;z-index:var(--z-tooltip);padding:.7rem .8rem;pointer-events:none;background:var(--tooltip);border:1px solid #3b515d;border-radius:var(--radius-md);box-shadow:var(--bevel),var(--shadow-pop);animation:rise-in .12s ease-out}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:1rem;background:#05070ca6;animation:rise-in .15s ease-out}.modal{display:flex;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);background:radial-gradient(120% 50% at 50% 0%,rgba(255,255,255,.035),transparent 70%),var(--panel);border-color:#415864;border-radius:var(--radius-lg);box-shadow:var(--bevel),var(--shadow-modal)}.modal.wide{width:min(760px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.modal-title{font-weight:650}.modal-body{overflow-y:auto}.modal-body h3{margin:1rem 0 .4rem}.toasts{position:fixed;left:1rem;bottom:1rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.5rem;max-width:min(420px,calc(100vw - 2rem))}.toast{display:flex;align-items:flex-start;gap:.6rem;min-height:0;padding:.65rem .9rem;font-weight:500;text-align:left;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--bevel),var(--shadow-pop);animation:rise-in .25s ease-out}.toast.success{border-color:var(--accent)}.toast.warning{border-color:var(--warning)}.toast.rare{background:linear-gradient(135deg,#2a1f3a,var(--raised));border-color:var(--rarity-epic-edge)}.toast.level{border-color:var(--gold)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-celebration);display:grid;place-items:center;pointer-events:auto;background:#00000059;animation:fade 2.8s ease forwards}.celebration-burst{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--gold-glow),transparent 65%);animation:burst 1.2s ease-out}.celebration-text{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.celebration-text strong{font-family:var(--font-display);font-size:2.6rem;font-weight:600;color:var(--gold);text-shadow:0 0 24px var(--gold-glow)}.celebration-text .game-icon{filter:drop-shadow(0 0 16px var(--gold-glow))}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes burst{0%{transform:scale(.2);opacity:1}}@keyframes pop{0%{transform:scale(.4);opacity:0}}@keyframes fade{0%,75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.toast,.tooltip,.modal-backdrop,.celebration,.celebration-burst,.celebration-text{animation:none}.item-tile:not(:disabled):hover{transform:none}}.table{width:100%;margin-bottom:.75rem;border-collapse:collapse}.table th{padding:.3rem .4rem;font-size:var(--text-2xs);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border)}.table td{padding:.4rem;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border)}.table.compact td{padding:.2rem .4rem}.table tr.me td{background:var(--raised)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--raised)}.table-scroll{max-width:100%;overflow-x:auto}.slot-list{list-style:none;margin:0;padding:0}.slot-list li{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.slot-list .row-buttons{flex-wrap:wrap}@media(max-width:540px){.slot-list li{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem}.slot-list li>:first-child{grid-column:1 / -1}}.form{display:flex;flex-direction:column;gap:.6rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}label.inline,.form label.inline{flex-direction:row;align-items:center;gap:.4rem}input.wide{width:100%;margin-bottom:.5rem}.fight{display:flex;flex-direction:column;gap:.5rem;border-color:var(--border-accent)}.guild-list li>*,.slot-list li>*{min-width:0}.slot-list .player-name{overflow-wrap:anywhere;text-align:left}.chat-input input{min-width:0}@container (max-width: 670px){.equipment-layout,.social,.duel,.market,.book,.boss-columns{grid-template-columns:minmax(0,1fr)}.versus{display:none}}.milestone-hint{display:flex;flex-wrap:wrap;gap:.3rem .75rem;padding:.75rem;margin-top:.75rem;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:#83c4a209}.milestone-hint>strong{color:var(--accent)}.milestone-hint>span:last-child{flex-basis:100%}.skill-perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.75rem;margin:1rem 0}.skill-perk{display:grid;align-content:start;gap:.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.skill-perk p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.skill-perk.earned{border-color:var(--accent-dim)}.skill-perk.earned>strong{color:var(--accent)}.skill-perk.next{border-color:#c2a16c;background:#c2a16c09}.compact-progression>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;cursor:pointer}.compact-progression[open]>summary{padding-bottom:.75rem;border-bottom:1px solid var(--border)}.progression-skill-select{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.unlock-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0 .5rem}.unlock-controls label{display:grid;gap:.35rem}.unlock-controls label:last-child{flex:1 1 180px}.unlock-roadmap{list-style:none;padding:0;margin:0 0 1rem}.unlock-row{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.unlock-level{display:grid;text-align:center;width:42px;flex-shrink:0;gap:.1rem;font-size:var(--text-2xs);color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem}.unlock-level strong{font-size:var(--text-md);color:var(--text)}.unlock-row.earned .unlock-level{border-color:var(--accent-dim);color:var(--accent)}.unlock-icon{display:flex;flex-shrink:0}.unlock-copy{display:grid;gap:.25rem;flex:1;min-width:0}.unlock-copy>strong{font-size:var(--text-sm)}.unlock-copy>p{font-size:var(--text-xs);line-height:1.5;color:var(--muted);margin:0}.unlock-row>button,.unlock-row>span:last-child{flex-shrink:0;font-size:var(--text-xs)}.work-method-unlock .eyebrow{color:#d0b17e}.activity-purpose{line-height:1.6;padding:.75rem;border-left:2px solid #c2a16c;background:#c2a16c09;color:var(--text)}@media(max-width:480px){.unlock-row{flex-wrap:wrap;gap:.6rem}.unlock-copy{flex-basis:calc(100% - 95px)}.unlock-row>button,.unlock-row>span:last-child{margin-left:54px}}.guild-hall.card{padding:0;overflow:hidden}.hall-banner{display:flex;align-items:center;gap:1.25rem;min-height:170px;padding:1.75rem;background:linear-gradient(90deg,#10161cf7,#10161cad),url(/art/village-workshop.jpg) center 48% / cover}.hall-banner h2{margin:.3rem 0;font-size:clamp(1.3rem,3vw,1.85rem)}.hall-banner p{color:#c4cbd4;font-size:var(--text-sm);margin:0}.hall-level{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.3rem;padding:.8rem 1rem;border:1px solid #ac8e5866;border-radius:var(--radius-md);background:#151b23d9}.hall-level>span{text-align:center;color:#c4ac7f;font-size:var(--text-2xs);letter-spacing:.15em}.hall-level strong{display:block;font-size:1.8rem;letter-spacing:0;color:#f1e3c6}.hall-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel-2);border-block:1px solid var(--border)}.hall-perks>div{display:grid;text-align:center;gap:.25rem;padding:1rem .5rem}.hall-perks>div+div{border-left:1px solid var(--border)}.hall-perks strong{color:var(--accent);font-size:var(--text-xl)}.hall-perks span{color:var(--muted);font-size:var(--text-xs)}.hall-construction{padding:1.25rem}.hall-construction .skill-header h3{margin-bottom:0}.hall-next-benefits{line-height:1.7}.hall-materials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.75rem;margin-top:1rem}.hall-material{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.hall-material.funded{border-color:var(--accent-dim)}.hall-material-heading,.hall-material-counts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.hall-material-heading{margin-bottom:.65rem;font-size:var(--text-sm)}.hall-material-counts{margin:.4rem 0 .75rem;font-size:var(--text-2xs)}.hall-material-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem}.hall-material-actions label{display:grid;gap:.3rem;color:var(--muted);flex:1 1 85px}.hall-material-actions input{width:100%;min-width:0}.hall-material-actions>button:last-child{flex-basis:100%;text-align:left;padding-left:0}.hall-milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;margin:1rem 0}.hall-milestones>span{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-xs)}.hall-milestones strong{color:var(--text)}.hall-milestones .complete{border-color:var(--accent-dim);background:#5fbf6f0b}.hall-milestones .complete strong{color:var(--accent)}.hall-preview-label{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.75rem;font-size:var(--text-sm)}.hall-preview-items{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:var(--text-sm);margin:.75rem 0}.hall-deliveries{padding:0;margin:0;list-style:none}.hall-deliveries li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.hall-deliveries li>span:first-child{flex:1 1 180px}.hall-deliveries li:last-child{border-bottom:0}@media(max-width:480px){.hall-banner{padding:1rem;gap:.75rem}.hall-construction{padding:.85rem}.hall-perks strong{font-size:var(--text-lg)}}.login{width:min(340px,100%);display:flex;flex-direction:column;gap:.9rem;text-align:left}.login label{display:flex;flex-direction:column;gap:.3rem;font-size:var(--text-sm)}.bank-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);text-align:left}.bank-item:hover{background:var(--panel-2)}.current{color:var(--accent);font-size:var(--text-sm)}.stacks{list-style:none;margin:0;padding:0;font-size:var(--text-sm)}.stacks .short{color:var(--danger)}.coins{display:flex;justify-content:space-between;padding:.5rem .6rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gold)}.nav-heading{margin-top:1.25rem}.combat-options{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end}.combat-options label,.combat-options>div{display:flex;flex-direction:column;gap:.3rem}.fight .skill-header{margin-bottom:0}.hp-label{display:flex;justify-content:space-between;margin-bottom:.2rem}.loot{display:flex;flex-wrap:wrap;gap:.3rem .9rem}.guild-list li{grid-template-columns:4rem 1fr auto}.guild-settings{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.guild-settings input.wide{flex:1;margin:0}.role{text-transform:capitalize}.role.leader{color:var(--gold)}.role.officer{color:var(--accent)}.deposit{display:flex;gap:.5rem;margin-top:.75rem}.deposit select{flex:1;min-width:0}.deposit input{width:6rem}.mastery{display:flex;flex-direction:column;gap:.15rem}.chat{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow:hidden}.chat .segmented{align-items:center}.chat-log{flex:1;min-height:0;overscroll-behavior:contain;overflow-y:auto;font-size:var(--text-sm);display:flex;flex-direction:column;gap:.3rem;overflow-wrap:anywhere}.chat-line strong.me{color:var(--accent)}.chat-input input{width:100%}.chat-input,.chat>.segmented{flex-shrink:0}.chat-input{padding-bottom:env(safe-area-inset-bottom,0px)}.slot-tile.drop-target{outline:2px solid var(--accent);outline-offset:2px}.item-tile[draggable=true]{cursor:grab}.collect{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--gold)}.market{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.market-items{max-height:70vh;display:flex;flex-direction:column}.market-list{list-style:none;margin:0;padding:0;overflow-y:auto}.market-detail{display:flex;flex-direction:column;gap:.75rem}.book{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md)}.order-form label{display:flex;flex-direction:column;gap:.2rem;font-size:var(--text-sm)}.order-form input{width:8rem}.trades{list-style:none;margin:0;padding:0}.trades li{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid var(--border)}.buy{color:var(--accent)}.sell{color:var(--gold)}.boss{border-color:#b06ad8}.boss.active{background:var(--panel-2)}.boss-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.top-list{margin:0;padding-left:1.3rem}.top-list li.me{color:var(--accent)}.rewards{display:flex;flex-direction:column;gap:.4rem}.rewards ul{margin:0;padding-left:1.1rem}.divider{text-align:center}.membership.member{border-color:var(--gold)}.perks{margin:0 0 .75rem;padding-left:1.2rem}.harvest-all{margin-top:.75rem}.quest{border-color:#7a9fe0}.quest.done{border-color:var(--accent);background:var(--panel-2)}.quest p{margin:.25rem 0}.objectives{list-style:none;margin:0;padding:0}.objectives li.met{color:var(--accent)}.stats-line{margin:.75rem 0 0}.achievement-list{list-style:none;margin:0;padding:0}.achievement-list li{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.6rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border)}.achievement-list li:not(.done){opacity:.75}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem}.collection-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;padding:.45rem .55rem;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm)}.collection-item.found{border-style:solid;border-color:var(--accent-dim);color:var(--text)}.activity-log{display:flex;flex-direction:column;height:calc(100vh - 9rem);height:calc(100dvh - 9rem)}.log-header{display:flex;justify-content:space-between;align-items:center}.log-header h3{margin:0}.activity-log ul{list-style:none;margin:.5rem 0 0;padding:0;overflow-y:auto;font-size:var(--text-sm)}.activity-log li{padding:.3rem 0;border-bottom:1px solid var(--border)}.activity-log li.rare{color:#d3a6f0}.activity-log li.level{color:var(--gold)}.activity-log li.warning{color:#e0a84f}.activity.on-task{border-color:#e0a84f}.task-badge{color:#e0a84f}.chat-line .report{padding:0 .3rem;font-size:var(--text-xs);opacity:0}.chat-line:hover .report,.chat-line:focus-within .report{opacity:1}@media(hover:none){.chat-line .report{opacity:1}}.chat-line strong.system{color:var(--gold)}.danger-zone{border-color:#6b2f2f}.dungeon-lineup{display:flex;flex-wrap:wrap;gap:.25rem}.block{display:block}.bank-tools input.wide{margin-bottom:.5rem}.select-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.6rem;padding:.5rem .75rem;border:1px solid var(--accent-dim);border-radius:var(--radius-md)}.item-card-head{display:flex;gap:.6rem;align-items:center;margin-bottom:.4rem}.item-lines{list-style:none;margin:.3rem 0;padding:0;font-size:var(--text-sm)}.item-lines li{padding:.05rem 0}.item-card-foot{display:flex;justify-content:space-between;gap:.5rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border)}.detail-title{display:flex;gap:.8rem;align-items:center}.detail-title>span{display:flex;flex-direction:column}.detail-title strong{font-size:var(--text-lg)}.detail-description{font-style:italic;color:var(--muted);margin:.4rem 0}.set-box{margin:.5rem 0;padding:.5rem .7rem;border:1px solid #4d3d66;border-radius:var(--radius-md)}.set-box ul{margin:.25rem 0 0;padding-left:1.1rem}.compare .table td:nth-child(2),.compare .table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.detail-meta{display:flex;flex-direction:column;gap:.15rem;margin:.6rem 0}.detail-actions{display:flex;flex-wrap:wrap;gap:.4rem}.detail-actions button{padding:.35rem .75rem}.profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.ironman-badge{color:#c8ccd4}.profile-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.8rem 0}.profile-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.3rem}.profile-skill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .4rem;background:var(--bg);border-radius:var(--radius-sm)}.profile-gear,.profile-pets{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.equipment-layout{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.paper-doll{display:grid;grid-template-columns:repeat(3,76px);gap:.4rem;justify-content:center}.extra-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.8rem;width:100%;max-width:326px}.slot-tile{position:relative;display:flex;flex-direction:column;align-items:center}.slot-button{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;padding:.2rem;background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-md)}.slot-tile.filled .slot-button{border-style:solid;background:var(--panel-2)}.slot-tile.selected .slot-button{border-color:var(--accent)}.slot-empty{font-size:var(--text-2xs);color:var(--muted);text-align:center}.slot-actions{display:flex;gap:.1rem;height:1.2rem}.gear-stats .table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.mod-list li{color:var(--accent)}.loadouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}.loadout{display:flex;flex-direction:column;gap:.4rem;padding:.6rem}.loadout-icons{display:flex;flex-wrap:wrap;gap:.15rem;min-height:22px}.auto-eat{display:flex;flex-direction:column;gap:.25rem;min-width:12rem}.auto-eat input[type=range]{padding:0}.prayer-bar{margin-top:.8rem;display:flex;flex-direction:column;gap:.4rem}.prayer-buttons{display:flex;flex-wrap:wrap;gap:.3rem}.prayer{padding:.2rem .55rem;font-size:var(--text-xs);background:var(--bg);border-color:var(--border)}.prayer.on{background:#3a3420;border-color:var(--gold);color:var(--gold)}.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}.combatant{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.6rem;background:var(--bg);border-radius:var(--radius-md)}.combatant-name{display:flex;align-items:center;gap:.5rem}.versus{align-self:center;color:var(--muted);font-weight:700}.abilities{display:flex;flex-wrap:wrap;gap:.2rem}.splat{position:absolute;top:40%;right:1rem;font-weight:800;font-size:var(--text-lg);pointer-events:none;animation:splat 1.5s ease-out forwards}.splat.hit{color:#ff6b6b;text-shadow:0 0 6px rgba(0,0,0,.8)}.splat.heal{color:#7ae08a}@keyframes splat{0%{transform:translateY(0) scale(1.3);opacity:1}to{transform:translateY(-36px) scale(1);opacity:0}}.loot-box{border-color:#7a6320}.loot-box.full{border-color:var(--danger)}.area{padding:.6rem .8rem}.area.active{border-color:var(--accent)}.area.locked{opacity:.75}.area-head{width:100%;display:flex;align-items:center;gap:.8rem;padding:.2rem;background:none;border:none;text-align:left}.area-title{display:flex;flex-direction:column;flex:1;gap:.1rem}.area .activity-grid{margin-top:.6rem}.req{margin-right:.6rem}.drops{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem}.mastery-pool{border-color:#3b4c73}.pool-bar{position:relative;overflow:visible}.checkpoint{position:absolute;top:-3px;width:2px;height:16px;background:var(--gold)}.checkpoints{list-style:none;margin:.4rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.15rem 1rem}.outputs{display:inline-flex;flex-wrap:wrap;gap:.3rem}.bonfire.lit{border-color:#f07840;background:linear-gradient(135deg,#3a2014,var(--panel))}.obstacle-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.6rem}.obstacle-slot{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:var(--bg);border-radius:var(--radius-md)}.obstacle-slot.locked{opacity:.55}.obstacle{display:flex;flex-direction:column;gap:.2rem;padding:.45rem;border:1px solid var(--border);border-radius:var(--radius-md)}.obstacle.built{border-color:var(--accent)}.obstacle .cost{display:flex;flex-wrap:wrap;gap:.5rem}.familiar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.4rem;margin-bottom:.8rem}.familiar{display:flex;flex-direction:column;gap:.15rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius-md)}.familiar.locked{opacity:.55}.forge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.forge-recipe{display:flex;flex-direction:column;gap:.6rem}.forge-recipe.ready{border-color:#f07840}.forge-result{display:flex;gap:.7rem;align-items:flex-start}.forge-inputs{display:flex;flex-direction:column;gap:.2rem}.collection-item{background:transparent}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}.pet-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem;border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center}.pet-card.owned{border-style:solid;border-color:var(--rarity-legendary);background:linear-gradient(160deg,#2e2414,var(--panel))}.completion-row{margin-bottom:.6rem}.monster-log{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.3rem}.monster-log-entry{display:inline-flex;align-items:center;gap:.35rem}.away-pets{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}.away-xp{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.3rem}.away-xp-row{display:inline-flex;align-items:center;gap:.4rem}.away-items{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.social{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start}.friend-list li{display:flex;align-items:center;gap:.5rem}.friend-list li>:last-child{margin-left:auto}.conversation{display:flex;flex-direction:column;gap:.5rem;min-height:60vh}.conversation .chat-log{max-height:55vh}.dm{display:flex;flex-direction:column;max-width:75%;padding:.4rem .7rem;border-radius:var(--radius-md);background:var(--panel-2)}.dm.mine{align-self:flex-end;background:var(--accent-dim)}.chat-input.row-buttons input{flex:1}@media(max-width:900px){.equipment-layout,.social,.duel{grid-template-columns:1fr}.versus{display:none}}@media(prefers-reduced-motion:reduce){.splat{animation:none}}.queue-controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.queue-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:var(--text-sm)}.queue-controls input{width:11rem}.queue-list{margin:.5rem 0;padding-left:1.3rem}.queue-list li{padding:.5rem 0;border-bottom:1px solid var(--border)}.queue-list li>span{display:inline-block;margin-right:.75rem}.skill-overview{padding:1rem 1.25rem}.activity-detail{padding:1.5rem}.skill-overview,.activity-detail{background:radial-gradient(ellipse at 0 0,rgb(95 191 111 / 5%),transparent 75%),var(--panel)}.skill-tabs{margin-bottom:1rem}.skill-tabs>button>span{margin-left:.4rem;color:var(--muted)}.mastery-bar{margin-block:.5rem}@container (max-width: 670px){.activity-detail{padding:1rem}}@media(max-width:480px){.skill-overview{padding:.9rem}}.quest-tracker.card{padding:0;border-color:var(--border)}.quest-tracker>summary{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;cursor:pointer;list-style:none}.quest-tracker>summary::-webkit-details-marker{display:none}.quest-tracker-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem .75rem;flex:1;min-width:0}.quest-tracker-label>span{color:var(--muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em}.quest-tracker-label strong{font-size:var(--text-sm);font-weight:600}.quest-tracker-status,.disclosure-label{font-size:var(--text-xs);white-space:nowrap}.disclosure-label{color:var(--muted)}.disclosure-label:after{content:" ▾"}.quest-tracker[open] .disclosure-label:after{content:" ▴"}.quest-tracker-body{border-top:1px solid var(--border);padding:.25rem 1rem 1rem}.quest-tracker.done{border-color:var(--accent-dim)}.skill-heading{display:flex;align-items:center;gap:.85rem;margin-bottom:.9rem}.skill-emblem{width:52px;height:52px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-lg);display:grid;place-items:center;flex-shrink:0}.skill-heading h2{font-size:var(--text-xl);margin-top:.15rem}.skill-level-total{margin-left:auto;display:flex;flex-direction:column;text-align:right;gap:.15rem;white-space:nowrap}.skill-level-total>strong{font-size:var(--text-xl)}.skill-level-total small,.skill-level-total>span{color:var(--muted);font-size:var(--text-xs);font-weight:400}.skill-overview>.muted.small{font-size:var(--text-xs);margin-top:.45rem}.next-unlock{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--muted);margin:.65rem 0 0}.next-unlock strong{color:var(--text);font-weight:500}.next-unlock>span{margin-left:auto}.skill-workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:1.25rem;align-items:start;max-width:1250px}.activity-browser{padding:1rem .65rem .65rem;min-width:0}.browser-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;margin:0 .35rem .8rem}.browser-heading h3{font-size:var(--text-2xs);margin:0}.activity-browser>input{width:calc(100% - .7rem);margin-inline:.35rem;font-size:var(--text-sm)}.browser-filter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:var(--text-xs);color:var(--muted);margin:.7rem .35rem}.browser-filter label{display:flex;align-items:center;gap:.4rem}.browser-filter .link-button{font-size:var(--text-xs)}.activity-groups{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem .35rem 0}.activity-group{min-height:0;padding:.3rem .7rem;font-size:var(--text-xs);border-radius:999px;background:transparent;border-color:var(--border);color:var(--muted);box-shadow:none}.activity-group:hover{color:var(--text);background:var(--panel-2)}.activity-group.on{color:var(--text);background:var(--raised);border-color:var(--border-accent)}.activity-section{display:flex;flex-direction:column;gap:.3rem}.activity-section+.activity-section{margin-top:.5rem}.activity-section-title{position:sticky;top:0;z-index:1;margin:0;padding:.35rem .65rem;font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel)}.activity-options{display:flex;flex-direction:column;gap:.3rem;max-height:600px;overflow-y:auto;scrollbar-width:thin}.activity-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.8rem .65rem;text-align:left;background:transparent;border-color:transparent;min-width:0}.activity-option:hover{background:var(--panel-2)}.option-icon{flex-shrink:0;display:grid;place-items:center;width:32px}.option-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.option-copy strong{font-weight:600;font-size:var(--text-sm);overflow-wrap:anywhere}.option-copy small{color:var(--muted);font-size:var(--text-xs)}.option-level{font-size:var(--text-2xs);color:var(--muted);flex-shrink:0}.activity-option.unavailable .option-copy strong{color:var(--muted)}.training-indicator{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5fbf6f18}.empty-activities{padding:.5rem}.activity-focus{display:flex;flex-direction:column;gap:.85rem;min-width:0}.training-notice{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:center;padding:.6rem .85rem;background:#24342c;border:1px solid #405e48;border-radius:var(--radius-md)}.activity-detail.is-training{border-color:#456e4d}.activity-detail-heading{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}.activity-portrait{width:76px;height:76px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-lg);display:grid;place-items:center;flex-shrink:0}.activity-status{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:var(--text-2xs)}.activity-status.live{color:var(--accent)}.activity-detail-heading h2{font-size:var(--text-xl);margin:.25rem 0}.activity-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--border);margin-bottom:1.25rem}.activity-metrics>div{background:var(--bg);padding:.85rem;display:flex;flex-direction:column;gap:.3rem}.activity-metrics span,.activity-metrics small{color:var(--muted);font-size:var(--text-2xs)}.activity-metrics strong{font-size:var(--text-lg);font-weight:600}.activity-metrics small{font-size:var(--text-2xs)}.activity-resources{margin:1.2rem 0}.activity-resources h3{font-size:var(--text-2xs);margin-bottom:.65rem}.resource-line{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:var(--text-sm)}.resource-line>span:last-child{font-size:var(--text-xs)}.output-chips{display:flex;flex-wrap:wrap;gap:.5rem}.output-chip{display:inline-flex;gap:.6rem;align-items:center;border:1px solid var(--border);border-radius:7px;padding:.6rem .75rem;font-size:var(--text-sm)}.output-chip>strong{color:var(--accent);font-weight:500}.activity-timing{margin:1.3rem 0}.timing-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:var(--text-xs);margin-bottom:.6rem}.is-training .timing-label>span:first-child{color:var(--accent)}.activity-timing p{margin-bottom:0}.activity-control-bar{display:flex;gap:1rem;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:1.25rem}.repeat-limit{display:flex;flex-direction:column;gap:.4rem;font-size:var(--text-xs);flex:1}.repeat-limit>input{width:100%;max-width:220px}.repeat-limit>span{font-size:var(--text-2xs)}.activity-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.activity-buttons>button{min-height:42px;font-size:var(--text-sm)}.activity-more{border-top:1px solid var(--border)}.activity-more>summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;color:var(--muted);font-size:var(--text-sm);padding:.85rem 0;list-style:none}.activity-more>summary::-webkit-details-marker{display:none}.activity-more>summary>span{margin-left:auto;font-size:var(--text-xs)}.activity-more>summary:after{content:"+";color:var(--text)}.activity-more[open]>summary:after{content:"−"}.activity-more-body{padding-bottom:1rem}.activity-more-body>button{margin-top:.7rem}.activity-more-body>p{margin-top:0}.skill-guide{padding:.25rem .5rem}.skill-guide>summary{font-size:var(--text-sm);color:var(--muted);cursor:pointer}.skill-guide>p{line-height:1.6}.mastery-workspace{display:flex;flex-direction:column;gap:1rem;max-width:1250px}.mastery-rows{display:flex;flex-direction:column;margin-top:1rem}.mastery-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.8rem 0;border-top:1px solid var(--border);font-size:var(--text-sm)}.mastery-row>strong{flex:1;font-weight:500;min-width:130px}.mastery-row>span{color:var(--muted);font-size:var(--text-sm)}.mastery-row>button{min-width:180px}@container (max-width: 670px){.skill-workspace{grid-template-columns:1fr;gap:1rem}.activity-options{max-height:230px}.activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.quest-tracker>summary{gap:.5rem;padding:.75rem}.quest-tracker .disclosure-label{display:none}.quest-tracker-status{font-size:var(--text-2xs)}.skill-heading{gap:.65rem}.skill-heading h2{font-size:var(--text-lg)}.skill-emblem{width:42px;height:42px}.activity-detail-heading h2{font-size:var(--text-xl)}.activity-portrait{width:60px;height:60px}.repeat-limit,.repeat-limit>input{max-width:none;width:100%}.activity-buttons{width:100%}.activity-buttons>button{flex:1}}.adventure-card{border-color:var(--border-accent);background:linear-gradient(135deg,#223b31,var(--panel) 85%)}.next-goal{background:linear-gradient(135deg,#302f25,var(--panel) 90%)}.auth-layout .login{width:100%;max-width:440px;padding:2rem;gap:1rem;border-color:var(--border-control);background:var(--panel);box-shadow:var(--bevel),var(--shadow-modal)}.overview-stats>div,.overview-stats>button{min-width:0}.overview-stats strong{overflow-wrap:anywhere;font-size:clamp(1.15rem,2.4cqi,1.65rem)}.directory-skill .progress-micro{margin-top:.5rem}@media(max-width:900px){.auth-layout .login{max-width:none}}@media(max-width:540px){.auth-layout .login{padding:1.4rem}}.card h2{letter-spacing:-.025em}.quest-tracker{max-width:1320px;background:#1a2931}.quest-tracker.done{background:#1d322a}.quest-tracker-label strong{font-weight:550}.quest-tracker .disclosure-label{border-left:1px solid var(--border);padding-left:.8rem}.skill-overview .skill-emblem,.activity-portrait{background:#12212a;border-color:#354c55}.activity-detail.is-training{border-color:#567c65;box-shadow:inset 0 3px #76b891}.activity-metrics>div{background:#12202a}.activity-buttons>button:first-child{box-shadow:inset 0 1px #ffffff18}.activity-more>summary:hover{color:var(--text)}.skill-guide{background:#132029;border-radius:var(--radius-md);padding:.7rem 1rem}.combat-advanced{margin-top:1rem;border-top:1px solid var(--border)}.combat-advanced>summary{display:flex;justify-content:space-between;gap:.6rem;cursor:pointer;padding:.9rem 0 .3rem;color:#b4c5cb;font-size:var(--text-sm)}.combat-advanced>summary>span{color:var(--muted);font-size:var(--text-xs)}.combat-advanced .prayer-bar{margin-top:.8rem}.preparation-note{background:#26342f;color:#bdd0c1;padding:.7rem .85rem;border-radius:7px;line-height:1.6}.combatant{background:#12202a;border-radius:var(--radius-md);padding:1rem;border:1px solid #304751}.area>.skill-header{margin-bottom:1rem}.sale-review{max-height:300px;overflow-y:auto;padding:.25rem 0}.sale-review>div{display:flex;gap:1rem;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.sale-review>div>strong{flex-shrink:0}.sale-total{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;color:var(--muted)}.sale-total>strong{color:var(--gold)}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.overview-stats>div,.overview-stats>button{display:flex;flex-direction:column;gap:.5rem;text-align:left;padding:1.1rem 1.25rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.overview-stats span{font-size:var(--text-xs);color:var(--muted);font-weight:400}.overview-stats strong{font-variant-numeric:tabular-nums;font-weight:600}.overview-stats small{color:var(--muted);font-size:var(--text-2xs);font-weight:400}.overview-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.overview-columns>.card{padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start}.overview-columns h2{font-size:var(--text-xl);margin-top:.7rem}.overview-columns p{font-size:var(--text-sm);line-height:1.7;flex:1}.next-goal .eyebrow{color:var(--gold)}.attention-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.attention-card h3{margin:0 auto 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{font-size:var(--text-lg)}.section-heading p{margin-bottom:0}.skill-directory{padding:1.25rem}.skill-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.directory-skill{display:flex;align-items:center;gap:.75rem;padding:.9rem;background:#12202a;border-color:#2b404b;text-align:left}.directory-skill>span:not(.directory-level){flex:1;min-width:0}.directory-skill strong{font-size:var(--text-sm);font-weight:500}.directory-level{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--text-sm);color:#bfd2d5}.directory-skill.training{border-color:#4b705a;background:#20382e}.auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(2rem,6vw,7rem);max-width:1280px;margin:auto;padding:4rem}body:has(.auth-layout){background:radial-gradient(ellipse at 15% 20%,#294b3c70,transparent 55%),var(--bg)}.auth-intro{display:flex;flex-direction:column;align-items:flex-start}.auth-brand{display:inline-flex;gap:.7rem;align-items:center;color:var(--accent);font-weight:700;margin-bottom:3.5rem;font-size:var(--text-lg)}.auth-intro h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.13;letter-spacing:-.05em;margin:1rem 0}.auth-intro>p{color:#b0c2c6;font-size:var(--text-md);line-height:1.8;max-width:470px}.auth-features{display:flex;flex-direction:column;gap:1rem;margin:1rem 0 2rem}.auth-features>span{display:flex;align-items:center;gap:.8rem;font-size:var(--text-sm);color:#c9d8d8}.auth-intro>small{color:var(--muted);font-size:var(--text-xs);line-height:1.7;max-width:390px}.auth-layout .login h2{font-size:1.6rem}.auth-form-copy{margin:-.3rem 0 .5rem;line-height:1.7}.auth-layout .login label{font-size:var(--text-sm);gap:.5rem}.auth-layout .login input{min-height:44px}.auth-layout .login input[type=checkbox]{min-height:0}.auth-layout .login label.inline{align-items:flex-start;line-height:1.6}.auth-layout .login button[type=submit]{min-height:46px}@container (max-width: 760px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.skill-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.auth-layout{padding:2rem;grid-template-columns:1fr;gap:2rem;max-width:560px}.auth-brand{margin-bottom:1rem}.auth-intro h1{font-size:2.25rem}.auth-features,.auth-intro>small{display:none}}@media(max-width:540px){.overview-stats>div,.overview-stats>button{padding:.9rem}.skill-directory-grid{grid-template-columns:1fr}.directory-skill{padding:.8rem}.auth-layout{padding:1.25rem}.auth-intro h1{font-size:1.9rem}}.auth-layout .start-card .play-button{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--text-md);font-weight:600}.auth-layout .start-card .play-button.disabled{pointer-events:none;opacity:.6}.character-setup .name-field{display:flex;gap:.5rem}.character-setup .name-field input{flex:1;min-width:0}.character-setup .name-field button{flex:none;white-space:nowrap}.welcome-card{max-width:860px;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.2rem,3vw,2rem);border-color:var(--border-accent);background:linear-gradient(135deg,#223b31,var(--panel) 85%);outline:1px solid var(--frame);outline-offset:-5px}.welcome-card h2{font-family:var(--font-display);font-weight:500;color:var(--parchment);margin:0}.welcome-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.welcome-steps li{display:flex;gap:.9rem;align-items:flex-start;line-height:1.6;color:#c9d8d8}.welcome-steps li>svg,.welcome-steps li>span:first-child{flex:none;color:var(--accent)}.welcome-steps strong{color:var(--parchment);font-weight:600}.welcome-card .row-buttons button:first-child{min-height:46px;padding-inline:1.4rem}.quest-tracker.guided{border-color:var(--border-accent)}@media(max-width:540px){.character-setup .name-field{flex-direction:column}.welcome-card .row-buttons button{width:100%}}.scene-valley{--scene-position: 50% 52%}.scene-woods{--scene-art: url(/art/timberline.jpg);--scene-position: 50% 56%}.scene-river{--scene-position: 65% 78%}.scene-mine{--scene-position: 97% 37%}.scene-workshop{--scene-art: url(/art/village-workshop.jpg);--scene-position: 70% 60%}.scene-village{--scene-position: 31% 63%}.scenery{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;align-items:flex-end;padding:clamp(1.4rem,3vw,2.6rem);border:1px solid #5f6553;border-radius:var(--radius-lg);background:#26362e var(--scene-art, var(--frontier-art)) var(--scene-position, 50% 52%) / cover no-repeat}.scenery:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b161ddb,#0b161d30 80%),linear-gradient(0deg,#0b161deb,transparent 85%)}.scenery-copy{max-width:620px;text-shadow:0 2px 12px #000a}.scenery .eyebrow{color:#e4c795;letter-spacing:.16em;font-size:var(--text-2xs)}.scenery h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.1vw,2.9rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;margin:.65rem 0;color:#f4ead6}.scenery p{font-size:var(--text-sm);color:#d0d9d1;max-width:510px;line-height:1.7;margin:.6rem 0 0}.scenery-compact{min-height:158px;padding:1.3rem 1.6rem;background-size:115%}.scenery-compact h1{font-size:clamp(1.55rem,2.5vw,2.1rem);margin-block:.4rem}.scenery-compact p{font-size:var(--text-sm);margin-top:.3rem}.tracked-adventure{display:flex;align-items:center;gap:.7rem;max-width:1320px;padding:.55rem .8rem;background:#292d26;border:1px solid #555c43;border-radius:9px}.tracked-title{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1;text-align:left;min-width:0;padding:.15rem}.tracked-title strong{font-size:var(--text-xs);color:var(--parchment);font-weight:550}.tracked-title>span{font-size:var(--text-2xs);color:#a9b8ac}.world-intro h2{font-family:var(--font-display);font-weight:500;color:var(--parchment)}.world-intro p{max-width:700px;font-size:var(--text-sm);line-height:1.8}.place-grid,.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.place-card{position:relative;overflow:hidden;min-height:235px;padding:0;text-align:left;border:1px solid #5e6752;border-radius:var(--radius-lg);background:#23312c var(--scene-art, var(--frontier-art)) var(--scene-position, center) / auto 175% no-repeat}.place-card:hover{border-color:#d4ba88}.place-content{display:flex;height:100%;min-height:235px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.3rem;background:linear-gradient(0deg,#0d191ff5 5%,#0d191f9c 60%,#0d191f25)}.place-content strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:#f2e4c8;margin:.65rem 0 .5rem}.place-content small{font-size:var(--text-xs);font-weight:400;color:#c3d0c7;line-height:1.7}.place-content>span{font-size:var(--text-xs);color:#d9bd89;margin-top:.8rem}.village-services{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.village-services h3{width:100%;margin-bottom:.3rem}.region-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.region-vista{padding:1.2rem;min-height:116px;background:linear-gradient(0deg,#0e1a24ed,#15253055),var(--scene-art, var(--frontier-art)) var(--scene-position, center) / cover;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.region-vista>span{color:#dcc99f;font-size:var(--text-2xs);text-align:right}.region-body{display:flex;flex:1;flex-direction:column;gap:.8rem;padding:1.2rem}.region-body h2{font-family:var(--font-display);font-weight:500;color:var(--parchment);font-size:var(--text-xl)}.region-body>p{line-height:1.7;margin:0}.region-body>button{margin-top:auto}.region-inhabitants{display:flex;flex-direction:column;gap:.55rem}.region-inhabitants>span{display:flex;align-items:center;gap:.45rem;font-size:var(--text-xs)}.region-inhabitants small{margin-left:auto;color:var(--muted);font-size:var(--text-2xs);text-align:right}.region-loot{display:flex;flex-wrap:wrap;gap:.5rem .7rem;font-size:var(--text-2xs);border-top:1px solid var(--border);padding-top:.8rem}.region-loot>.eyebrow{width:100%;font-size:var(--text-2xs)}.region-requirements{padding:.8rem;background:#302c23;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:var(--text-xs)}.region-requirements>strong{font-weight:500;color:#dec79c}.region-requirements button{font-size:var(--text-2xs);text-align:left}.region-locked .region-vista{opacity:.65}.dungeon-preview{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.3rem}.dungeon-preview h2{font-family:var(--font-display);color:var(--parchment);font-weight:500;margin-top:.5rem}.dungeon-preview>p{margin:0;line-height:1.7}.dungeon-spoils{display:flex;flex-direction:column;gap:.7rem;width:100%;font-size:var(--text-xs)}.dungeon-spoils>span{display:flex;align-items:center;gap:.5rem}.dungeon-spoils small{color:var(--muted);margin-left:auto;font-size:var(--text-2xs)}.dungeon-preview>button{margin-top:auto}.destination-filter{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;color:var(--muted)}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}.journey-card{display:flex;flex-direction:column;padding:1.4rem}.journey-card header{display:flex;align-items:center;gap:.9rem}.journey-emblem{background:#102028;border:1px solid #4a584b;padding:.8rem;border-radius:var(--radius-lg);flex-shrink:0}.journey-card h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--parchment);margin-top:.5rem}.journey-card .eyebrow{font-size:var(--text-2xs);color:#bca77e}.journey-story{font-size:var(--text-sm);color:#aebfb8;line-height:1.8}.journey-count{display:flex;justify-content:space-between;gap:.8rem;font-size:var(--text-2xs);color:var(--muted);margin-bottom:.55rem}.journey-count strong{color:var(--parchment)}.journey-steps{list-style:none;margin:1rem 0;padding:0}.journey-steps li{display:flex;gap:.7rem;align-items:flex-start;border-bottom:1px solid #30423e;padding:.85rem 0}.step-marker{display:grid;place-items:center;min-width:24px;height:24px;background:#263a3d;border:1px solid #465c56;border-radius:50%;font-size:var(--text-2xs);color:#c5cdbb}.journey-steps li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.journey-steps strong{font-size:var(--text-xs);font-weight:500;line-height:1.5}.journey-steps small{color:var(--muted);font-size:var(--text-2xs);line-height:1.7}.step-progress{color:#c7b483;font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.journey-steps .done .step-marker{color:#a4d7ad;background:#294232}.journey-steps .done strong{color:#9bb7a4}.journey-steps .next .step-marker{border-color:#d4b77b;color:#f2d8a4}.journey-payoff{color:#d5c29c;background:#a18c4f0f;border-left:2px solid #8d784e;padding:.65rem .85rem;font-size:var(--text-xs);line-height:1.8}.journey-card>button{margin-top:auto}.journey-complete{border-color:#527353}.story-quests{display:flex;flex-direction:column;gap:.8rem}.story-quest.current{border-color:#9b8a5e}.story-quest>summary{display:flex;gap:.9rem;align-items:center;cursor:pointer;list-style:none}.story-quest>summary::-webkit-details-marker{display:none}.quest-number{color:#cfb783;font-size:var(--text-sm);min-width:25px}.story-quest>summary>span:nth-child(2){font-family:var(--font-display);font-size:var(--text-lg)}.story-quest summary small{display:block;font:var(--text-2xs) var(--font-ui);color:var(--muted);margin-top:.35rem}.quest-unlock{margin-left:auto;color:#c6bb8d;font-size:var(--text-2xs)}.story-quest>p,.story-quest li{font-size:var(--text-sm);line-height:1.7}.story-quest li{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.6rem}.quest-rewards{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:var(--text-xs);margin:1rem 0}.source-link{margin-left:.75rem;font-size:var(--text-xs)}body:has(.auth-layout){background:linear-gradient(90deg,#0a171de6,#0a171d99),var(--frontier-art) center / cover fixed}.auth-intro h1{font-family:var(--font-display);font-weight:500;color:#f4e5c8}@container (max-width: 1000px){.place-grid,.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 680px){.journey-grid,.region-grid{grid-template-columns:1fr}.scenery{min-height:230px;padding:1.3rem}.scenery-compact{min-height:150px}.tracked-adventure{flex-wrap:wrap}.tracked-title{min-width:150px}}@media(max-width:540px){.place-grid{grid-template-columns:1fr}.place-card,.place-content{min-height:200px}.journey-card{padding:1rem}.scenery{background-size:auto 125%}.scenery h1{font-size:1.9rem}.scenery-compact h1{font-size:1.6rem}.quest-unlock{display:none}body:has(.auth-layout){background-attachment:scroll}}.production-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.production-controls label{font-size:var(--text-xs);color:var(--muted)}.production-controls label:not(.inline){display:flex;align-items:center;gap:.65rem}.production-controls input[type=number]{width:105px}.production-chain>p{line-height:1.8}.chain-supplies{background:#11212a;border:1px solid #3e5148;border-radius:9px;padding:1rem;margin:1rem 0 1.4rem}.chain-supplies>div{display:flex;flex-direction:column;gap:.65rem}.chain-supplies>div>span{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:var(--text-sm)}.chain-supplies .link-button{flex-shrink:0;font-size:var(--text-xs)}.recipe-tree,.recipe-tree ul{list-style:none;margin:0;padding:0}.recipe-tree{max-width:100%;overflow-x:auto;padding:.25rem}.recipe-tree ul{border-left:1px solid #4f5a46;padding-left:.85rem;margin-left:.4rem}.recipe-tree li{padding:.3rem 0}.recipe-node{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .7rem;padding:.6rem .7rem;background:#243138;border-radius:var(--radius-sm);font-size:var(--text-xs)}.recipe-node>.muted{font-size:var(--text-2xs);line-height:1.6}.recipe-root{border:1px solid #7f8058;background:#303a30}.production-order{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}.production-order>summary{cursor:pointer;color:var(--parchment);font-size:var(--text-sm)}.production-order ol{padding-left:1.2rem}.production-order li{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;font-size:var(--text-xs)}.production-order small{display:block;margin-top:.4rem;color:var(--muted);font-size:var(--text-2xs);line-height:1.6}.forge-recipe>.secondary{margin-top:auto}.forge-recipe .forge-inputs{flex:1}.objective-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem}.objectives>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.objective-actions .link-button{font-size:var(--text-xs);white-space:nowrap}.journey-steps .objective-actions{flex-direction:column;align-items:flex-end}.next-goal>.objective-actions{margin-bottom:.6rem}.production-step-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.7rem 0;font-size:var(--text-xs)}.connection-row small{display:block;margin-top:.35rem;font-size:var(--text-2xs);color:var(--muted);line-height:1.6}.connection-row>.link-button{flex-shrink:0;font-size:var(--text-2xs)}.resource-with-source{flex-wrap:wrap}.resource-with-source .link-button{font-size:var(--text-2xs);margin-left:auto}.guild-objective-action{margin-top:.9rem}.bonus-drop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.4rem}.bonus-drop{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.6rem .7rem;border-radius:var(--radius-sm);background:#11212a70;min-width:0}.bonus-drop .item-ref{font-size:var(--text-xs);gap:.4rem;max-width:100%}.bonus-drop .item-name{overflow-wrap:anywhere}.bonus-drop>.small{font-size:var(--text-2xs);padding-left:26px;font-variant-numeric:tabular-nums}.activity-control-help{font-size:var(--text-2xs);line-height:1.5}@media(max-width:540px){.production-order li{flex-wrap:wrap}.production-step-actions{width:100%;justify-content:flex-start}.recipe-tree ul{padding-left:.45rem;margin-left:.15rem}.recipe-node{padding:.5rem}.production-controls>.segmented{max-width:100%}}.bank-categories{grid-area:categories;flex-direction:column;position:sticky;top:calc(var(--header-height, 4.5rem) + 1rem)}.bank-categories>button{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;white-space:nowrap}.bank-categories small{color:var(--muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}@container vault (max-width: 950px){.bank-categories{flex-direction:row;position:static}}.bank-vault{container-name:vault;container-type:inline-size;display:flex;flex-direction:column;gap:1rem;width:100%}.vault-header .skill-header{gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.bank-wallet{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.bank-currency{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;background:#111d25;border:1px solid var(--border);font-size:var(--text-sm)}.bank-currency strong{color:var(--gold);font-variant-numeric:tabular-nums}.vault-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.vault-toolbar input{min-width:160px;flex:1 1 200px}.vault-toolbar select{max-width:160px}.vault-toolbar button{font-size:var(--text-sm)}.bank-workspace{display:grid;grid-template-columns:150px minmax(200px,1fr) 300px;grid-template-areas:"categories items inspector";gap:.8rem;align-items:start}.bank-storage{grid-area:items;min-width:0}.bank-storage-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.bank-storage-heading h3{margin:0}.bank-item-group{border-top:1px solid var(--border);padding:.6rem 0 .8rem}.bank-group-heading.ghost{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem 0 .65rem;width:100%;color:var(--text);font-size:var(--text-xs);text-align:left}.bank-group-heading:disabled{opacity:1;cursor:default}.bank-group-heading small{color:var(--muted)}.bank-group-grid.tile-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.4rem}.bank-group-grid .item-tile{min-width:0}.bank-grid-help{line-height:1.6;font-size:var(--text-2xs);margin:.75rem 0 0}.bank-inspector{grid-area:inspector;min-width:0;position:sticky;top:calc(var(--header-height, 4.5rem) + 1rem);max-height:calc(100dvh - var(--header-height, 4.5rem) - 2rem);overflow-y:auto;scrollbar-width:thin}.bank-inspector.has-item{border-color:#557e70}.bank-inspector-heading{display:flex;align-items:start;gap:.35rem;justify-content:space-between;margin-bottom:.75rem}.bank-inspector-heading>.detail-title{min-width:0;gap:.65rem}.bank-inspector-heading .detail-title strong{font-size:var(--text-md);line-height:1.4;overflow-wrap:anywhere}.bank-inspector-heading .detail-title .game-icon{width:38px;height:38px}.bank-inspector-heading .detail-title .small{font-size:var(--text-2xs);margin-top:.3rem}.bank-inspector-heading>button{padding:.15rem .3rem;flex-shrink:0}.bank-inspector-empty{display:grid;justify-items:start;gap:.85rem;padding:.5rem}.bank-inspector-empty h3,.bank-inspector-empty p{margin:0}.bank-inspector-empty p{line-height:1.65}.item-preferences{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.65rem}.item-preferences button{font-size:var(--text-xs);padding:.3rem .5rem}.item-preferences button[aria-pressed=true]{color:var(--gold);background:#e7c3890d}.bank-more-details{display:block;text-align:left;font-size:var(--text-xs);margin-bottom:.65rem}.bank-item-detail .tabs-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.bank-item-detail .tabs-row button{font-size:var(--text-2xs);padding:.35rem .5rem}.bank-item-detail .item-lines{font-size:var(--text-sm);padding-left:1rem}.bank-item-detail .detail-description{line-height:1.6;font-size:var(--text-sm)}.bank-item-detail .detail-meta{padding:.75rem 0;border-top:1px solid var(--border);gap:.4rem;font-size:var(--text-xs)}.bank-item-detail .detail-actions{padding-top:.25rem}.bank-item-detail .detail-actions button{font-size:var(--text-sm)}.bank-item-detail .production-controls{flex-wrap:wrap}.bank-item-detail .production-chain{overflow-wrap:anywhere}.quick-bank-tools{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quick-bank-tools input{flex:1;width:0;min-width:0;min-height:34px;padding:.5rem .6rem;font-size:var(--text-xs)}.quick-bank-tools>button{flex-shrink:0;white-space:nowrap;font-size:var(--text-2xs)}.quick-bank-section+.quick-bank-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.quick-bank-section h3{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .65rem;color:var(--text);font-size:var(--text-xs);font-weight:600;text-transform:none;letter-spacing:0}.quick-bank-section h3 span{font-size:var(--text-2xs);font-weight:400;color:var(--muted)}.quick-bank-section>p{margin:.3rem 0 .7rem;font-size:var(--text-xs);line-height:1.55}.quick-bank-section .quick-activity-name{color:var(--muted);margin-top:-.35rem}.bank-quick .tile-grid.compact{max-height:none;overflow:visible}.quick-bank-section>.link-button{margin-top:.6rem;font-size:var(--text-xs)}@container vault (max-width: 950px){.bank-workspace{grid-template-columns:minmax(200px,1fr) 280px;grid-template-areas:"categories categories" "items inspector"}}@container vault (max-width: 650px){.bank-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"categories" "inspector" "items"}.bank-inspector{position:static;max-height:none}.bank-inspector:not(.has-item){display:none}.vault-toolbar input{flex-basis:100%}.bank-group-grid.tile-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}}
