:root{--color-bg: #fafaf9;--color-bg-sunken: #f1f1f0;--color-surface: #ffffff;--color-text: #141517;--color-text-muted: #54575d;--color-text-faint: #6d7178;--color-border: #e0e1e3;--color-border-strong: #b9bcc1;--color-accent: #1d2633;--color-accent-hover: #2e3a4b;--color-on-accent: #ffffff;--color-inverse-bg: #141517;--color-inverse-surface: #25272b;--color-inverse-text: #f4f4f5;--color-inverse-muted: #a3a6ad;--color-focus: #1d2633;--color-danger: #a6261b;--color-overlay: rgb(20 21 23 / .55);--color-highlight: #ececea;--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--radius: 4px;--shadow-raised: 0 8px 24px rgb(20 21 23 / .1);--page-width: 1180px;--gutter: clamp(16px, 4vw, 48px);--card-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--card-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--card-font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--card-accent: #c4553f;--rarity-common: #9a978f;--rarity-rare: #4f8db8;--rarity-epic: #9b5fc0;--rarity-legendary: #d4a23a;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.container{width:min(100%,var(--page-width));margin-inline:auto;padding-inline:var(--gutter)}.eyebrow-label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.page-head{padding-block:56px 32px}.page-title{font-size:clamp(34px,5vw,48px);margin-top:12px}.page-lead{max-width:60ch;margin:16px 0 0;color:var(--color-text-muted);font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:500 14px/1 var(--font-sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn:hover{background:var(--color-bg-sunken)}.btn-primary,.btn-accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover,.btn-accent:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.btn-small{min-height:34px;padding:0 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:500 13px/1 var(--font-sans);text-decoration:none;cursor:pointer}.chip[aria-pressed=true],.chip.is-active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:28px}.tile-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:10px}.tile-foot:empty{display:none}.notice{padding:16px 20px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.coin-dot,.gem-dot{display:inline-block;flex:none;width:12px;height:12px;border:2px solid var(--color-text-muted);border-radius:50%}.gem-dot{border-radius:1px;transform:rotate(45deg) scale(.8)}.progress-track{display:block;height:4px;overflow:hidden;background:var(--color-border)}.progress-fill{display:block;height:100%;background:var(--color-accent);transition:width .4s ease-out}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@property --mx{syntax: "<number>"; inherits: true; initial-value: 30;}@property --my{syntax: "<number>"; inherits: true; initial-value: 26;}@property --hyp{syntax: "<number>"; inherits: true; initial-value: .4;}@property --fa{syntax: "<number>"; inherits: true; initial-value: .5;}@property --fb{syntax: "<number>"; inherits: true; initial-value: .3;}@property --fc{syntax: "<number>"; inherits: true; initial-value: .3;}