.bks{--bg:#111016;--card:#19171d;--line:#2a2830;--tx:#f3f3f6;--mu:#7d8190;--ac:#4d83e6;--sel:#c30000;--go:#14923c;
 background:var(--bg);color:var(--tx);font-family:Barlow,"Segoe UI",system-ui,sans-serif;border-radius:6px;overflow:hidden;margin:1.5rem 0;max-width:100%}
.bks *{box-sizing:border-box}.bks button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.bks h2,.bks .bks-head h2{margin:0;font-size:1.35rem;font-weight:700;color:#fff!important}.bks h3{margin:0;font-size:1.3rem;font-weight:700;color:#fff!important}.bks p{margin:.2rem 0 0;color:#aab;font-size:.9rem}
.bks-head{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.6rem;border-bottom:1px solid var(--line)}
.bks .bks-back{flex:none;display:grid;place-items:center;width:64px;height:64px;background:#1f1d25;color:#fff!important;text-decoration:none!important;border-radius:2px;transition:background .2s}.bks .bks-back:hover,.bks .bks-back:focus-visible{background:#2d2b35}
.bks-hero{flex:none;width:84px;height:84px;object-fit:cover;border-radius:2px;display:block;margin:0}.bks-ht{min-width:0}.bks-ht p{font-size:1.05rem}
@media(max-width:700px){.bks-head{gap:.7rem;padding:.8rem 1rem}.bks .bks-back{width:46px;height:46px}.bks-hero{width:58px;height:58px}.bks-ht p{font-size:.85rem}}
.bks-body{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:1rem;padding:1rem}
.bks-map{position:relative;background:#0a0a0d;border:1px solid var(--line);min-height:520px}
.bks-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab;min-height:520px}
.bks-svg .pitch rect,.bks-svg .pitch circle,.bks-svg .pitch line{fill:#1e4d2b;stroke:#e8f0e8;stroke-width:1.5}
.bks-svg .pitch circle,.bks-svg .pitch rect:nth-child(n+3){fill:none}
.sec path{fill:#b3b5be;stroke:#111016;stroke-width:1.5;transition:fill .15s}
.sec text{fill:#55586a;font-weight:700;pointer-events:none}.sec text.lg{font-size:15px}.sec text.sm{font-size:8px}
.sec.available path{fill:var(--ac);cursor:pointer}.sec.available text{fill:#fff}.sec.available:hover path,.sec:focus path{fill:#6f9cf5}
.sec.selected path{fill:var(--sel)}.sec.selected text{fill:#fff}.sec.sold text{fill:#fff}.sec.dim{opacity:.3}
.bks-tools{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px}
.bks-tools button{width:44px;height:44px;background:#1a1920;border:1px solid var(--line);font-size:1.3rem}
.bks-tabs{position:absolute;top:14px;right:14px;display:flex;gap:8px}
.bks-tabs button{background:#16151c;padding:.9rem 1.2rem;font-weight:700;letter-spacing:.03em}.bks-tabs button.on{background:var(--ac)}
.bks-legend{position:absolute;top:75px;right:14px;list-style:none;margin:0;padding:.8rem 1rem;background:#16151c;font-size:.9rem;font-weight:600}
.bks-legend li{display:flex;align-items:center;gap:.6rem;padding:.2rem 0}.bks-legend i{width:14px;height:14px;border-radius:50%;background:var(--ac)}
.bks-legend .selected{background:var(--sel)}.bks-legend .taken{background:#ddd}.bks-legend .sold{background:repeating-linear-gradient(45deg,#888 0 2px,#ccc 2px 4px)}
.bks-hint{position:absolute;right:14px;bottom:14px;background:#16151c;border:1px solid var(--line);padding:.6rem 1rem;font-size:.85rem}
.bks-panel{background:var(--card);border:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column;gap:1rem;max-height:880px}
.bks-qty{display:flex;justify-content:space-between;align-items:center}.bks-qty div{display:flex;align-items:center;gap:1rem}
.bks-qty button{width:54px;height:54px;border:1px solid #666;font-size:1.4rem}.bks-qty b{font-size:1.6rem;min-width:1.5rem;text-align:center}
.bks-phases{display:flex;gap:.7rem;overflow-x:auto}.bks-phases div{flex:0 0 210px;border:1px solid var(--line);padding:1rem}
.bks-phases small{display:block;color:var(--mu);font-weight:600}.bks-phases strong{font-size:1.4rem}.bks-phases .out{opacity:.65;color:var(--mu)}
.bks-cta{background:var(--go)!important;padding:1.2rem;font-size:1.35rem;font-weight:700;border-radius:2px}.bks-cta:hover{filter:brightness(1.1)}
.bks-sechead{display:flex;justify-content:space-between;align-items:center}.bks-sechead small{color:var(--mu);font-size:1rem}
.bks-seg{display:flex;background:#0f0e13;padding:4px}.bks-seg button{padding:.7rem 1.1rem;color:var(--mu);font-weight:700}.bks-seg .on{background:#1d1b24;color:var(--tx)}
.bks-list{overflow:auto;flex:1;min-height:240px;border-top:1px solid var(--line)}
.bks-tier{border-bottom:1px solid var(--line)}.bks-th{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1.2rem .2rem;text-align:left;gap:1rem}
.bks-th>span:first-child{display:flex;flex-direction:column;gap:.35rem;flex:1}.bks-th b{font-size:1.25rem}
.bks-th small{color:var(--mu);font-size:.95rem}.bks-th em{font-style:normal;color:#b8bac6}
.bks-th .pr{text-align:right}.bks-th .pr b{font-size:1.4rem;display:block}.bks-th i{font-style:normal;color:var(--mu);transition:transform .2s}
.bks-tier.open .bks-th i{transform:rotate(180deg)}
.bks-pick{display:none;flex-wrap:wrap;gap:.4rem;padding:0 .2rem 1rem;max-height:160px;overflow:auto}.bks-tier.open .bks-pick{display:flex}
.bks-pick button{min-width:46px;padding:.45rem .5rem;border:1px solid var(--line);font-weight:700}.bks-pick button:not(:disabled){background:var(--ac)}
.bks-pick button.on{background:var(--sel)!important}.bks-pick button:disabled{opacity:.35;cursor:not-allowed}
.bks-sum{font-size:.95rem;min-height:1.2rem}
@media(max-width:1100px){.bks-body{grid-template-columns:1fr}.bks-panel{max-height:none}.bks-legend{top:auto;bottom:70px}.bks-tabs button{padding:.6rem .7rem;font-size:.8rem}}
.bks-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}
.bks-dlg{position:relative;background:var(--card);border:1px solid var(--line);padding:1.6rem;width:100%;max-width:440px;max-height:90vh;overflow:auto}
.bks-dlg .x{position:absolute;top:.6rem;right:.9rem;font-size:1.8rem;color:var(--mu)}.bks-dlg h3{margin-bottom:.5rem}
.bks-dlg form{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.bks-dlg input{padding:.9rem;background:#0f0e13;border:1px solid var(--line);color:var(--tx);font-size:1rem}
.bks-dlg .hp{position:absolute;left:-9999px}.bks-dlg .err{color:#ff7b7b;min-height:1.2rem}.bks-dlg .pay{background:#0f0e13;padding:1rem;border-left:3px solid var(--go);margin:1rem 0}.bks-dlg .note{color:var(--mu);font-size:.9rem}
.bks-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.bks-ev{display:block;background:#19171d;color:#f3f3f6;text-decoration:none;overflow:hidden}
.bks-ev img{width:100%;height:180px;object-fit:cover;display:block}.bks-ev div{padding:1rem}.bks-ev h3{margin:0 0 .3rem;color:#fff!important}.bks-ev p{margin:0 0 .8rem;color:#aab}.bks-ev span{background:#14923c;padding:.5rem 1rem;display:inline-block;font-weight:700}

.bks-dlg .msg{color:var(--tx);margin:.6rem 0}.bks-dlg .bd{text-align:left}
.bks-dlg .spin{width:44px;height:44px;margin:.4rem 0 1rem;border:4px solid var(--line);border-top-color:var(--go);border-radius:50%;animation:bks-spin 1s linear infinite}
@keyframes bks-spin{to{transform:rotate(360deg)}}
.bks-dlg .ok{width:56px;height:56px;margin:.2rem 0 1rem;border-radius:50%;background:var(--go);color:#fff;font-size:1.9rem;display:flex;align-items:center;justify-content:center}
.bks-dlg .bks-alt{padding:.9rem;border:1px solid var(--line);font-weight:700}.bks-dlg .bks-cta:disabled{opacity:.6;cursor:wait}
.bks-dlg>.bd>.bks-cta{width:100%;margin-top:.8rem}
.bks-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.2rem}.bks-methods label{position:relative;cursor:pointer;margin:0}.bks-methods input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.bks-methods span{display:block;text-align:center;padding:.85rem .4rem;font-weight:700;font-size:.95rem;background:#16151c;border:2px solid #2a2930;border-radius:2px}.bks-methods input:checked+span{border-color:var(--ac);background:rgba(255,255,255,.06)}.bks-methods input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.bks-dlg .btns{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.bks-dlg .btns .bks-cta,.bks-dlg .btns .bks-alt{width:100%}
@media(prefers-reduced-motion:reduce){.bks-dlg .spin{animation-duration:3s}}