/* Word and logic games */
#bb-decompression .brcrypt-paper{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:20px 13px;background:#f4efe1;border:1px solid #ded7c1;box-shadow:inset 0 0 15px #e6ddc8;margin:9px 0 22px}
#bb-decompression .brcrypt-glyph{appearance:none;border:1px solid transparent;background:transparent;min-width:25px;min-height:53px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:3px;color:#244f4a;border-radius:3px}
#bb-decompression .brcrypt-glyph.selected{background:#d1e4d8;border-color:#77ac94}#bb-decompression .brcrypt-code{font:700 17px/1.2 ui-monospace,monospace}#bb-decompression .brcrypt-guess{font:600 19px/1.6 ui-monospace,monospace;color:#b57a51;border-bottom:1px solid #92b5a2;min-width:19px}
#bb-decompression .brcrypt-space{width:15px}#bb-decompression .brcrypt-punct{padding:6px}
#bb-decompression .brcrypt-keypad{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
#bb-decompression .brcrypt-map{display:flex;align-items:center;flex-direction:column;justify-content:center;background:#f1f5ee;border:1px solid #d2e1d5;border-radius:5px;width:35px;padding:5px 1px;cursor:pointer}
#bb-decompression .brcrypt-map span{color:#ac7859;font-weight:700;font-size:17px}#bb-decompression .brcrypt-map.selected{border-color:#3d8576;background:#ddebe1}#bb-decompression .brcrypt-map.given{background:#e0e8df}
#bb-decompression .brcrypt-entry input{width:68px;text-align:center;padding:9px;font:700 22px ui-monospace,monospace;border:1px solid #9ab9a8;border-radius:5px;text-transform:uppercase}
#bb-decompression .brlad-trail{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:12px auto 22px}
#bb-decompression .brlad-word,#bb-decompression .brlad-target{display:flex;flex-direction:column;align-items:center;background:#f4f6ed;border:1px solid #c6dbcc;padding:12px;border-radius:8px;font:700 20px ui-monospace,monospace;letter-spacing:2px}
#bb-decompression .brlad-word small{font:12px system-ui,sans-serif;letter-spacing:0;color:#6b8876;padding-top:7px}
#bb-decompression .brlad-target{border:2px dashed #cfaa82;color:#8b6949}#bb-decompression .brlad-arrow{color:#789c89}
#bb-decompression .brlad-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}
#bb-decompression .brlad-input{width:210px;border:1px solid #b9cec0;border-radius:8px;padding:12px;font:700 18px ui-monospace,monospace;text-align:center;letter-spacing:3px;text-transform:uppercase}
#bb-decompression .brlogic-title{text-align:center;font:700 23px Georgia,serif;color:#285b50}#bb-decompression .brlogic-clues{background:#f3f4e9;padding:16px 19px;border-radius:8px;margin:10px 0 19px}
#bb-decompression .brlogic-clue{padding-left:16px;margin:9px 0;position:relative}#bb-decompression .brlogic-clue:before{content:'•';position:absolute;left:0;color:#648a79}
#bb-decompression .brlogic-grids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#bb-decompression .brlogic-grid-section{min-width:0}#bb-decompression .brlogic-grid-section h4{font:700 16px Georgia,serif;margin:0 0 9px}
#bb-decompression .brlogic-table{border-collapse:collapse;width:100%;table-layout:fixed}#bb-decompression .brlogic-table th{font:600 12px/1.4 system-ui,sans-serif;background:#e2ede4;padding:8px 2px;overflow-wrap:anywhere}
#bb-decompression .brlogic-table td{padding:0;border:1px solid #bdcfbf}#bb-decompression .brlogic-cell{display:block;width:100%;height:40px;background:#fffdf6;border:0;color:#628c79;font:700 22px Georgia,serif;cursor:pointer}
#bb-decompression .brflow-grid{display:grid;grid-template-columns:repeat(var(--brflow-size),minmax(0,1fr));width:min(100%,550px);aspect-ratio:1;margin:14px auto;border:4px solid #4b7869;background:#dde9dd;gap:2px;padding:2px;box-sizing:border-box}
#bb-decompression .brflow-square{display:grid;place-items:center;position:relative;min-width:0;min-height:0;background:#fbf9f1;border:0;border-radius:2px;cursor:pointer;touch-action:manipulation}
#bb-decompression .brflow-square.filled{background:color-mix(in srgb,var(--c) 21%,#fffdf7)}#bb-decompression .brflow-end{width:67%;height:67%;border-radius:100%;border:3px solid #fffdf7;box-shadow:0 1px 4px #153d3b65}
#bb-decompression .brflow-path{width:85%;height:85%;border-radius:9px}#bb-decompression .brflow-square.active{outline:2px solid #315c50;outline-offset:-2px}
@media(max-width:700px){#bb-decompression .brlogic-grids{grid-template-columns:1fr}#bb-decompression .brcrypt-glyph{min-width:22px}#bb-decompression .brcrypt-paper{gap:3px}}