.planner .bar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.planner .bar label{color:var(--dim);align-items:center;gap:6px;display:flex}.cframe{--bronze:#8a6a3a;--bronze2:#c9a35a;--dark:#3d2c18;border:3px solid var(--bronze);max-width:1000px;box-shadow:0 0 0 2px #1a120b, inset 0 0 0 2px var(--dark), 0 8px 30px #0009;background:#0d0b09;border-radius:6px;margin-left:14px;padding:0 8px 8px;position:relative}.ctitle{color:#f1e6c8;border-bottom:2px solid var(--bronze);background:linear-gradient(#3a2a1a,#21170e);justify-content:center;align-items:center;height:30px;margin:0 -8px 8px;font-size:15px;display:flex}.cport{border:3px solid var(--bronze2);z-index:4;background:#000 50%/120%;border-radius:50%;width:54px;height:54px;position:absolute;top:-16px;left:-16px;box-shadow:0 0 0 2px #2a1d12,0 2px 8px #000}.cbody{grid-template-columns:minmax(0,1fr) 290px;gap:8px;display:grid}.cdoll{border:2px solid var(--dark);background:radial-gradient(at 50% 42%,#6e6e6e 0%,#3c3c3c 45%,#171717 100%);border-radius:3px;height:520px;position:relative;overflow:hidden}.stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#p-model{position:absolute;inset:34px 60px 58px}.stage img{object-fit:contain;max-width:62%;max-height:78%}.ctools{z-index:3;justify-content:center;gap:4px;display:flex;position:absolute;top:8px;left:0;right:0}.ctools button,.ctools a{width:24px;height:24px;color:var(--gold);border:1px solid var(--bronze);background:linear-gradient(#3b2c19,#1d150c);border-radius:4px;place-items:center;padding:0;font-size:14px;line-height:1;text-decoration:none;display:grid}.ctools button:hover,.ctools a:hover{border-color:var(--gold)}.cdoll .col{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:38px}.cdoll .col:not(.right){left:8px}.cdoll .col.right{right:8px}.cdoll .weapons{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.slot{cursor:pointer;background:#000 50%/cover;border:2px solid #4a4a4a;border-radius:4px;width:47px;height:47px;padding:0;display:block;box-shadow:0 0 0 1px #000,0 2px 4px #000000b3}.slot.deco{cursor:default}.slot:not(.deco):hover,.slot:focus-visible{border-color:var(--gold);outline:none}.slot.q1{border-color:#9d9d9d}.slot.q2{border-color:var(--q2)}.slot.q3{border-color:#0070dd}.slot.q4{border-color:var(--q4)}.cstats{border:2px solid var(--dark);background:#15100b;border-radius:3px;flex-direction:column;min-width:0;height:520px;display:flex}.chead{text-align:center;color:var(--gold);border-bottom:1px solid var(--dark);padding:10px 0;font-size:18px}.cscroll{scrollbar-color:var(--bronze) #15100b;flex:1;padding:2px 6px 8px;font-size:13px;overflow-y:auto}.cscroll .sec,.cscroll summary{text-align:center;color:#f1e6c8;border:1px solid var(--bronze);background:linear-gradient(#4a3720,#2a1d10);border-radius:12px;margin:8px 6px 4px;padding:4px 0;font-size:13px;list-style:none;display:block}.cscroll summary{cursor:pointer}.cscroll summary::-webkit-details-marker{display:none}.cscroll summary:after{content:" ▾";color:var(--gold)}.cscroll details[open] summary:after{content:" ▴"}.cscroll .row{justify-content:space-between;gap:8px;padding:3px 10px;display:flex}.cscroll .row:nth-child(2n){background:#ffffff0a}.cscroll .row>span:first-child{color:var(--gold)}.cscroll .row>span:last-child{color:#fff;text-align:right}.cscroll .dim{color:#a59a85}.est{color:var(--warn);font-size:10px}.set{margin:4px 10px;font-size:12px}.set .off{color:#666}.set .onb{color:var(--up)}.base{grid-template-columns:repeat(3,1fr);gap:4px 8px;margin:4px 10px;font-size:12px;display:grid}.base label{color:var(--dim);flex-direction:column;display:flex}.base input{width:100%;padding:3px 5px}@media (width<=860px){.cbody{grid-template-columns:1fr}.cstats{height:auto}.cscroll{overflow:visible}}@media (width<=480px){.cframe{margin-left:0}.cport{width:40px;height:40px;top:-10px;left:-6px}.cdoll{height:460px}.slot{width:40px;height:40px}.cdoll .col{gap:4px;top:36px}#p-model{inset:32px 48px 50px}}.icon{background:#000 50%/cover;border:2px solid #444;border-radius:5px;flex:none;width:38px;height:38px}.b1{border-color:#999}.b2{border-color:var(--q2)}.b3{border-color:#0070dd}.b4{border-color:var(--q4)}#pick{background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:8px;width:min(760px,100vw - 32px);max-height:85vh;padding:0}#pick::backdrop{background:#000000b3}#pick .dh{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}#pick .dh h3{color:var(--gold);margin:0;font-size:17px}.choice{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 14px;display:flex}.choice:hover{background:var(--panel2)}.choice.cur{background:#22281c}.choice .info{flex:1;min-width:0}.choice .sub{color:var(--dim);font-size:12px}.delta{text-align:right;min-width:130px;font-size:12px}.up{color:var(--up)}.down{color:var(--down)}@media (width<=560px){.choice{flex-wrap:wrap}.delta{text-align:left;width:100%;min-width:0;padding-left:54px}}#pick .add{gap:10px;padding:12px 14px;display:grid}#pick fieldset{border:1px solid var(--line);border-radius:6px;padding:8px 10px}#pick legend{color:var(--gold);font-size:12px}#pick .row2{gap:6px;display:flex}#pick .row2 input{flex:1;min-width:0}.mgrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;font-size:12px;display:grid}.mgrid label{color:var(--dim);flex-direction:column;display:flex}.mgrid input{width:100%}.err{color:var(--down);font-size:12px}.x{color:var(--down);cursor:pointer;margin-left:6px;font-size:11px}h1[data-astro-cid-zzadjhmk]{margin:14px 0 0;font-size:clamp(20px,2.6vw,26px)}.guide[data-astro-cid-zzadjhmk]{max-width:1000px;margin-top:24px}.guide[data-astro-cid-zzadjhmk]>summary[data-astro-cid-zzadjhmk]{cursor:pointer;color:var(--gold);border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px 14px;font-size:17px}.guide[data-astro-cid-zzadjhmk]>summary[data-astro-cid-zzadjhmk]:hover{border-color:var(--gold)}.gs[data-astro-cid-zzadjhmk] h3[data-astro-cid-zzadjhmk]{margin:20px 0 4px}.gs[data-astro-cid-zzadjhmk] ul[data-astro-cid-zzadjhmk]{margin:4px 0;padding-left:20px}