: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: #ff6b4a;--color-accent-hover: #ff8466;--color-accent-text: #c8381a;--color-streak-done: var(--color-accent-text);--color-on-accent: #1f2a44;--color-inverse-bg: #141517;--color-inverse-surface: #25272b;--color-inverse-text: #f4f4f5;--color-inverse-muted: #a3a6ad;--color-focus: #c8381a;--color-danger: #a6261b;--color-danger-solid: #a6261b;--color-on-danger: #ffffff;--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;--brand-ink: #1f2a44;--brand-accent: #ff6b4a;--brand-cream: #fff4e0;--currency-coin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Ccircle cx='26' cy='26' r='24' fill='%23F5C542' stroke='%23B8861F' stroke-width='4' stroke-dasharray='3 3'/%3E%3Ccircle cx='26' cy='26' r='19' fill='%23FFD96B' stroke='%23B8861F' stroke-width='1.5'/%3E%3Ctext x='26' y='38.5' text-anchor='middle' font-family='Fraunces,Georgia,serif' font-weight='700' font-size='34' fill='%238A6314'%3EC%3C/text%3E%3C/svg%3E");--currency-gem-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpolygon points='26,0 48,13 48,39 26,52 4,39 4,13' fill='%236C8BFF' stroke='%233D56C4' stroke-width='2' stroke-linejoin='round'/%3E%3Cpolygon points='26,14 36,20 36,32 26,38 16,32 16,20' fill='%239FB4FF' stroke='%233D56C4' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cline x1='26' y1='0' x2='26' y2='14' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='48' y1='13' x2='36' y2='20' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='48' y1='39' x2='36' y2='32' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='26' y1='52' x2='26' y2='38' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4' y1='39' x2='16' y2='32' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4' y1='13' x2='16' y2='20' stroke='%233D56C4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");color-scheme:light}:root[data-theme=dark]{--color-bg: #0f1424;--color-bg-sunken: #0b101d;--color-surface: #171e36;--color-text: #f4f1e8;--color-text-muted: #9aa3c0;--color-text-faint: #8e97b6;--color-border: #2a3558;--color-border-strong: #5b6892;--color-accent-text: #ff8466;--color-streak-done: var(--color-accent);--color-inverse-bg: #171e36;--color-inverse-surface: #2a3558;--color-inverse-text: #f4f1e8;--color-inverse-muted: #9aa3c0;--color-focus: #ff8466;--color-danger: #ff8a7a;--color-danger-solid: #c93c2f;--color-overlay: rgb(5 8 18 / .72);--color-highlight: #222b4a;--shadow-raised: 0 8px 24px rgb(0 0 0 / .5);--brand-ink: #f4f1e8;color-scheme:dark}:root:lang(ja){--font-sans: "IBM Plex Sans", system-ui, "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans CJK JP", sans-serif}:root:lang(ko){--font-sans: "IBM Plex Sans", system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", sans-serif;word-break:keep-all}:root:lang(zh-Hans){--font-sans: "IBM Plex Sans", system-ui, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}:root:lang(zh-Hant){--font-sans: "IBM Plex Sans", system-ui, "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif}:root:lang(ar),:root:lang(fa){--font-sans: system-ui, "Segoe UI", Tahoma, "Geeza Pro", "Noto Sans Arabic", sans-serif}:root:lang(he){--font-sans: "IBM Plex Sans", system-ui, "Segoe UI", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif}:root:lang(hi){--font-sans: "IBM Plex Sans", system-ui, "Nirmala UI", "Kohinoor Devanagari", "Noto Sans Devanagari", Mangal, sans-serif}:root:lang(th){--font-sans: "IBM Plex Sans", system-ui, "Leelawadee UI", Thonburi, "Noto Sans Thai", Tahoma, sans-serif}:root:lang(ru),:root:lang(uk),:root:lang(el){--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif}*,*: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:max(1em,14px);height:max(1em,14px);vertical-align:-.125em;background:center / contain no-repeat}.coin-dot{background-image:var(--currency-coin-icon)}.gem-dot{background-image:var(--currency-gem-icon)}.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;}:root:lang(ar) *,:root:lang(fa) *,:root:lang(hi) *,:root:lang(th) *{letter-spacing:normal!important}
