@font-face{font-family:Cinzel;font-style:normal;font-weight:400 800;font-display:swap;src:url(./cinzel-DMUuCU8H.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(./spectral-400-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(./spectral-600-DE3OxvnQ.woff2) format("woff2")}:root{--void: #0a0806;--bg: #110d08;--panel: #1a140c;--panel-top: #261d11;--panel-bot: #140f08;--field: #0c0a06;--raised: #221a0f;--line: #2a2114;--bronze: #5f4d2b;--bronze-lit: #856838;--gold: #c8a86a;--gold-bright: #ecd49a;--gold-deep: #8a6d38;--text: #c4b896;--text-bright: #efe6cf;--text-muted: #8c7f63;--text-dim: #6a5e46;--blood: #b23b2e;--blood-lit: #d76050;--jade: #5aa85a;--azure: #5683c0;--shadow: 0 8px 28px rgba(0, 0, 0, .6);--font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;--font-body: "Spectral", "Palatino Linotype", Georgia, "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background-color:var(--void)}body{font-family:var(--font-body);color:var(--text);background-image:radial-gradient(135% 105% at 50% 48%,transparent 48%,rgba(0,0,0,.62) 100%),radial-gradient(120% 75% at 50% -12%,rgba(140,96,44,.13),transparent 58%),radial-gradient(120% 90% at 50% 118%,rgba(36,28,58,.12),transparent 60%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--gold-deep);color:#120d06}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:var(--gold)}button{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gold);background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--bronze);border-radius:3px;padding:5px 11px;cursor:pointer;text-transform:uppercase;transition:border-color .12s ease,color .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:inset 0 1px #ecd49a12}button:hover:not(:disabled){color:var(--gold-bright);border-color:var(--bronze-lit);box-shadow:0 0 12px #c8a86a2e,inset 0 1px #ecd49a1f}button:active:not(:disabled){background:linear-gradient(180deg,var(--panel-bot),var(--panel-top));box-shadow:inset 0 2px 4px #00000080}button:disabled{opacity:.38;cursor:default}input,select,textarea{font-family:var(--font-body);font-size:13px;color:var(--text-bright);background:var(--field);border:1px solid var(--line);border-radius:3px;padding:5px 7px;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder,textarea::placeholder{color:var(--text-dim);font-style:italic}input:hover,select:hover,textarea:hover{border-color:var(--bronze)}input:focus,select:focus,textarea:focus,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 1px var(--gold-deep),0 0 10px #c8a86a38}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c8a86a'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}option{background:var(--panel);color:var(--text-bright)}input[type=color]{padding:1px}*{scrollbar-width:thin;scrollbar-color:var(--bronze) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bronze),#3c3019);border:2px solid var(--void);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bronze-lit),var(--bronze))}.btn-primary{color:#1a1206;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));border-color:var(--gold);font-weight:700;text-shadow:0 1px 0 rgba(255,240,200,.25)}.btn-primary:hover:not(:disabled){color:#120d05;border-color:var(--gold-bright);box-shadow:0 0 14px #ecd49a61,inset 0 1px #fff5d24d}.btn-label{display:inline-block;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--bronze);border-radius:3px;padding:6px 11px;cursor:pointer;box-shadow:inset 0 1px #ecd49a12;transition:border-color .12s ease,color .12s ease,box-shadow .12s ease}.btn-label:hover{color:var(--gold-bright);border-color:var(--bronze-lit);box-shadow:0 0 12px #c8a86a2e,inset 0 1px #ecd49a1f}.panel{background:linear-gradient(180deg,#261d11f5,#100c07f5);border:1px solid var(--line);border-top-color:var(--bronze);border-radius:4px;box-shadow:var(--shadow),inset 0 1px #ecd49a0f}.card{background:linear-gradient(180deg,var(--panel),var(--panel-bot));border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 1px #ecd49a0d;transition:border-color .14s ease,box-shadow .14s ease}.card:hover{border-color:var(--bronze);box-shadow:0 0 0 1px #5f4d2b40,inset 0 1px #ecd49a12}.gem-row{font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text);background:transparent;border:1px solid transparent;border-radius:3px;box-shadow:none}.gem-row:hover:not(:disabled){background:#5f4d2b38;border-color:var(--bronze);color:var(--text-bright);box-shadow:none}.gilt-rule{height:1px;border:none;margin:0;background:linear-gradient(90deg,transparent,var(--bronze) 18%,var(--gold-deep) 50%,var(--bronze) 82%,transparent)}.overlays-panel{position:absolute;top:12px;right:12px;padding:10px 14px;color:var(--text);display:flex;flex-direction:column;gap:7px;font-family:var(--font-body);font-size:13px;min-width:188px;z-index:100}.stats-panel{position:absolute;top:0;right:0;bottom:0;padding:10px 14px;color:var(--text);display:flex;flex-direction:column;gap:7px;font-family:var(--font-body);font-size:13px;z-index:100;box-sizing:border-box}.passive-bar-panel{position:absolute;top:12px;left:50%;transform:translate(-50%);width:340px;color:var(--text);padding:8px;font-family:var(--font-body);font-size:13px;z-index:100}@media(max-width:768px){.passive-bar-panel{top:8px;left:8px;right:8px;width:auto;transform:none}.overlays-panel{top:96px;left:8px;right:8px;width:auto;min-width:0;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.overlays-panel hr.gilt-rule{display:none}.stats-panel{top:0;bottom:0;right:0;left:auto;max-height:none;overflow-y:auto;z-index:2000}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;height:52px;flex-shrink:0;background:linear-gradient(180deg,#1e170df7,#0e0a06f7);border-bottom:1px solid var(--bronze);box-shadow:0 2px 12px #00000080;color:var(--text);font-family:var(--font-body);font-size:13px;z-index:1000}.app-header-logo{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.app-header-controls{display:flex;align-items:center;flex-shrink:0}@media(max-width:600px){.app-header{height:40px!important;padding:0 8px!important;gap:6px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.app-header-logo{align-items:flex-start!important;text-align:left!important}.app-header-logo span{display:none!important}.app-header-logo h1{font-size:11px!important}.app-header-controls{justify-content:flex-end!important;width:auto!important;gap:4px!important}.spent-label{display:none!important}.spent-points-display{font-size:11px!important;margin-right:4px!important}.spent-points-display:before{content:"✦ ";color:var(--gold)}.app-header-controls button{font-size:9px!important;padding:3px 6px!important;margin-left:0!important}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.gear-large{animation:spin-clockwise 16s linear infinite;transform-origin:50px 50px}.gear-small{animation:spin-counter-clockwise 10s linear infinite;transform-origin:86px 68px}.timeline-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--bronze);border-radius:2px;outline:none;margin:6px 0;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);border:1px solid var(--gold-bright);box-shadow:0 0 6px #ecd49a99;transition:transform .1s}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--gold-bright)}.timeline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:1px solid var(--gold-bright);box-shadow:0 0 6px #ecd49a99;transition:transform .1s;cursor:pointer}.timeline-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--gold-bright)}.timeline-scroll::-webkit-scrollbar{height:4px}.timeline-scroll::-webkit-scrollbar-track{background:#0003;border-radius:2px}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--bronze);border-radius:2px}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:var(--bronze-lit)}.timeline-wrapper{left:12px;right:352px;opacity:.4;transition:right .3s ease,opacity .2s ease}.timeline-wrapper:hover,.timeline-wrapper:focus-within{opacity:1}.timeline-wrapper.collapsed{right:12px}@media(max-width:768px){.timeline-wrapper{left:8px!important;right:8px!important;bottom:8px!important;opacity:1!important}}.zoom-controls{display:none!important}@media(max-width:768px){.zoom-controls{display:flex!important;position:absolute!important;left:12px!important;top:12px!important;flex-direction:column!important;gap:8px!important;z-index:500!important}}