:root{--primary:#38BDF8;--line:#262C38}html,body{scroll-behavior:smooth}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.035;background:linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.35) 50%),linear-gradient(90deg,rgba(56,189,248,0.05),rgba(240,200,54,0.02),rgba(56,189,248,0.05));background-size:100% 3px,4px 100%}body::after{content:"";position:fixed;top:-20%;left:50%;width:80vw;height:60vh;transform:translateX(-50%);pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,rgba(56,189,248,0.07),transparent 70%)}.app-shell,.auth-shell{position:relative;z-index:1}.section-label{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#8B919F}.section-label::before{content:"";width:2px;height:13px;background:var(--primary)}input[type="range"].slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#262C38;outline:none}input[type="range"].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);cursor:pointer;border:2px solid #0B0D12}input[type="range"].slider::-moz-range-thumb{width:14px;height:14px;background:var(--primary);cursor:pointer;border:2px solid #0B0D12}.field,input.field,select.field,textarea.field{width:100%;background:#0B0D12;border:1px solid var(--line);border-radius:0;padding:10px 12px;color:#E6E8EE;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:#5b626f}input.field:focus,select.field:focus,textarea.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,0.15);outline:none}select.field{appearance:none;-webkit-appearance:none;background-image:none;cursor:pointer}input.field:-webkit-autofill,input.field:-webkit-autofill:hover,input.field:-webkit-autofill:focus,input.field:-webkit-autofill:active{-webkit-text-fill-color:#E6E8EE;caret-color:#E6E8EE;-webkit-box-shadow:0 0 0px 1000px #0B0D12 inset;box-shadow:0 0 0px 1000px #0B0D12 inset;transition:background-color 9999s ease-in-out 0s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:10px 16px;border-radius:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#00222F}.btn-primary:hover{background:#5cc9fb}.btn-ghost{background:transparent;border-color:var(--line);color:#E6E8EE}.btn-ghost:hover{background:#222834}.btn-danger{background:transparent;border-color:rgba(240,85,107,0.5);color:#F0556B}.btn-danger:hover{background:rgba(240,85,107,0.12)}.btn[disabled]{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",Consolas,monospace;font-size:12px;padding:3px 8px;border-radius:0;border:1px solid var(--line);background:#1B2029;color:#E6E8EE}.chip-ok{border-color:rgba(74,222,128,0.4);color:#4ADE80;background:rgba(74,222,128,0.08)}.chip-bad{border-color:rgba(240,85,107,0.4);color:#F0556B;background:rgba(240,85,107,0.08)}.tab{font-size:13px;padding:8px 14px;border-radius:0;color:#8B919F;white-space:nowrap;cursor:pointer;border:1px solid transparent}.tab:hover{color:#E6E8EE;background:#1B2029}.tab-active{color:#38BDF8;background:rgba(56,189,248,0.10);border-color:rgba(56,189,248,0.30)}.toggle{position:relative;display:inline-flex;width:40px;height:22px;flex:none;background:#1B2029;border:1px solid var(--line);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#8B919F;transition:left .15s ease,background-color .15s ease}.toggle[aria-checked="true"],.toggle.on{background:rgba(56,189,248,0.18);border-color:rgba(56,189,248,0.5)}.toggle[aria-checked="true"]::after,.toggle.on::after{left:20px;background:var(--primary)}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.switch-track{position:relative;width:40px;height:22px;flex:none;background:#1B2029;border:1px solid var(--line);transition:background-color .15s,border-color .15s}.switch-track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#8B919F;transition:left .15s,background-color .15s}.switch-input:checked + .switch-track{background:rgba(56,189,248,.2);border-color:rgba(56,189,248,.5)}.switch-input:checked + .switch-track::after{left:20px;background:#38BDF8}.switch-input:focus-visible + .switch-track{box-shadow:0 0 0 3px rgba(56,189,248,.25)}label:has(>input.sr-only){position:relative}.app-sidebar{width:230px;flex:none;transition:width .15s ease}@media (min-width:1024px){.app-shell.sidebar-collapsed .app-sidebar{width:64px}.app-shell.sidebar-collapsed .brand-text,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .sidebar-foot-expanded{display:none}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .brand-row{justify-content:center}.app-shell.sidebar-collapsed .nav-badge{display:none}}@media (max-width:1023px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s ease;z-index:50;width:250px}.app-shell.sidebar-open .app-sidebar{transform:translateX(0)}}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}.stats-chev{transition:transform .15s ease}#build-layout:not(.stats-collapsed) .stats-chev{transform:rotate(180deg)}#build-layout.stats-collapsed #stats-body{display:none}@media (min-width:1024px){#build-layout.stats-collapsed{grid-template-columns:1fr auto}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.brand-logo{display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.cselect{position:relative}.cselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0B0D12;border:1px solid var(--line);color:#E6E8EE;padding:10px 12px;font-size:14px;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.cselect-trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.cselect[data-open] .cselect-trigger{border-color:var(--primary)}.cselect-current{display:flex;align-items:center;gap:8px;min-width:0}.cselect-current>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect-current img{width:22px;height:22px;object-fit:contain;flex:none}.cselect-chevron{flex:none;color:#8B919F;transition:transform .15s ease}.cselect[data-open] .cselect-chevron{transform:rotate(180deg)}.cselect-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#14171E;border:1px solid var(--line);max-height:280px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}.cselect-opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;color:#E6E8EE;cursor:pointer;background:transparent;border:0;text-align:left}.cselect-opt:hover{background:#1B2029}.cselect-opt[aria-selected="true"]{background:#1B2029;color:var(--primary)}.cselect-opt img{width:22px;height:22px;object-fit:contain;flex:none}.cselect-opt>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect-ph{color:#5b626f}.bslot{display:flex;align-items:center;gap:6px}.bslot>select{flex:1 1 auto;min-width:0}.bslot-ic{width:30px;height:30px;flex:none;object-fit:contain;background:#0B0D12;border:1px solid var(--line)}.field-ench{font-size:12px;padding-top:6px;padding-bottom:6px;color:#8B919F}.streamer-badge{background:#9146FF;color:#fff;border:1px solid #0B0D12}.feat-row{position:relative;overflow:hidden;min-height:150px}.feat-shot{position:absolute;top:0;bottom:0;width:42%;object-fit:cover;opacity:0.16;pointer-events:none;user-select:none;z-index:0}.feat-shot.right{right:0;object-position:right top;-webkit-mask-image:linear-gradient(to left,#000 0%,#000 30%,transparent 95%);mask-image:linear-gradient(to left,#000 0%,#000 30%,transparent 95%)}.feat-shot.left{left:0;object-position:left top;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 95%);mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 95%)}.feat-body{position:relative;z-index:1;max-width:66%}.feat-body.right{margin-left:auto}@media (max-width:640px){.feat-shot{width:100%;opacity:0.10}.feat-body,.feat-body.right{max-width:100%;margin-left:0}}@media (max-width:768px){body::before,body::after{display:none}}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.fold-chev{transition:transform .15s ease}details[open]>summary .fold-chev{transform:rotate(180deg)}.nc_cyan{color:#38BDF8}.nc_green{color:#4ADE80}.nc_orange{color:#F1A02B}.nc_gold{color:#F0C836;text-shadow:0 0 8px rgba(240,200,54,.35)}.nc_crimson{color:#F0556B}.nc_violet{color:#C297FF;text-shadow:0 0 8px rgba(194,151,255,.35)}.nc_s1_gold{color:#F0C836;text-shadow:0 0 8px rgba(240,200,54,.45)}.nc_s1_silver{color:#C8D2DC;text-shadow:0 0 8px rgba(200,210,220,.35)}.nc_s1_bronze{color:#CD7F4A}.cf{position:relative;display:inline-block;--fc:#38BDF8}.cf>img{display:block}.cf::after{content:"";position:absolute;inset:-3px;border:2px solid var(--fc);pointer-events:none}.frame_bronze{--fc:#CD7F4A}.frame_iron{--fc:#C2C6D0}.frame_gold{--fc:#F0C836}.frame_gold::after,.frame_s1_gold::after{box-shadow:0 0 7px var(--fc)}.frame_mythic{--fc:#C297FF}.frame_mythic::after{box-shadow:0 0 8px var(--fc)}.frame_s1_gold{--fc:#F0C836}.frame_s1_silver{--fc:#C8D2DC}.frame_s1_bronze{--fc:#CD7F4A}.fc_gold{--fc:#F0C836}.fc_green{--fc:#4ADE80}.fc_crimson{--fc:#F0556B}.frame_s1_gold::before,.frame_s1_silver::before,.frame_s1_bronze::before{content:"";position:absolute;right:-7px;bottom:-7px;width:46%;height:46%;background:center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.frame_s1_gold::before{background-image:url("/assets/cosmetics/frame/s1_gold.webp")}.frame_s1_silver::before{background-image:url("/assets/cosmetics/frame/s1_silver.webp")}.frame_s1_bronze::before{background-image:url("/assets/cosmetics/frame/s1_bronze.webp")}@media (prefers-reduced-motion:no-preference){@keyframes cf-shimmer{0%,100%{box-shadow:0 0 6px var(--fc)}50%{box-shadow:0 0 12px var(--fc)}}.frame_s1_gold::after{animation:cf-shimmer 2.8s ease-in-out infinite}}.cos-mood{display:inline-block;width:1.15em;height:1.15em;object-fit:contain;vertical-align:-0.22em}.cos-mood-lg{width:22px;height:22px}.pb_grid{background-image:linear-gradient(#262C38 1px,transparent 1px),linear-gradient(90deg,#262C38 1px,transparent 1px);background-size:16px 16px;background-position:-1px -1px}.pb_glow{background-image:radial-gradient(120% 70% at 50% -15%,rgba(56,189,248,.16),transparent 60%)}.pb_scanline{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.cos-help-modal{display:none}.cos-help-modal:target{display:flex}.cos-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem;background:#14171E;border:1px solid #262C38}.cos-tile.is-equipped{border-color:#38BDF8}.cos-tile.is-locked{opacity:.55}.cos-swatch{width:40px;height:40px;display:grid;place-items:center;background:#0B0D12;border:1px solid #262C38}.xp-bar{height:6px;background:#0B0D12;border:1px solid #262C38;overflow:hidden}.xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,#38BDF8,#4ADE80)}.col-pop{position:fixed;z-index:60;width:300px;max-width:calc(100vw - 12px);background:#14171E;border:1px solid #262C38;box-shadow:0 12px 34px rgba(0,0,0,.55);padding:11px 12px;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.col-pop.show{opacity:1;transform:translateY(0)}.col-pop-head{display:flex;align-items:center;gap:10px}.col-pop-ic{width:42px;height:42px;flex:none;display:grid;place-items:center;background:#0B0D12;border:1px solid #262C38}.col-pop-ic img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.col-pop-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.col-pop-name{font-size:14px;font-weight:700;line-height:1.2}.col-pop-sub{font-family:"JetBrains Mono",Consolas,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8B919F}.col-pop-hint{margin-top:10px;padding:8px 9px;display:flex;gap:8px;background:#0B0D12;border:1px solid #262C38;border-left-width:2px}.col-pop-kind{flex:none;margin-top:1px;line-height:0}.col-pop-text{min-width:0;display:flex;flex-direction:column;gap:3px}.col-pop-htitle{font-size:12px;font-weight:600;color:#E6E8EE;line-height:1.25}.col-pop-hbody{font-size:12px;color:#B6BCC8;line-height:1.45}@media (max-width:640px){.col-pop{display:none}}