.bridge-panel{padding:18px;text-align:left}.bridge-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px}.bridge-heading>div{display:flex;align-items:center;gap:10px}.bridge-heading strong{font-family:Fredoka;font-size:1.15rem}.bridge-heading>span{font-size:.82rem;font-weight:800;color:#52677d}.bridge-level{display:inline-block;padding:5px 9px;border-radius:999px;background:#dff5e9;color:#23734d;font-size:.74rem;font-weight:900}.bridge-level.level-medium{background:#fff0c7;color:#805b00}.bridge-level.level-hard{background:#ffe0e5;color:#a13d4b}.bridge-level.level-expert{background:#eadfff;color:#6348bd}.bridge-brief{min-height:2.8em;margin:8px 0 12px;color:#52677d;line-height:1.45}.bridge-panel canvas{max-width:620px;aspect-ratio:31/18;background:#dff4ff;border-color:#bacbdb;cursor:grab;touch-action:none}.bridge-panel canvas:active{cursor:grabbing}.bridge-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px 0 12px}.bridge-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.bridge-stats span{padding:6px 10px;border-radius:999px;background:#e8eef8;color:#36516d;font-size:.78rem;font-weight:800}.bridge-feedback{min-height:3em;margin:12px auto 4px;max-width:570px;text-align:center;color:#405870;font-weight:700;line-height:1.45}.bridge-panel .notice{text-align:center}@media(max-width:520px){.bridge-panel{padding:10px}.bridge-heading{align-items:flex-start}.bridge-heading>div{align-items:flex-start;flex-direction:column;gap:5px}.bridge-brief{font-size:.9rem}.bridge-panel canvas{width:100%}.bridge-actions{margin-top:12px}}