.puzzle-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:center;margin-bottom:8px}#board-wrap{position:relative;display:block;width:100%;max-width:500px}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;width:100%;max-width:500px;text-align:center;margin-top:12px}.status-text{font-size:0.85rem;color:var(--cream);font-family:'Playfair Display',serif;font-weight:600}.puzzle-rating-value{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--gold);text-align:center}.puzzle-streak-value{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--gold-light);text-align:center}.puzzle-streak-sub{color:var(--text-muted);font-size:0.7rem;text-align:center;margin-top:4px}.puzzle-session-stats,.puzzle-info{color:var(--cream-dim);font-size:0.8rem;line-height:1.5}.promotion-picker{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:20;border-radius:var(--radius)}.promotion-picker-inner{background:var(--bg-card);border:1px solid var(--gold);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow)}.promotion-label{color:var(--cream);font-family:'Playfair Display',serif;font-size:0.85rem;margin-bottom:10px}.promotion-choices{display:flex;gap:8px}.promo-choice{width:56px;height:56px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;padding:0}.promo-choice:hover{border-color:var(--gold);background:var(--bg-deep)}.promo-choice img{width:42px;height:42px;display:block}.square-55d63.sq-selected{box-shadow:inset 0 0 0 9999px rgba(201,168,76,0.4)}.square-55d63.sq-move-target{box-shadow:inset 0 0 0 9999px rgba(201,168,76,0.22);position:relative}.square-55d63.sq-move-target::after{content:"";position:absolute;top:50%;left:50%;width:28%;height:28%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(201,168,76,0.6);pointer-events:none}.square-55d63.sq-wrong{box-shadow:inset 0 0 0 9999px rgba(210,80,80,0.45)}.square-55d63.sq-correct{box-shadow:inset 0 0 0 9999px rgba(90,200,110,0.4)}@media (max-width:860px){.puzzle-layout{flex-direction:column;align-items:center}.side-panel{max-width:500px;width:100%}}