:root{--bg:#12151f;--bg-canvas:#171a26;--panel:#181b29e0;--text:#e7e3d8;--text-dim:#9a9384;--gold:#d4af5a;--border:#d4af5a47;--ok:#35c47c;--ok-text:#b7f2d3;--danger:#ff6b6b;--danger-text:#ff8a8a;--danger-soft:#ffb3b3;--warn:#ffb14d;--surface:#12151f99;--surface-soft:#12151f80;--surface-deep:#12151fd9;--chrome:#0a0c128c;--axis-bg:#171a26f5;--header-grad:linear-gradient(180deg, #1a1f2deb, #12151fd1), var(--bg);--hairline:#ffffff0f;--select-option-bg:#12151f;--flow-dot:#39415e;--input-bg:#ffffff0f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.45 Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.tree-page{background:radial-gradient(1200px 500px at 50% -10%, #d4af5a1f, transparent 60%), var(--bg);flex-direction:column;height:100svh;display:flex}.tree-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-grad);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex:none;position:relative}.tree-header__hero{text-align:center;padding:18px 28px 12px}.tree-header__hero h1{letter-spacing:1px;color:var(--gold);text-shadow:0 0 24px #d4af5a59;justify-content:center;align-items:center;gap:18px;margin:0;font-size:27px;font-weight:600;display:flex}.tree-header__hero h1:before,.tree-header__hero h1:after{content:"";flex:none;width:64px;height:1px}.tree-header__hero h1:before{background:linear-gradient(90deg, transparent, var(--gold))}.tree-header__hero h1:after{background:linear-gradient(90deg, var(--gold), transparent)}.tree-header__hero p{color:var(--text-dim);margin:6px 0 0;font-size:13.5px}.header-bar{border-top:1px solid var(--hairline);background:var(--chrome);align-items:center;gap:16px;padding:10px 28px;display:flex}.header-bar__spacer{flex:auto}.search-bar{flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.search{z-index:12;width:min(480px,100%);position:relative}.search__input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;outline:none;padding:9px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search__input::placeholder{color:var(--text-dim)}.search__input:focus{border-color:var(--gold);box-shadow:0 0 12px #d4af5a40}.search__list{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0000008c}.search__item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .15s;display:flex}.search__item.is-active,.search__item:hover{background:#d4af5a1f}.search__item-era{border-radius:4px;flex:none;width:12px;height:12px}.search__item-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.search__item-period{color:var(--text-dim);flex:none;font-size:12px}.search__empty{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);text-align:center;border-radius:12px;padding:12px;font-size:13px;position:absolute;top:calc(100% + 6px);left:0;right:0}.filters{z-index:6;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex-direction:column;width:auto;max-height:36vh;padding:4px 6px;display:flex;position:absolute;bottom:14px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.filters.is-open{gap:8px;width:min(780px,100vw - 32px);padding:10px 14px}.filters:not(.is-open){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:2px}.filters__bar{align-items:center;gap:12px;display:flex}.filters__toggle{font:inherit;color:var(--gold);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.filters__toggle:hover{border-color:var(--gold);box-shadow:0 0 10px #d4af5a40}.filters__chevron{font-size:9px;transition:transform .2s}.filters__chevron.is-open{transform:rotate(180deg)}.filters__kbd{min-width:16px;height:16px;color:var(--text-dim);border:1px solid var(--border);background:var(--surface-soft);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.filters__badge{background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));min-width:18px;height:18px;color:var(--subtype-king-text);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.filters__count{color:var(--text-dim);white-space:nowrap;font-size:12px}.filters__reset{font:inherit;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:3px 12px;font-size:12px;transition:color .15s,border-color .15s}.filters__reset:hover{color:var(--gold);border-color:var(--gold)}.filters__group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filters__group-label{text-transform:uppercase;letter-spacing:.8px;min-width:62px;color:var(--text-dim);flex:none;font-size:11px;font-weight:600}.filters__chip{font:inherit;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:12.5px;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.filters__chip:hover{color:var(--text)}.filters__chip.is-active{color:var(--gold);border-color:var(--gold);background:#d4af5a1f;box-shadow:0 0 10px #d4af5a40}.filters__chip-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000004d}.filters-empty{z-index:5;background:var(--panel);border:1px solid var(--border);color:var(--text-dim);pointer-events:none;border-radius:12px;padding:14px 20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-canvas{flex:1 1 0;min-height:0;position:relative}.react-flow__attribution{display:none}.react-flow__minimap{overflow:hidden;box-shadow:0 8px 24px #00000073}.react-flow__minimap-mask{fill-opacity:.55}.react-flow__minimap svg{border-radius:11px}.ruler-node{width:210px;min-height:72px;box-shadow:0 6px 18px #00000073, 0 0 0 2px var(--dynasty-ring,transparent), 0 0 16px var(--dynasty-glow,transparent), inset 0 1px 0 #ffffff59;border:2px solid;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.ruler-node:hover{box-shadow:0 10px 26px #0000008c, 0 0 0 3px var(--dynasty-ring-hover,#d4af5a59);transform:scale(1.06)}.ruler-node--dashed{border-style:dashed;box-shadow:0 4px 12px #00000059}.ruler-node--highlighted{box-shadow:0 0 0 3px var(--gold), 0 0 26px 6px #d4af5aa6, 0 10px 26px #0000008c;transform:scale(1.08)}.ruler-node__dynasty{letter-spacing:.6px;text-transform:uppercase;color:#fff;white-space:nowrap;z-index:2;border-radius:999px;padding:2px 9px;font-size:9.5px;font-weight:700;line-height:1;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.ruler-node__name{text-align:center;font-size:14.5px;font-weight:600;line-height:1.2}.ruler-node__period{opacity:.85;letter-spacing:.3px;font-size:12.5px}.ruler-node .react-flow__handle{background:var(--gold);border:2px solid #0c0e17;width:9px;height:9px}.legend{z-index:5;background:var(--panel);border:1px solid var(--border);max-height:calc(100vh - 190px);color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;font-size:13px;display:flex;position:absolute;top:14px;left:14px;overflow-y:auto}.legend::-webkit-scrollbar{width:6px}.legend::-webkit-scrollbar-thumb{background:#d4af5a4d;border-radius:3px}.legend-toggle{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}.legend-toggle__icon{color:var(--text-dim);flex:none;font-size:12px;line-height:1;transition:transform .15s}.legend.is-collapsed .legend-toggle__icon{transform:rotate(-90deg)}.legend.is-collapsed{overflow:hidden}.legend-item{align-items:center;gap:9px;display:flex}.legend-dot{border:1px solid #00000059;border-radius:50%;width:16px;height:16px}.legend-dot--dashed{border-style:dashed}.legend-title{text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-size:11px;font-weight:600}.legend-sep{background:var(--border);height:1px}.legend-ring{background:0 0;border:3px solid;border-radius:50%;width:14px;height:14px}.territory-panel{z-index:6;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex-direction:column;width:min(360px,100vw - 32px);padding:14px 16px 12px;animation:.18s panel-in;display:flex;position:absolute;top:20px;bottom:172px;right:16px;box-shadow:0 8px 24px #00000073}@keyframes panel-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.territory-panel h2{color:var(--gold);margin:0;padding-right:24px;font-size:19px}.territory-panel__sub{color:var(--text-dim);text-transform:capitalize;margin:4px 0 0;font-size:13px}.territory-panel__comment{color:var(--text);max-height:76px;margin:10px 0 0;font-size:13.5px;overflow-y:auto}.territory-panel__close{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:10px;right:10px}.territory-panel__close:hover{color:var(--gold);border-color:var(--gold)}.territory-panel__map{background:#0d101d;border:1px solid #d4af5a2e;border-radius:10px;flex:1 1 0;min-height:0;margin-top:12px;position:relative;overflow:hidden}.territory-panel__map svg{width:100%;height:100%;display:block}.territory-panel__maptitle{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);pointer-events:none;z-index:1;font-size:11px;font-weight:600;position:absolute;top:8px;left:10px}.territory-panel__note{color:var(--text-dim);text-align:center;margin:8px 0 0;font-size:11.5px}.territory-panel__sources{border-top:1px solid var(--border);max-height:110px;margin-top:10px;padding-top:8px;overflow-y:auto}.territory-panel__sources::-webkit-scrollbar{width:6px}.territory-panel__sources::-webkit-scrollbar-thumb{background:#d4af5a4d;border-radius:3px}.territory-panel__sourcestitle{text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:6px;font-size:11px;font-weight:600}.territory-panel__source{color:var(--text-dim);margin-bottom:5px;font-size:12px;line-height:1.45;text-decoration:none;display:block}a.territory-panel__source:hover{color:var(--gold);text-decoration:underline}.report-trigger{border:1px solid var(--border);background:var(--surface);color:var(--gold);cursor:pointer;border-radius:999px;padding:7px 15px;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.report-trigger:hover{border-color:var(--gold);box-shadow:0 0 12px #d4af5a40}.report-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060d99;justify-content:center;align-items:center;animation:.18s panel-in;display:flex;position:fixed;inset:0;overflow:auto}.report-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);margin:auto;padding:20px 22px 18px;position:relative;overflow-y:auto;box-shadow:0 8px 24px #00000073}.report-modal h2{color:var(--gold);margin:0;font-size:19px}.report-modal__sub{color:var(--text-dim);margin:6px 0 14px;font-size:13px}.report-modal__close{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:10px;right:10px}.report-modal__close:hover{color:var(--gold);border-color:var(--gold)}.report-form{flex-direction:column;gap:12px;display:flex}.report-field{flex-direction:column;gap:5px;display:flex}.report-field span{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);font-size:12px;font-weight:600}.report-field input,.report-field select,.report-field textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px;font-size:14px;transition:border-color .2s}.report-field textarea{resize:vertical;min-height:110px}.report-counter{color:var(--text-dim);font-variant-numeric:tabular-nums;align-self:flex-end;font-size:11px}.report-counter--near{color:#e0b84c}.report-counter--max{color:var(--danger-text);font-weight:600}.report-field input:focus,.report-field select:focus,.report-field textarea:focus{border-color:var(--gold)}.report-field select option{background:var(--select-option-bg)}.report-error{color:var(--danger-text);margin:0;font-size:13px}.report-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.report-cancel,.report-submit{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px}.report-cancel{border:1px solid var(--border);color:var(--text-dim);background:0 0}.report-cancel:hover{color:var(--text);border-color:var(--text-dim)}.report-submit{border:1px solid var(--gold);background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));color:var(--subtype-king-text);font-weight:600}.report-submit:hover{box-shadow:0 0 14px #d4af5a59}.report-submit:disabled{opacity:.6;cursor:wait}.report-modal__done{text-align:center;padding:18px 0 10px}.report-modal__done p{color:var(--text-dim);margin:8px 0 0}.account-trigger{border:1px solid var(--border);background:var(--surface);max-width:220px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.account-trigger:hover{border-color:var(--gold);box-shadow:0 0 12px #d4af5a40}.account-trigger__avatar{background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));width:26px;height:26px;color:var(--subtype-king-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.account-trigger__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-page{justify-content:center;align-items:flex-start;height:100%;padding:26px 24px 60px;display:flex;overflow-y:auto}.account-page__card{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-columns:240px minmax(0,1fr);width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 18px 48px #00000080}.account-page__side{background:var(--chrome);border-right:1px solid var(--border);flex-direction:column;gap:18px;padding:22px 16px;display:flex}.account-page__user{align-items:center;gap:10px;padding:0 6px;display:flex}.account-page__avatar{background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));width:38px;height:38px;color:var(--subtype-king-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:inline-flex}.account-page__user-info{flex-direction:column;min-width:0;display:flex}.account-page__email{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13.5px;overflow:hidden}.account-page__role{background:var(--surface);color:var(--text-dim);border-radius:999px;align-self:flex-start;margin-top:3px;padding:2px 9px;font-size:11px;font-weight:600}.account-page__role.is-admin{background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));color:var(--subtype-king-text)}.account-page__nav{flex-direction:column;gap:4px;display:flex}.account-page__nav button{text-align:left;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 12px;font-size:13.5px;transition:background .15s,color .15s}.account-page__nav button:hover{color:var(--gold);background:#d4af5a1a}.account-page__nav button.is-active{color:var(--gold);background:#d4af5a29;font-weight:600}.account-page__logout{text-align:center;border:1px solid var(--border);color:var(--danger-text);font:inherit;cursor:pointer;background:0 0;border-radius:9px;margin-top:auto;padding:9px 12px;font-size:13px;transition:border-color .2s,background .2s}.account-page__logout:hover{border-color:var(--danger-text);background:#e74c4c14}.account-page__content{min-width:0;padding:24px 26px}.account-page__back{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-bottom:16px;padding:7px 14px;font-size:12.5px;transition:border-color .2s,color .2s}.account-page__back:hover{color:var(--gold);border-color:var(--gold)}.account-page__content h2{color:var(--gold);margin:0;font-size:21px}.account-page__sub{color:var(--text-dim);margin:6px 0 18px;font-size:13.5px}.account-page__empty{text-align:center;color:var(--text-dim);border:1px dashed var(--border);border-radius:12px;padding:28px;font-size:13.5px}.users-table{border:1px solid var(--border);border-radius:12px}.users-table__row:first-child{border-radius:12px 12px 0 0}.users-table__row:last-child{border-radius:0 0 12px 12px}.users-table__row{grid-template-columns:minmax(120px,1fr) auto auto auto;align-items:center;gap:14px;padding:11px 14px;font-size:13.5px;display:grid}.users-table__row+.users-table__row{border-top:1px solid var(--border)}.users-table__row--head{background:var(--surface);text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);font-size:11.5px;font-weight:600}.users-table__email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.users-table__date{color:var(--text-dim);font-variant-numeric:tabular-nums}.users-table__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--gold);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.icon-btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 10px #d4af5a40}.icon-btn:disabled{opacity:.5;cursor:default}.icon-btn.is-danger{color:#e07a6a;border-color:#e07a6a66}.icon-btn.is-danger:hover:not(:disabled){border-color:#e07a6a;box-shadow:0 0 10px #e07a6a40}.icon-btn:after{content:attr(data-tip);z-index:9999;white-space:nowrap;border:1px solid var(--border);color:var(--text);opacity:0;pointer-events:none;background:#0d101d;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000008c}.icon-btn:hover:after,.icon-btn:focus-visible:after{opacity:1}.auth-notice{color:#7ecb6a;background:#7ecb6a14;border:1px solid #7ecb6a66;border-radius:8px;margin:0 0 14px;padding:9px 12px;font-size:13px}.auth-notice.is-error{color:#e07a6a;background:#e07a6a14;border-color:#e07a6a66}.temp-password{border:1px dashed var(--gold);color:var(--text-dim);background:#d4af5a14;border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:13px}.temp-password p{margin:0 0 6px}.temp-password code{color:var(--gold);-webkit-user-select:all;user-select:all;font-size:14px}.admin-stats{flex-direction:column;gap:16px;display:flex}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-top:2px solid var(--stat-accent,var(--gold));border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-card__value{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.stat-card__label{color:var(--text-dim);font-size:11.5px}.stat-chart-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px 16px}.stat-chart-card h3{color:var(--gold);margin:0 0 12px;font-size:14px;font-weight:600}.stat-chart{width:100%;height:220px}.stat-chart--pie{height:260px}.stat-charts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.stat-charts-grid{grid-template-columns:1fr}}.auth-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.auth-tabs button{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 10px;font-size:13.5px;transition:background .15s,color .15s}.auth-tabs button.is-active{color:var(--gold);background:#d4af5a24}.auth-success{color:#7ecb6a;margin:0;font-size:13px}.theme-toggle{width:30px;height:30px}.theme-toggle svg{pointer-events:none;flex:none}.header-actions{flex:none;align-items:center;gap:8px;display:flex}.export{position:relative}.export__trigger{border:1px solid var(--border);background:var(--surface);color:var(--gold);cursor:pointer;border-radius:999px;padding:7px 15px;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.export__trigger:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 12px #d4af5a40}.export__trigger:disabled{opacity:.5;cursor:default}.export__menu{z-index:12;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;flex-direction:column;gap:4px;min-width:130px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0000008c}.export__menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-size:13.5px;transition:background .15s}.export__menu button:hover{background:#d4af5a1f}.shortcut-help{position:relative}.shortcut-help__trigger{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.shortcut-help__trigger:hover{color:var(--gold);border-color:var(--gold);box-shadow:0 0 12px #d4af5a40}.shortcut-help__menu{z-index:12;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;flex-direction:column;gap:6px;min-width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0000008c}.shortcut-help__row{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.shortcut-help__key{text-align:center;min-width:26px;color:var(--gold);border:1px solid var(--border);background:var(--surface-soft);border-radius:5px;flex:none;padding:2px 6px;font-size:11.5px;font-weight:600}.view-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.view-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;transition:color .2s,background .2s,box-shadow .2s}.view-toggle button:hover{color:var(--gold)}.view-toggle button.is-active{background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));color:var(--subtype-king-text);font-weight:600;box-shadow:0 2px 10px #d4af5a59}.mobile-sub-toggle{z-index:7;background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;gap:6px;padding:6px;display:flex;position:sticky;top:0}.mobile-graph-wrap{flex-direction:column;height:100%;display:flex;position:relative}.mobile-graph-wrap .react-flow{flex:1 1 0;min-height:0}.mobile-sub-toggle button{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 16px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s}.mobile-sub-toggle button.is-active{color:var(--subtype-king-text);background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2))}.timeline-view{background:radial-gradient(900px 400px at 50% 0%, #d4af5a0f, transparent 60%), var(--bg-canvas);position:absolute;inset:0;overflow:auto}.timeline-view::-webkit-scrollbar{width:10px;height:10px}.timeline-view::-webkit-scrollbar-thumb{background:#d4af5a4d;border-radius:5px}.timeline-view::-webkit-scrollbar-corner{background:0 0}.timeline-scroll{padding-bottom:24px;position:relative}.timeline-axis{z-index:4;background:var(--axis-bg);border-bottom:1px solid var(--border);height:28px;position:sticky;top:0}.timeline-axis__tick{color:var(--text-dim);white-space:nowrap;border-left:1px solid #d4af5a40;padding:5px 0 0 7px;font-size:11px;position:absolute;top:0;bottom:0}.timeline-era{text-transform:uppercase;letter-spacing:1px;height:30px;color:var(--text);border-top:1px solid;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.timeline-era__chip{border-radius:3px;flex:none;width:12px;height:12px}.timeline-row{border-bottom:1px solid #d4af5a14;align-items:center;height:34px;display:flex;position:relative}.timeline-row:hover{background:#d4af5a0d}.timeline-label{z-index:2;background:var(--bg-canvas);border-right:1px solid var(--border);align-items:baseline;gap:8px;width:208px;min-width:208px;height:100%;padding:0 12px;display:flex;position:sticky;left:0}.timeline-label__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.timeline-label__period{color:var(--text-dim);white-space:nowrap;font-size:11.5px}.timeline-track{flex:1 1 0;min-width:0;height:100%;position:relative}.timeline-bar{cursor:pointer;border:2px solid;border-radius:4px;height:20px;transition:filter .15s,box-shadow .15s;position:absolute;top:50%;transform:translateY(-50%)}.timeline-bar:hover{filter:brightness(1.18);z-index:2}.timeline-bar--dashed{opacity:.8;border-style:dashed}.timeline-bar--selected{outline:2px solid var(--gold);outline-offset:2px;z-index:3;box-shadow:0 0 14px #d4af5a8c}.quiz{background:radial-gradient(900px 400px at 50% 0%, #d4af5a0f, transparent 60%), var(--bg-canvas);padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.quiz-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;width:min(560px,100%);margin:auto;padding:22px 24px;box-shadow:0 8px 24px #00000073}.quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.quiz-top__left{align-items:center;gap:8px;display:flex}.quiz-top__right{white-space:nowrap;align-items:center;gap:12px;display:flex}.quiz-timer{font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.quiz-timer.is-low{color:var(--danger-text);border-color:var(--danger)}.quiz-lives{font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:12px}.quiz-lives strong{color:var(--warn)}.quiz-back{width:30px;height:30px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:color .15s,border-color .15s;display:inline-flex}.quiz-back:hover{color:var(--gold);border-color:var(--gold)}.quiz-picker__sub{color:var(--text-dim);margin:4px 0 16px;font-size:13px}.quiz-settings{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.quiz-settings__toggle{width:100%;font:inherit;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.quiz-settings__toggle:hover{border-color:var(--gold)}.quiz-settings__toggle-label{color:var(--gold);font-size:13.5px;font-weight:600}.quiz-settings__summary{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;overflow:hidden}.quiz-settings__chevron{color:var(--text-dim);flex:none;font-size:13px;transition:transform .18s}.quiz-settings__toggle.is-open .quiz-settings__chevron{transform:rotate(180deg)}.quiz-settings__body{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.quiz-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.quiz-stats__item{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.quiz-stats__value{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.quiz-stats__label{color:var(--text-dim);font-size:11px}.quiz-settings__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-settings__label{color:var(--text-dim);font-size:13px}.quiz-seg{background:var(--surface);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.quiz-seg button{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s}.quiz-seg button:hover{color:var(--text)}.quiz-seg button.is-active{color:var(--subtype-king-text);background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2))}.quiz-tip{position:relative}.quiz-tip__bubble{text-align:left;width:max-content;max-width:260px;color:var(--text);background:var(--panel);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;z-index:20;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.quiz-tip:hover .quiz-tip__bubble,.quiz-tip:focus-within .quiz-tip__bubble{opacity:1;visibility:visible}.quiz-select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}.quiz-switch{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;width:44px;height:24px;padding:0;transition:border-color .15s,background .15s;position:relative}.quiz-switch .quiz-switch__knob{background:var(--text-dim);border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.quiz-switch.is-on{border-color:var(--gold);background:#d4af5a40}.quiz-switch.is-on .quiz-switch__knob{background:var(--gold);transform:translate(20px)}.quiz-picker__list{flex-direction:column;gap:10px;display:flex}.quiz-picker__card{width:100%;font:inherit;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.quiz-picker__card:hover{border-color:var(--gold);background:#d4af5a14;box-shadow:0 0 12px #d4af5a33}.quiz-picker__dot{border:2px solid;border-radius:50%;flex:none;width:14px;height:14px}.quiz-picker__dot--period{color:var(--gold)}.quiz-picker__dot--ruler{color:var(--subtype-president-grad1)}.quiz-picker__dot--dynasty{color:var(--ok)}.quiz-picker__dot--periodRuler{color:var(--dynasty-valois)}.quiz-picker__dot--mixed{color:var(--dynasty-orleans)}.quiz-picker__info{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.quiz-picker__name{font-size:15px;font-weight:600}.quiz-picker__desc{color:var(--text-dim);font-size:12.5px}.quiz-picker__arrow{color:var(--text-dim);flex:none;font-size:15px;transition:color .15s,transform .15s}.quiz-picker__best{color:var(--gold);background:#d4af5a1f;border:1px solid #d4af5a59;border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.quiz-picker__card:hover .quiz-picker__arrow{color:var(--gold);transform:translate(3px)}.quiz-result-mode{color:var(--text-dim);margin:6px 0 0;font-size:13px}.quiz-result-note{color:var(--danger-text);margin:8px 0 0;font-size:13px;font-weight:600}.quiz-result-best{color:var(--gold);margin:2px 0 18px;font-size:13px}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quiz-button--ghost{color:var(--text);border:1px solid var(--border);background:0 0}.quiz-button--ghost:hover{box-shadow:none;border-color:var(--gold)}.quiz-type{text-transform:uppercase;letter-spacing:.8px;border:1px solid;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.quiz-type--period{color:var(--gold);border-color:var(--gold);background:#d4af5a1f}.quiz-type--ruler{color:var(--subtype-president-grad1);border-color:var(--subtype-president-grad1);background:#5d84f01f}.quiz-type--dynasty{color:var(--ok);border-color:var(--ok);background:#35c47c1f}.quiz-type--periodRuler{color:var(--dynasty-valois);border-color:var(--dynasty-valois);background:#ff8a3d1f}.quiz-progress{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.quiz-question{color:var(--text);margin:0 0 16px;font-size:19px;font-weight:600}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{font:inherit;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s,color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 10px #d4af5a33}.quiz-option:disabled{cursor:default}.quiz-option.is-correct{border-color:var(--ok);color:var(--ok-text);background:#35c47c24;box-shadow:0 0 12px #35c47c40}.quiz-option.is-wrong{border-color:var(--danger);color:var(--danger-soft);background:#ff6b6b24}.quiz-option:disabled:not(.is-correct):not(.is-wrong){opacity:.55}.quiz-feedback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.quiz-feedback p{margin:0;font-size:14px}.quiz-feedback--good{color:var(--ok);font-weight:600}.quiz-feedback--bad{color:var(--danger-text);font-weight:600}.quiz-feedback--timeout{color:var(--warn);font-weight:600}.quiz-button{font:inherit;color:var(--subtype-king-text);background:linear-gradient(135deg, var(--subtype-king-grad1), var(--subtype-king-grad2));border:1px solid var(--gold);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:box-shadow .2s}.quiz-button:hover{box-shadow:0 0 14px #d4af5a59}.quiz--result .quiz-card{text-align:center}.quiz-title{color:var(--gold);margin:0;font-size:22px}.quiz-score{color:var(--text);font-variant-numeric:tabular-nums;margin:14px 0 0;font-size:44px;font-weight:700}.quiz-verdict{color:var(--text-dim);margin:4px 0 18px;font-size:14px}.state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100svh;padding:24px;display:flex}.state-box h1{color:var(--gold);margin:0;font-size:26px}.state-box p{color:var(--text-dim)}.state-hint code{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2px 6px}.mobile-list-wrap{background:var(--bg-canvas);height:100%;position:relative;overflow-y:auto}.mobile-list-wrap::-webkit-scrollbar{width:8px}.mobile-list-wrap::-webkit-scrollbar-thumb{background:#d4af5a4d;border-radius:4px}.list-view{background:radial-gradient(900px 400px at 50% 0%, #d4af5a0f, transparent 60%), var(--bg-canvas);height:auto;min-height:100%;padding-bottom:110px;overflow:visible}.list-era{text-transform:uppercase;letter-spacing:1px;color:var(--text);border-left:4px solid;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.list-era__chip{border-radius:3px;flex:none;width:12px;height:12px}.list-row{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #d4af5a14;align-items:center;gap:12px;padding:13px 14px;transition:background .15s;display:flex}.list-row:hover{background:#d4af5a0d}.list-row.is-selected{box-shadow:inset 3px 0 0 var(--gold);background:#d4af5a1f}.list-row__era{border-radius:4px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000004d}.list-row__main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.list-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.list-row__meta{color:var(--text-dim);text-transform:capitalize;font-size:12px}.list-row__period{color:var(--text-dim);white-space:nowrap;flex:none;font-size:12.5px}@media (width<=1180px){.header-bar{flex-wrap:wrap;justify-content:center;gap:10px}.search-bar{flex:0 100%;order:3}.search{width:100%}}@media (width<=640px){.tree-header__hero{padding:14px 12px 10px}.tree-header__hero h1{gap:12px;font-size:20px}.tree-header__hero h1:before,.tree-header__hero h1:after{width:32px}.tree-header__hero p{display:none}.header-bar{padding:8px 12px}.header-bar__spacer{display:none}.search-bar{width:100%}.search{flex:auto;width:auto}.header-actions{flex-wrap:wrap;justify-content:center;gap:8px}.view-toggle button,.report-trigger{padding:6px 12px;font-size:12.5px}.account-trigger{max-width:160px;padding:4px 8px 4px 4px}.account-trigger__label{font-size:12px}.account-page{padding:12px 10px 60px}.account-page__card{grid-template-columns:1fr}.account-page__side{border-right:none;border-bottom:1px solid var(--border);gap:12px;padding:14px}.account-page__nav{flex-direction:row;gap:6px;overflow-x:auto}.account-page__nav button{white-space:nowrap}.account-page__logout{margin-top:0}.account-page__content{padding:16px}.users-table__row{grid-template-columns:1fr;gap:6px}.users-table__row--head{display:none}.users-table__actions{justify-content:flex-start}.territory-panel{bottom:150px}.timeline-scroll{padding-bottom:110px}.filters{max-height:30vh}}[data-theme=light]{--bg:#f4f1ea;--bg-canvas:#fff;--panel:#fff;--text:#2b2b2b;--text-dim:#6f6a5e;--gold:#7a5c1c;--border:#a8842f61;--surface:#ffffffd1;--surface-soft:#ffffffb8;--surface-deep:#ffffffeb;--chrome:#faf8f2e0;--axis-bg:#efece4;--header-grad:linear-gradient(180deg, #ffffffeb, #faf8f2d9), var(--bg);--hairline:#00000014;--select-option-bg:#fff;--flow-dot:#c9c2b2;--input-bg:#0000000a}[data-theme=light] .tree-page{background:radial-gradient(1200px 500px at 50% -10%, #a8842f24, transparent 60%), var(--bg)}[data-theme=light] .search-bar input,[data-theme=light] .select input,[data-theme=light] .report-field input,[data-theme=light] .report-field select,[data-theme=light] .report-field textarea,[data-theme=light] .timeline-filter input,[data-theme=light] .auth-field input,[data-theme=light] .territory-panel__close,[data-theme=light] .quiz-option,[data-theme=light] .stats-rect,[data-theme=light] .chart-bar__empty{background:var(--input-bg)}