@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=Pixelify+Sans:wght@500;700&family=Work+Sans:wght@400;600;700&display=swap";:root{--bone-100:#fdf4ee;--bone-200:#fbe2d0;--bone-300:#f4b690;--bone-400:#f2e6c9;--bone-500:#bca57d;--ink:#0a0a0a;--iron-900:#1e1e1e;--iron-800:#2a2a2a;--iron-700:#353535;--iron-600:#575655;--iron-500:#757575;--iron-400:#9b9b9b;--iron-300:#bfbfbf;--iron-200:#d9d9d9;--iron-100:#f2f2f2;--rust-300:#e88a4f;--rust-400:#d86a2e;--rust-500:#c44a1a;--rust-600:#a33c12;--rust-700:#883204;--rust-800:#501901;--rust-900:#2a0c00;--gold-500:#f0c356;--gold-700:#c68a2e;--bronze:#f0c060;--bronze-bright:#ffd97e;--bronze-dim:#c68a2e;--earth-500:#a5723c;--earth-700:#82552d;--earth-900:#3a2412;--status-success:#6fb45a;--status-warning:#e0a64e;--status-danger:#d05a3a;--status-info:#4f8fd0;--rune:#6e6053;--bg-deep:#060503;--bg:#0a0a0a;--bg-elev:#15100a;--bg-panel:#1f1812;--bg-panel-2:#100a06;--border:#4a3a20;--border-bright:#6e5230;--border-rust:#c44a1a;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-pixel:"Pixelify Sans", ui-monospace, monospace;--font-mono-small:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-lore:"Crimson Pro", Georgia, serif;--font-ui:"Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--track-wide:.18em;--track-mid:.08em}.m-btn{background:var(--rust-500);color:var(--bone-400);border:3px solid var(--ink);box-shadow:4px 4px 0 0 var(--rust-700);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:800;text-decoration:none;transition:transform 90ms,box-shadow 90ms,background 90ms,border-color 90ms;display:inline-flex;position:relative}.m-btn:hover{box-shadow:6px 6px 0 0 var(--rust-700);background:var(--rust-400);transform:translate(-2px,-2px)}.m-btn:active{box-shadow:2px 2px 0 0 var(--rust-700);transform:translate(2px,2px)}.m-btn--bronze{background:var(--bronze);color:var(--ink);box-shadow:4px 4px 0 0 var(--gold-700)}.m-btn--bronze:hover{background:var(--bronze-bright);box-shadow:6px 6px 0 0 var(--gold-700)}.m-btn--bronze:active{box-shadow:2px 2px 0 0 var(--gold-700)}.m-btn--iron{background:var(--iron-700);box-shadow:4px 4px 0 0 var(--iron-900)}.m-btn--iron:hover{background:var(--iron-800);box-shadow:6px 6px 0 0 var(--iron-900);border-color:var(--bronze)}.m-btn--iron:active{box-shadow:2px 2px 0 0 var(--iron-900)}.m-btn--outline{color:var(--rust-500);border-color:var(--rust-500);box-shadow:none;background:0 0}.m-btn--outline:hover{color:var(--bone-400);box-shadow:4px 4px 0 0 var(--rust-700);background:#c44a1a2e}.m-btn--ghost{color:var(--bone-500);border:1px solid var(--iron-700);box-shadow:none;background:0 0;padding:10px 18px;font-size:12px}.m-btn--ghost:hover{color:var(--bone-400);border-color:var(--bronze);transform:none}.m-btn--rune{color:var(--bone-500);box-shadow:none;font-family:var(--font-pixel);letter-spacing:.22em;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 6px}.m-btn--rune:hover{color:var(--bronze);border-bottom-color:var(--bronze);transform:none}.m-btn--sm{box-shadow:3px 3px 0 0 var(--rust-700);border-width:2px;padding:8px 14px;font-size:11px}.m-btn--sm.m-btn--bronze{box-shadow:3px 3px 0 0 var(--gold-700)}.m-btn--sm.m-btn--iron{box-shadow:3px 3px 0 0 var(--iron-900)}.m-btn--lg{padding:16px 28px;font-size:15px}.m-btn--xl{box-shadow:6px 6px 0 0 var(--rust-700);padding:22px 36px;font-size:18px}.m-btn--xl.m-btn--bronze{box-shadow:6px 6px 0 0 var(--gold-700)}.m-btn--xl.m-btn--iron{box-shadow:6px 6px 0 0 var(--iron-900)}.m-btn--block{width:100%}.m-btn--locked,.m-btn[disabled]{cursor:not-allowed;pointer-events:none;color:var(--bone-500);background:repeating-linear-gradient(45deg, #0a07038c 0 6px, #0a070300 6px 12px), var(--iron-900);box-shadow:4px 4px 0 0 var(--ink)}.m-btn--loading{color:var(--bone-500);pointer-events:none}.m-btn--loading:after{content:"";border:2px solid var(--bone-500);border-top-color:var(--bronze-bright);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite m-spin;display:inline-block}@keyframes m-spin{to{transform:rotate(360deg)}}.m-btn .sub{font-family:var(--font-pixel);letter-spacing:.22em;color:#fdf4eec7;font-size:10px;font-weight:700}.m-btn--bronze .sub{color:#0a0a0aa6}.hk{min-width:18px;height:18px;color:var(--bronze);font-family:var(--font-pixel);letter-spacing:.06em;background:#0a070366;border:1px solid #f0c06073;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.m-btn--bronze .hk{color:var(--ink);background:#0a070359;border-color:#0a070380}.tile{--tile-size:64px;width:var(--tile-size);height:var(--tile-size);background:radial-gradient(ellipse at 30% 25%, #c48c501a 0%, #0000 55%), linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);border:1px solid var(--gold-700);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,inset 0 2px 6px #0000008c,0 2px 6px #0006}.tile:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.55;background-image:radial-gradient(circle at 12% 18%,#ffe9b41a .5px,#0000 1.4px),radial-gradient(circle at 78% 32%,#0000002e .5px,#0000 1.4px),radial-gradient(circle at 42% 72%,#ffffff0f .5px,#0000 1.2px),radial-gradient(circle at 88% 88%,#00000026 .5px,#0000 1.4px);background-size:5px 5px,7px 7px,4px 4px,6px 6px;position:absolute;inset:0}.tile:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(at 50% 60%,#0000 35%,#00000073 100%),linear-gradient(#ffd97e0a 0%,#0000 25% 75%,#0000004d 100%);position:absolute;inset:0}.tile--sm{--tile-size:40px}.tile--sm svg [stroke-width="0.2"],.tile--sm svg [stroke-width="0.25"],.tile--sm svg [stroke-width="0.3"],.tile--sm svg [stroke-width="0.35"],.tile--sm svg [opacity="0.4"],.tile--sm svg [opacity="0.5"],.tile--sm svg [opacity="0.6"],.tile--sm svg [opacity="0.7"]{display:none}.tile--md{--tile-size:56px}.tile--lg{--tile-size:80px}.tile--xl{--tile-size:108px}.tile-btn{cursor:pointer;background:0 0;border:0;padding:0;transition:transform 90ms}.tile-btn:hover .tile{border-color:var(--bronze-bright);box-shadow:inset 0 0 0 1px #0000008c, inset 0 2px 6px #0000008c, 0 0 0 1px var(--bronze) inset, 0 4px 12px #f0c06040;transform:translateY(-1px)}.tile-btn:active .tile{transform:translateY(1px)}.tile-btn.is-armed .tile{border-color:var(--bronze-bright);box-shadow:inset 0 0 0 1px #0000008c, 0 0 0 2px var(--bronze) inset, 0 0 16px #f0c06073}.tile[aria-disabled=true],.tile-btn[disabled] .tile{filter:grayscale(.7)brightness(.55);cursor:not-allowed}.tile__glyph{width:70%;height:70%;display:block}.tile__hk{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--bronze);opacity:.85;font-size:9px;font-weight:700;position:absolute;top:2px;left:3px}.tile__count{font-family:var(--font-display);color:var(--bone-400);text-shadow:0 1px #000,0 0 4px #000;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;position:absolute;bottom:1px;right:3px}.tile__badge{background:var(--rust-500);border:1px solid var(--ink);width:16px;height:16px;color:var(--bone-400);font-family:var(--font-pixel);letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.res-pill{border:1px solid var(--gold-700);color:var(--bone-400);font-family:var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:linear-gradient(#1a130aeb 0%,#0a0703eb 100%);align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #00000080}.res-pill .tile{--tile-size:28px;border-radius:0}.res-pill .delta{font-family:var(--font-pixel);color:var(--status-success);letter-spacing:.04em;margin-left:2px;font-size:10px}.res-pill .delta--neg{color:var(--status-warning)}.seg{background:var(--ink);border:1px solid var(--iron-700);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--bone-500);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:10px;font-weight:700;transition:color 90ms,background 90ms}.seg button:hover{color:var(--bone-400)}.seg button.is-on{background:var(--rust-500);color:var(--bone-400)}.switch{background:var(--ink);border:1px solid var(--iron-700);cursor:pointer;width:44px;height:22px;transition:background 90ms,border-color 90ms;display:inline-block;position:relative}.switch:after{content:"";background:linear-gradient(180deg, var(--bronze) 0%, var(--bronze-dim) 100%);border:1px solid var(--ink);width:18px;height:18px;transition:left .12s;position:absolute;top:1px;left:1px}.switch.is-on{background:var(--rust-700);border-color:var(--rust-500)}.switch.is-on:after{left:23px}.tag{background:var(--iron-700);border:2px solid var(--rust-500);color:var(--rust-500);font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.tag--gold{border-color:var(--gold-500);color:var(--gold-500)}.tag--rune{border-color:var(--border);color:var(--bone-500)}.tag--solid{background:var(--rust-500);color:var(--bone-400);border-color:var(--rust-500)}@media (prefers-reduced-motion:reduce){.m-btn,.m-btn:hover,.m-btn:active,.tile-btn,.tile-btn:hover,.tile-btn:active,.tile,.tile-btn:hover .tile,.tile-btn:active .tile,.switch,.switch:after,.seg button{transition:none!important}.m-btn:hover,.m-btn:active{transform:none!important}.m-btn--loading:after{animation:none!important}}@media (pointer:coarse){.m-btn,.seg button{min-height:44px}.switch{min-width:52px;min-height:28px}}