:root,[data-mantine-color-scheme=dark]{--ot-bg-body:#16161e;--ot-bg-surface-1:#1e1e28;--ot-bg-surface-2:#252530;--ot-bg-surface-3:#2e2e3a;--ot-bg-input:#1a1a24;--ot-border:#2e2e3c;--ot-border-subtle:#262634;--ot-border-highlight:#3e3e52;--ot-accent:#c8a84e;--ot-accent-muted:#a08040;--ot-accent-dim:#7a6030;--ot-accent-bg:rgba(200,168,78,0.06);--ot-gold:var(--ot-accent);--ot-gold-muted:var(--ot-accent-muted);--ot-gold-stat:var(--ot-accent);--ot-gold-dim:var(--ot-accent-dim);--ot-bg-dark:var(--ot-bg-body);--ot-bg-card:var(--ot-bg-surface-1);--ot-bg-card-header:var(--ot-bg-surface-2);--ot-bg-card-hover:var(--ot-bg-surface-3);--ot-bg-sidebar:var(--ot-bg-body);--ot-text:#e2e2ea;--ot-text-dim:#9898ac;--ot-text-bright:#f0f0f6;--ot-success:#4caf82;--ot-danger:#e05555;--ot-warning:#d4a040;--ot-race-primary:#4c7ec0;--ot-race-bg:#1a2030;--ot-race-border:#2a3550;--ot-transition-fast:120ms ease;--ot-transition:180ms ease;--ot-transition-slow:300ms ease}[data-accent=crimson]{--ot-accent:#c05050;--ot-accent-muted:#a04040;--ot-accent-dim:#803030;--ot-accent-bg:rgba(192,80,80,0.06)}[data-accent=sapphire]{--ot-accent:#5080c0;--ot-accent-muted:#4068a0;--ot-accent-dim:#305080;--ot-accent-bg:rgba(80,128,192,0.06)}[data-accent=emerald]{--ot-accent:#50a070;--ot-accent-muted:#408060;--ot-accent-dim:#306048;--ot-accent-bg:rgba(80,160,112,0.06)}[data-accent=silver]{--ot-accent:#9898ac;--ot-accent-muted:#787890;--ot-accent-dim:#585870;--ot-accent-bg:rgba(152,152,172,0.06)}[data-mantine-color-scheme=light]{--ot-bg-body:#f4f4f8;--ot-bg-surface-1:#ffffff;--ot-bg-surface-2:#f0f0f4;--ot-bg-surface-3:#e8e8ee;--ot-bg-input:#fafafe;--ot-border:#d4d4dc;--ot-border-subtle:#e0e0e6;--ot-border-highlight:#b8b8c4;--ot-accent:#8a7030;--ot-accent-muted:#6a5824;--ot-accent-dim:#b09242;--ot-accent-bg:rgba(138,112,48,0.06);--ot-text:#24242e;--ot-text-dim:#68687a;--ot-text-bright:#14141e}[data-race=ELF]{--ot-race-primary:#4caf82;--ot-race-bg:#162820;--ot-race-border:#284838}[data-race=HUMAN]{--ot-race-primary:#4c7ec0;--ot-race-bg:#1a2030;--ot-race-border:#2a3550}[data-race=UNDEAD]{--ot-race-primary:#9494a8;--ot-race-bg:#1a1a22;--ot-race-border:#303040}[data-race=GOBLIN]{--ot-race-primary:#c05050;--ot-race-bg:#201618;--ot-race-border:#3a2830}[data-mantine-color-scheme=dark]{--mantine-color-body:var(--ot-bg-body);--mantine-color-dark-6:var(--ot-bg-surface-3);--mantine-color-dark-7:var(--ot-bg-surface-1);--mantine-color-dark-8:var(--ot-bg-body);--mantine-color-dark-9:#101018;--mantine-color-text:var(--ot-text);--mantine-color-dimmed:var(--ot-text-dim)}html{scroll-behavior:smooth}body{background-color:var(--ot-bg-body);color:var(--ot-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--ot-accent);outline-offset:2px}.mantine-focus-auto:focus-visible{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ot-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ot-border-highlight)}::selection{background:rgba(200,168,78,.2);color:var(--ot-text-bright)}@keyframes ot-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ot-fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ot-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ot-page-content{animation:ot-fadeIn var(--ot-transition-slow) ease both}.ot-card{background:var(--ot-bg-surface-1);border:1px solid var(--ot-border);border-radius:14px;transition:border-color var(--ot-transition),box-shadow var(--ot-transition)}.ot-card:hover{border-color:var(--ot-border-highlight);box-shadow:0 4px 16px rgba(0,0,0,.2)}.ot-stat-value{color:var(--ot-accent);font-weight:600;font-variant-numeric:tabular-nums}.ot-divider{height:1px;background:linear-gradient(90deg,transparent,var(--ot-border-highlight),transparent);border:none}.ot-race-accent{border-left:3px solid var(--ot-race-primary)}.ot-interactive{cursor:pointer;transition:all var(--ot-transition)}.ot-interactive:hover{border-color:var(--ot-border-highlight);box-shadow:0 4px 16px rgba(0,0,0,.18)}.ot-badge-pulse{animation:ot-badge-pulse 2s ease-in-out infinite}.ot-stagger>*{opacity:0;animation:ot-fadeInUp .35s ease both}.ot-stagger>:first-child{animation-delay:0s}.ot-stagger>:nth-child(2){animation-delay:.04s}.ot-stagger>:nth-child(3){animation-delay:.08s}.ot-stagger>:nth-child(4){animation-delay:.12s}.ot-stagger>:nth-child(5){animation-delay:.16s}.ot-stagger>:nth-child(6){animation-delay:.2s}.ot-stagger>:nth-child(7){animation-delay:.24s}.ot-stagger>:nth-child(8){animation-delay:.28s}.ot-stagger>:nth-child(9){animation-delay:.32s}.ot-stagger>:nth-child(10){animation-delay:.36s}.ot-stagger>:nth-child(11){animation-delay:.4s}.ot-stagger>:nth-child(12){animation-delay:.44s}.ot-card-header{background:var(--ot-bg-surface-2);border-bottom:1px solid var(--ot-border);margin:calc(-1 * var(--ot-card-p, var(--mantine-spacing-lg)));margin-bottom:var(--mantine-spacing-sm);padding:var(--mantine-spacing-xs) var(--ot-card-p,var(--mantine-spacing-lg));border-radius:var(--mantine-radius-lg) var(--mantine-radius-lg) 0 0}.ot-card-featured{border-color:var(--ot-border-highlight)!important;box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 1px var(--ot-border-subtle)}.ot-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"status   status   status" "econ     mil      rank" "activity activity rec" "fort     quick    prof";gap:14px;width:100%;max-width:1480px;margin:0 auto;box-sizing:border-box}.ot-dashboard>*{min-height:0;min-width:0}.ot-status-strip{padding:var(--mantine-spacing-md) var(--mantine-spacing-lg);border:1px solid var(--ot-border-subtle);border-radius:var(--mantine-radius-lg);background:radial-gradient(circle at 75% 0,rgba(133,111,255,.25),rgba(133,111,255,0) 45%),linear-gradient(120deg,rgba(10,14,39,.95),rgba(16,18,42,.88))}.ot-status-progress{padding:4px 8px;border-radius:999px;border:1px solid var(--ot-border-subtle);background:rgba(255,255,255,.02)}.ot-dashboard-meta{color:var(--ot-text-dim)}.ot-dashboard-meta svg{color:var(--ot-accent)}.ot-dashboard-stat-line{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.ot-dashboard-stat-icon{color:var(--ot-text-dim)}.ot-dashboard-stat-value{font-variant-numeric:tabular-nums}.ot-recommended-panel{min-height:170px;justify-content:center}.ot-segmented-pill{border-radius:999px;border:1px solid var(--ot-border-subtle);padding:3px;background:rgba(255,255,255,.02)}.ot-segmented-pill button{border:0;background:transparent;color:var(--ot-text-dim);border-radius:999px;font-size:12px;padding:5px 10px;display:inline-flex;align-items:center;cursor:pointer}.ot-segmented-pill button.active{background:rgba(245,210,111,.14);color:var(--ot-accent)}.ot-fort-illustration{border-radius:var(--mantine-radius-md);border:1px solid var(--ot-border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));padding:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ot-activity-mail-panel{border-left:1px solid var(--ot-border-subtle);padding-left:var(--mantine-spacing-md)}@media (max-width:768px){.ot-activity-mail-panel{border-left:0;border-top:1px solid var(--ot-border-subtle);padding-left:0;padding-top:var(--mantine-spacing-sm)}}.ot-mail-row{border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:8px}@media (max-width:1200px){.ot-dashboard{grid-template-columns:1fr 1fr;grid-template-areas:"status   status" "econ     mil" "rank    rec" "activity activity" "fort     quick" "prof     prof"}}@media (max-width:768px){.ot-dashboard{grid-template-columns:1fr;grid-template-areas:"status" "econ" "mil" "rec" "activity" "rank" "fort" "quick" "prof"}.ot-status-strip{padding:var(--mantine-spacing-sm)}}.ot-tooltip-hint{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.ot-text-dim{color:var(--ot-text-dim)}.ot-text-accent{color:var(--ot-accent)}.ot-text-success{color:var(--ot-success)}.ot-text-danger{color:var(--ot-danger)}.ot-countdown{color:var(--ot-accent);font-weight:600;font-variant-numeric:tabular-nums}.ot-sidebar-stats{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:8px 12px;font-size:12px;line-height:1.6}.ot-sidebar-stats dt{color:var(--ot-text-dim);font-weight:400}.ot-sidebar-stats dd{color:var(--ot-accent);font-weight:600;font-variant-numeric:tabular-nums;text-align:right;margin:0}.ot-status-item{font-size:12px;color:var(--ot-text-dim)}.ot-status-item-value{color:var(--ot-accent);font-weight:600;font-variant-numeric:tabular-nums}.ot-navbar{background:var(--ot-bg-body)!important;border-right:1px solid var(--ot-border)!important}.ot-header{background:var(--ot-bg-surface-2)!important;border-bottom:1px solid var(--ot-border)!important}.ot-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ot-race-primary),transparent);opacity:.3}.ot-nav-link{color:var(--ot-text-dim)!important;transition:all var(--ot-transition-fast)!important;border-radius:10px!important;margin:1px 0}.ot-nav-link:hover{color:var(--ot-text)!important;background:var(--ot-accent-bg)!important}.ot-nav-link[data-active=true]{color:var(--ot-accent)!important;background:var(--ot-accent-bg)!important;font-weight:600}.ot-nav-parent{color:var(--ot-text-dim)!important;font-weight:600!important}.ot-nav-parent:hover{background:rgba(255,255,255,.02)!important}.ot-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0,var(--ot-accent-bg) 0,transparent 50%),var(--ot-bg-body)}.ot-auth-card{background:var(--ot-bg-surface-1)!important;border:1px solid var(--ot-border)!important;border-radius:18px!important;animation:ot-fadeInUp .4s ease both}.ot-landing-bg{min-height:100vh;background:radial-gradient(ellipse at 50% 20%,var(--ot-accent-bg) 0,transparent 50%),var(--ot-bg-body)}.ot-landing-title{background:linear-gradient(180deg,var(--ot-accent) 0,var(--ot-accent-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(200,168,78,.2))}.ot-race-card{border:1px solid var(--ot-border);background:var(--ot-bg-surface-1);border-radius:14px;transition:all var(--ot-transition);cursor:pointer}.ot-race-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.ot-race-card[data-race=ELF]:hover,.ot-race-card[data-race=GOBLIN]:hover,.ot-race-card[data-race=HUMAN]:hover,.ot-race-card[data-race=UNDEAD]:hover{border-color:var(--ot-race-border)}@media (max-width:768px){.ot-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ot-table-scroll table{min-width:500px}.mantine-NavLink-root{min-height:44px}}