@font-face{font-family:Cinzel;font-style:normal;font-weight:400 800;font-display:swap;src:url(/poe2-build-planner/assets/cinzel-DMUuCU8H.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(/poe2-build-planner/assets/spectral-400-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(/poe2-build-planner/assets/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)}