#kind-view[data-scene=bridge]{background-image:url('assets/scenery/bridge.webp')}
.bridge-intro{height:240px;border-radius:16px;background:url('assets/scenery/bridge.webp') center/cover;border:1px solid #b4a47d}
.bridge-stage{position:relative;background:linear-gradient(#174c411a,#16465533),url('assets/scenery/bridge.webp') center/cover;padding:24px 20px;border:2px solid #967a4c;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 20px #20402c60}
.bridge-board{display:grid;grid-template-columns:repeat(var(--bridge-cols),minmax(0,1fr));gap:3px;max-width:320px;margin:auto;padding:8px;border-left:8px ridge #ad8858;border-right:8px ridge #ad8858;background:#143b418c;box-shadow:0 6px 15px #142e3c55}
.bridge-cell{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px dashed #f4e4b37a;border-radius:4px;background:#d4ecdf22;box-shadow:none;color:#402c18;font-weight:750;font-size:17px;touch-action:manipulation}
.bridge-cell.filled,.bridge-mini i{background:repeating-linear-gradient(6deg,#84582e16 0 1px,transparent 1px 6px),linear-gradient(150deg,#efd29b,#bc8d54);border:1px solid #7e5731;box-shadow:inset 0 2px 1px #fff0be,0 2px 3px #18393275}
.bridge-cell.filled{filter:hue-rotate(calc(var(--wood)*7deg));border-style:solid}
.bridge-cell:disabled{opacity:1}.bridge-cell.hint-cell{background:#ffe39b88;outline:2px solid #fff0ae;outline-offset:-3px}
.bridge-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bridge-tray button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:10px 5px;font-size:12px;min-width:0}
.bridge-tray button[aria-pressed=true]{outline:3px solid #977337;outline-offset:0;background:#fff0ba}
.bridge-mini{display:grid;grid-template-columns:repeat(var(--mini-w),16px);grid-template-rows:repeat(var(--mini-h),16px);gap:1px;min-height:34px;pointer-events:none}
.bridge-mini i{display:block;border-radius:2px}
.bridge-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bridge-tools button{font-size:14px;padding:10px}
.bridge-progress{text-align:center;color:#5b6045}.bridge-complete{box-shadow:inset 0 0 35px #ffe19b90,0 0 22px #f4c35750}
.bridge-complete:before,.bridge-complete:after{content:'✧';position:absolute;top:20%;color:#fff2a8;font-size:45px;text-shadow:0 0 12px #ffe599}.bridge-complete:before{left:8px}.bridge-complete:after{right:8px}
.bridge-bird{position:absolute;width:55px;height:55px;object-fit:contain;bottom:20px;left:calc(50% - 28px);animation:bridge-crossing 3s ease-in-out forwards;pointer-events:none}
@keyframes bridge-crossing{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-220px) scale(.55)}}
@media(max-width:420px){.bridge-stage{padding:18px 6px}.bridge-board{padding:4px;border-width:0 5px}.bridge-mini{grid-template-columns:repeat(var(--mini-w),14px);grid-template-rows:repeat(var(--mini-h),14px)}.bridge-intro{height:190px}}
@media(prefers-reduced-motion:reduce){.bridge-bird{animation:none;bottom:60%}}body.reduced .bridge-bird{animation:none;bottom:60%}