.burn-placement-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:10px 0 14px;padding:11px 12px;border:1px solid rgba(167,242,109,.24);border-radius:12px;background:linear-gradient(180deg,rgba(11,28,17,.88),rgba(6,16,10,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.burn-placement-copy{display:grid;gap:2px;min-width:0}.burn-placement-copy>span{font-size:.62rem;font-weight:950;letter-spacing:.14em;color:#a7f26d}.burn-placement-copy>strong{color:#f0ead9;font-size:.94rem}.burn-placement-copy>small{color:#9eb0a4;line-height:1.35}
.burn-placement-progress{display:flex;gap:5px;align-items:center}.burn-placement-progress span{display:grid;place-items:center;grid-template-columns:auto auto;gap:2px;min-width:30px;height:30px;padding:0 6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(0,0,0,.18);color:#7f8d83;font-size:.68rem;font-weight:900}.burn-placement-progress span b{font-size:.58rem;color:#9aa49c}.burn-placement-progress span.done{border-color:rgba(167,242,109,.35);background:rgba(87,135,49,.16);color:#cffa9c}.burn-placement-progress span.selected{box-shadow:0 0 0 2px rgba(255,195,90,.18);border-color:rgba(255,195,90,.55);color:#ffd17c}
.board .cell[data-place].place-preview{z-index:3;outline:2px solid rgba(167,242,109,.92);outline-offset:-2px;background:linear-gradient(135deg,rgba(97,154,51,.5),rgba(46,94,51,.36));box-shadow:inset 0 0 14px rgba(167,242,109,.18),0 0 12px rgba(167,242,109,.18)}
.board .cell[data-place].place-invalid{z-index:3;outline:2px solid rgba(255,106,46,.9);outline-offset:-2px;background:linear-gradient(135deg,rgba(138,57,27,.5),rgba(64,25,12,.42));box-shadow:inset 0 0 14px rgba(255,106,46,.18)}
.burn-placement-complete [data-action="lock"]{border-color:#a7f26d!important;box-shadow:0 0 0 2px rgba(167,242,109,.12),0 0 22px rgba(167,242,109,.14)!important}
@media(max-width:720px){.burn-placement-guide{grid-template-columns:1fr;gap:8px}.burn-placement-progress{justify-content:space-between}.burn-placement-progress span{flex:1;min-width:0}.board .cell[data-place].place-preview,.board .cell[data-place].place-invalid{outline-width:2px}}
@media(prefers-reduced-motion:reduce){.burn-placement-complete [data-action="lock"]{transition:none!important}}
