@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Kalam:wght@400;700&family=Space+Grotesk:wght@500;600;700&display=swap";.bb-app{--ink: #292d2b;--paper: #f4e8ca;--paper-light: #fbf2dd;--red: #a84e43;--blue: #6d8791;--yellow: #e6bc69;--green: #75846d;--water: #b7c9c3;position:relative;min-height:100dvh;overflow:hidden;color:var(--ink);background:#eee1c0;font-family:Space Grotesk,sans-serif;padding:22px clamp(18px,5vw,72px) 16px}.bb-back-link{display:inline-block;margin-bottom:8px;color:var(--ink);font-size:12px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.bb-back-link:focus-visible{outline:3px solid #376b79;outline-offset:3px}.bb-app *{box-sizing:border-box}.bb-paper-grain{position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}.bb-header,.bb-topline,.bb-instructions,.bb-board,.bb-status-row,.bb-equation-panel,.bb-bottom-bar,.bb-footer,.bb-secret{position:relative;z-index:1}.bb-header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 16px;border-bottom:2px solid var(--ink);padding-bottom:12px}.bb-brand{display:flex;align-items:center;gap:12px}.bb-brand h1{margin:0;font:700 clamp(30px,4vw,42px)/.9 "Kalam",cursive;letter-spacing:-1.8px}.bb-kicker{margin:0 0 2px;font:500 10px/1 DM Mono,monospace;letter-spacing:2px;color:#745b47}.bb-brand-mark{width:39px;height:30px;position:relative;border-bottom:3px solid var(--ink);transform:rotate(-2deg)}.bb-brand-mark span{position:absolute;bottom:1px;width:6px;border:2px solid var(--ink);border-bottom:0;transform:skew(-8deg)}.bb-brand-mark span:nth-child(1){height:18px;left:7px}.bb-brand-mark span:nth-child(2){height:25px;left:17px}.bb-brand-mark span:nth-child(3){height:14px;left:28px}.bb-header-stamp{transform:rotate(4deg);border:2px solid var(--red);color:var(--red);padding:5px 8px;text-align:center;font:700 9px/1.25 DM Mono,monospace;letter-spacing:1px}.bb-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto 14px}.bb-level-ribbon{display:inline-block;padding:5px 9px;background:var(--red);color:#fff3d8;font:500 10px DM Mono,monospace;letter-spacing:1.2px;transform:rotate(-1deg)}.bb-progress-label h2{margin:8px 0 2px;font:700 clamp(24px,3vw,32px)/1 "Kalam",cursive}.bb-progress-label p{margin:0;font-size:13px;color:#5e5b4d}.bb-level-dots{display:flex;gap:7px;padding-bottom:2px}.bb-level-dots button{width:34px;height:34px;border:1.5px solid var(--ink);background:transparent;border-radius:50%;font:600 12px DM Mono,monospace;color:var(--ink);cursor:pointer;transition:transform .18s,background .18s}.bb-level-dots button:hover{transform:translateY(-3px) rotate(-5deg);background:#ead6a8}.bb-level-dots button.is-current{background:var(--yellow);box-shadow:2px 2px 0 var(--ink);transform:rotate(-7deg)}.bb-level-dots button.is-done{background:#b7c2a6}.bb-instructions{display:flex;align-items:center;gap:11px;max-width:1200px;margin:0 auto 10px;padding:8px 12px;border:1.5px solid #b5a783;background:#fbf2dda8;min-height:44px}.bb-instruction-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--blue);color:#fff7e6;font:500 13px DM Mono,monospace}.bb-instructions p{margin:0;font-size:13px;font-weight:600}.bb-instruction-aside{margin-left:auto;color:#736b58;font:10px DM Mono,monospace;white-space:nowrap}.bb-warning{max-width:1200px;margin:0 auto 8px;padding:7px 12px;background:#f0c5a9;border-left:4px solid var(--red);color:#713d35;font-weight:700;font-size:13px}.bb-warning-tilt{animation:bb-wiggle .3s ease-in-out 2}@keyframes bb-wiggle{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bb-board{max-width:1200px;height:400px;margin:0 auto;border:2px solid var(--ink);background:#b8d3d1;overflow:hidden;box-shadow:4px 5px #292d2b2b}.bb-board:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#dce9dc,#ecedd6 58%,#b8d3d1 58%,#88b7ba)}.bb-board:after{content:"";position:absolute;inset:58% 0 0;pointer-events:none;background:repeating-linear-gradient(177deg,transparent 0 24px,rgba(247,250,226,.22) 25px 26px,transparent 27px 49px)}.bb-clouds{position:absolute;top:48px;left:43%;right:43%;display:flex;flex-direction:column;gap:55px;opacity:.65}.bb-clouds span{position:relative;width:72px;height:12px;background:#fff9e4;border-radius:30px;box-shadow:0 2px #cad8c7}.bb-clouds span:before,.bb-clouds span:after{content:"";position:absolute;background:#fff9e4;border-radius:50%;bottom:3px;width:25px;height:23px;left:13px}.bb-clouds span:after{width:30px;height:30px;left:30px}.bb-clouds span:last-child{align-self:flex-end;transform:scale(.7)}.bb-quays{position:absolute;z-index:4;top:19px;left:2.4%;right:2.4%;display:flex;justify-content:space-between;gap:4%}.bb-quay{width:40%;min-height:168px;position:relative;background:linear-gradient(135deg,#fbf1d6,#f0e0b9);border:2px solid var(--ink);border-radius:3px;padding:11px 12px 10px;box-shadow:3px 4px #292d2b2e,inset 0 0 0 4px #fffae480}.bb-quay:first-child{transform:rotate(-.5deg)}.bb-quay:last-child{transform:rotate(.6deg)}.bb-quay-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #988b6c;padding-bottom:5px;gap:8px}.bb-quay-heading>span:first-child{font:700 16px Kalam,cursive}.bb-items{display:flex;align-items:flex-end;align-content:flex-end;justify-content:center;flex-wrap:wrap;gap:4px 9px;min-height:90px;padding:6px 2px 2px}.bb-token{position:relative;display:grid;place-items:center;width:76px;height:58px;border:0;background:transparent;cursor:grab;touch-action:none;padding:0}.bb-token:active{cursor:grabbing}.bb-token:focus-visible{outline:3px solid #376b79;outline-offset:2px}.bb-token-art{width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 2px 0 rgba(41,45,43,.15))}.bb-token[data-staged=true]{opacity:.28}.bb-token-person{width:38px;height:65px}.bb-token-person .bb-token-art{height:100%;width:100%}.bb-empty-quay{align-self:center;color:#84795f;font:italic 13px Kalam,cursive}.bb-removal-controls{display:flex;justify-content:center;gap:6px;margin-top:2px}.bb-removal-controls button{border:1px solid #6d685a;background:#f4e8ca;padding:4px 9px;color:var(--ink);font:500 10px DM Mono,monospace;cursor:pointer}.bb-removal-controls button:hover:not(:disabled){background:#e4bd72}.bb-removal-controls button:disabled{opacity:.38;cursor:not-allowed}.bb-pending-note{position:absolute;right:8px;bottom:-25px;background:#f0c5a9;border:1px solid var(--red);padding:3px 7px;color:#713d35;font-size:10px;z-index:8}.bb-bridge-area{position:absolute;inset:0;z-index:3;pointer-events:none}.bb-span{position:absolute;left:17%;right:17%;height:90px;top:58%;transform-origin:50% 50%;filter:drop-shadow(0 6px 1px rgba(50,79,70,.15))}.bb-span-top{position:absolute;left:0;right:0;top:21px;height:24px;background:linear-gradient(#d8aa70 0 5px,#b77750 5px 15px,#955c40 15px);border:2px solid var(--ink);border-radius:3px;box-shadow:inset 0 2px #edd0a0}.bb-span-planks{position:absolute;top:25px;left:8px;right:8px;height:17px;background:radial-gradient(circle at 6px 12px,#504435 1px,transparent 1.8px) 0 0/37px 17px,repeating-linear-gradient(90deg,transparent 0 34px,rgba(42,43,38,.6) 35px 37px)}.bb-span-leg{position:absolute;top:44px;width:12px;height:47px;background:linear-gradient(90deg,#bb8b62 0 4px,#8a5744 4px);border:2px solid var(--ink)}.bb-leg-left{left:13%}.bb-leg-right{right:13%}.bb-pier{position:absolute;top:59%;width:30px;height:94px;background:linear-gradient(90deg,#d8b57c 0 9px,#bc935f 9px);border:2px solid var(--ink);border-bottom:0;box-shadow:4px 3px #3042371f}.bb-pier:before{content:"";position:absolute;top:-5px;left:-6px;right:-6px;height:9px;border:2px solid var(--ink);background:#e5c996;border-radius:2px}.bb-pier-left{left:11%}.bb-pier-right{right:11%}.bb-waterline{position:absolute;top:81%;left:0;right:0;display:flex;justify-content:space-around;opacity:.68}.bb-waterline i{width:49px;height:9px;border-top:2px solid #638e91;border-bottom:1px solid #dce9d4;border-radius:50%;transform:rotate(-4deg)}.bb-water-dropzone{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:6px;border:1px dashed #647f7b;background:#e3edddc7;padding:4px 13px;color:#526966;font:10px DM Mono,monospace;letter-spacing:1px;white-space:nowrap;pointer-events:auto}.bb-water-dropzone.has-pending{border-style:solid;background:#f0c5a9;color:#713d35}.bb-water-token{width:35px;height:23px}.bb-water-dropzone .bb-water-token[aria-label]{display:block}.bb-level-dots button:disabled{opacity:.4;cursor:not-allowed;transform:none;background:transparent;box-shadow:none}.bb-celebration{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:7;padding:4px 15px;border:3px solid var(--red);color:var(--red);font:700 26px Kalam,cursive;letter-spacing:2px;background:#f4e8ca}.bb-status-row{display:grid;grid-template-columns:1.12fr 1fr;gap:10px;max-width:1200px;margin:11px auto 0}.bb-status-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;border:1.5px solid #9b8d6c;background:#fbf2ddc2;padding:7px 11px}.bb-status-label{font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.7px;color:#756850}.bb-status-card strong{font-size:12px;text-align:right}.bb-status-card strong i{font-style:normal;color:var(--red);padding:0 3px}.bb-balance-card{background:#d8dfc6;border-color:#78836b}.bb-equation-panel{max-width:1200px;margin:13px auto 0;border:2px solid var(--ink);background:#fbf2dd;padding:12px 15px;box-shadow:3px 3px #292d2b26}.bb-equation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #c4b794}.bb-equation-heading h3{margin:4px 0 0;font:700 19px Kalam,cursive}.bb-equation-legend{display:flex;gap:12px;font-size:11px}.bb-equation-legend span{display:flex;align-items:center;gap:4px}.bb-equation-legend svg{width:40px;height:22px}.bb-equation-legend span:last-child svg{width:18px;height:25px}.bb-equation-initial{display:flex;gap:13px;align-items:center;padding:9px 0 5px;color:#705841}.bb-equation-initial span,.bb-math-step h4{font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.8px}.bb-equation-initial code,.bb-math-step code{font:500 15px DM Mono,monospace;color:#293a3b}.bb-equation-empty{margin:4px 0;color:#817660;font:italic 13px Kalam,cursive}.bb-step-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:7px}.bb-math-step{display:flex;gap:9px;padding:8px;background:#efe2c4;border-left:3px solid var(--blue)}.bb-step-index{color:#887c62;font:11px DM Mono,monospace;padding-top:2px}.bb-math-step h4{margin:0 0 5px;color:#76664c}.bb-math-step code{display:block;font-size:12px;line-height:1.5}.bb-math-step strong{display:block;margin-top:3px;color:#94493d;font:700 14px DM Mono,monospace}.bb-bottom-bar{display:flex;align-items:center;gap:12px;max-width:1200px;margin:12px auto 0;min-height:39px}.bb-bottom-hint{flex:1;color:#645e50;font:12px Kalam,cursive}.bb-button{border:2px solid var(--ink);padding:9px 13px;font:600 12px Space Grotesk,sans-serif;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.bb-button:hover{transform:translateY(-2px);box-shadow:2px 3px 0 var(--ink)}.bb-button:focus-visible,.bb-level-dots button:focus-visible,.bb-removal-controls button:focus-visible{outline:3px solid #376b79;outline-offset:2px}.bb-button-primary{background:var(--red);color:#fff1d5;border-color:#713a34;box-shadow:2px 2px #713a34}.bb-button-primary:hover{background:#963f36}.bb-button-quiet{background:transparent;color:var(--ink)}.bb-footer{max-width:1200px;display:flex;justify-content:space-between;gap:14px;margin:20px auto 0;padding-top:8px;border-top:1px solid #ad9f7c;color:#7b6d54;font:9px DM Mono,monospace;letter-spacing:.7px}.bb-secret{max-width:760px;margin:5vh auto 4vh;text-align:center;padding:clamp(23px,5vw,50px);border:2px solid var(--ink);background:#f7edcf;box-shadow:6px 7px #292d2b29;transform:rotate(-.3deg)}.bb-secret-art{display:flex;align-items:center;justify-content:center;gap:22px;height:125px;margin-bottom:16px}.bb-secret-art>svg:first-child{width:130px}.bb-secret-art>svg:last-child{height:105px}.bb-equals-sign{font:700 46px Kalam,cursive;color:var(--red)}.bb-secret h2{margin:10px 0;font:700 clamp(27px,5vw,40px)/1.1 "Kalam",cursive}.bb-secret-message{max-width:540px;margin:0 auto;color:#74443a;font-size:17px;font-weight:700;line-height:1.45}.bb-secret-note{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;text-align:left}.bb-secret-note>div{display:grid;grid-template-columns:42px 1fr;column-gap:8px;align-items:center;padding:10px;border:1px solid #baab88;background:#f0e3c3}.bb-secret-note .bb-mini-icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;height:42px}.bb-mini-icon svg{width:46px;height:31px}.bb-mini-icon.person-mini svg{height:42px;width:29px}.bb-secret-note strong{font:700 14px Kalam,cursive}.bb-secret-note div>span:last-child{font-size:11px;color:#685f50}.bb-secret-note b{font:700 14px DM Mono,monospace;color:var(--red)}.bb-secret .bb-button{font-size:14px;padding:11px 17px}@media(max-width:720px){.bb-app{padding:14px 12px 13px}.bb-header{margin-bottom:13px}.bb-header-stamp{font-size:8px}.bb-topline{align-items:flex-start;flex-direction:column;gap:10px}.bb-level-dots{align-self:stretch;justify-content:space-between}.bb-level-dots button{width:30px;height:30px}.bb-instructions{align-items:flex-start;flex-wrap:wrap}.bb-instructions p{flex:1;min-width:calc(100% - 45px)}.bb-instruction-aside{margin-left:36px}.bb-board{height:440px}.bb-quays{top:13px;left:2%;right:2%;gap:2%}.bb-quay{width:49%;padding:7px 6px}.bb-quay-heading{align-items:flex-start;flex-direction:column;gap:1px}.bb-quay-heading>span:first-child{font-size:14px}.bb-items{min-height:95px;gap:1px 3px}.bb-token{width:57px;height:45px}.bb-token-person{width:30px;height:56px}.bb-removal-controls{gap:3px}.bb-removal-controls button{padding:5px 6px;font-size:9px}.bb-span{left:12%;right:12%;top:62%}.bb-pier{top:63%;width:21px;height:75px}.bb-pier-left{left:7%}.bb-pier-right{right:7%}.bb-waterline{top:81%}.bb-water-dropzone{font-size:8px;white-space:nowrap;bottom:8px}.bb-status-row{grid-template-columns:1fr;gap:6px}.bb-status-card{padding:6px 8px;min-height:44px;align-items:flex-start;flex-direction:column;gap:3px}.bb-status-card strong{font-size:11px;text-align:left}.bb-balance-card{order:-1;flex-direction:row;align-items:center}.bb-equation-heading{align-items:flex-start;flex-direction:column}.bb-equation-legend{font-size:10px}.bb-equation-initial{align-items:flex-start;flex-direction:column;gap:4px}.bb-equation-initial code{font-size:13px}.bb-step-list{grid-template-columns:1fr}.bb-bottom-bar{align-items:stretch;flex-wrap:wrap}.bb-bottom-hint{flex-basis:100%;order:-1}.bb-bottom-bar .bb-button{flex:1}.bb-footer{font-size:8px;flex-direction:column;gap:4px}.bb-secret{margin:2vh auto;padding:22px 16px}.bb-secret-note{grid-template-columns:1fr}.bb-secret-art{height:100px}.bb-secret-art>svg:first-child{width:100px}}@media(prefers-reduced-motion:reduce){.bb-app *,.bb-app *:before,.bb-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bb-app{--teal:#376b79;--deep:#4f8a8c}.bb-board:before{background:linear-gradient(180deg,#f3d9a8,#f1e6c4 50%,#9cc8c4 50%,#5f9ea1)}.bb-quays{align-items:flex-start}.bb-quay{width:42%}.bb-items{gap:4px 8px;min-height:104px}.bb-token-car{width:74px;height:48px}.bb-token-bus{width:92px;height:44px}.bb-token-truck{width:118px;height:42px}.bb-token-helicopter{width:80px;height:46px}.bb-token-person{width:34px;height:56px}.bb-token:hover .bb-token-art{filter:drop-shadow(2px 4px 0 rgba(41,45,43,.22))}.bb-deck{position:absolute;top:58%;width:30%;height:44px;margin-top:-6px;pointer-events:none}.bb-deck-left{left:0;transform-origin:0 0}.bb-deck-right{right:0;transform-origin:100% 0}.bb-deck-top{position:absolute;inset:0 0 auto;height:20px;background:linear-gradient(#d8aa70 0 5px,#b77750 5px 13px,#955c40 13px);border:2px solid var(--ink);box-shadow:inset 0 2px #edd0a0,0 5px #292d2b1f}.bb-deck-left .bb-deck-top{border-left:0;border-radius:0 6px 6px 0}.bb-deck-right .bb-deck-top{border-right:0;border-radius:6px 0 0 6px}.bb-deck-pier{position:absolute;top:20px;width:26px;height:140px;background:linear-gradient(90deg,#d8b57c 0 8px,#bc935f 8px);border:2px solid var(--ink);border-bottom:0}.bb-deck-left .bb-deck-pier{left:22%}.bb-deck-right .bb-deck-pier{right:22%}.bb-deck-lip{position:absolute;top:-8px;width:3px;height:8px;background:var(--ink)}.bb-deck-left .bb-deck-lip{right:10px;box-shadow:-14px 0 var(--ink),-28px 0 var(--ink)}.bb-deck-right .bb-deck-lip{left:10px;box-shadow:14px 0 var(--ink),28px 0 var(--ink)}.bb-water-dropzone{top:calc(58% + 30px);bottom:auto;min-width:19%;min-height:44px;justify-content:center;flex-wrap:wrap;white-space:normal;text-align:center;font-size:11px}.bb-water-token{width:52px;height:30px}.bb-pending-note{bottom:6px}.bb-level-dots{flex-wrap:wrap;max-width:100%}.bb-level-dots button{flex:0 0 auto}.bb-header{flex-wrap:wrap;gap:8px 14px}.bb-brand h1{overflow-wrap:anywhere}.bb-question{margin:12px auto 0;max-width:1200px;position:relative;z-index:1;padding:10px 14px;border:2px solid var(--ink);background:#fbf2dd;box-shadow:3px 3px #292d2b26}.bb-question h3{margin:0 0 4px;font:700 21px/1.15 Kalam,cursive}.bb-question p{margin:0;font-size:14px}.bb-known-values{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}.bb-known-values>span{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:#efe2c4;border-left:3px solid var(--teal);font:500 12px DM Mono,monospace}.bb-known-values svg{width:46px;height:28px}.bb-answer-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}.bb-answer-form label{font-weight:700;font-size:13px}.bb-answer-form input{width:96px;min-height:42px;padding:6px 10px;border:2px solid var(--ink);background:#fff9e8;font:500 16px DM Mono,monospace;color:var(--ink)}.bb-answer-form input:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.bb-answer-feedback{margin-top:8px;padding:7px 12px;border-left:4px solid var(--teal);background:#dfe6cd;font-weight:700;font-size:13px}.bb-answer-form,.bb-known-values,.bb-journey{max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.bb-answer-form p{flex-basis:100%;margin:0;font-size:13px}.bb-answer-form .bb-answer-feedback{margin-top:2px}.bb-answer-feedback:empty{display:none}.bb-question p+p{margin-top:5px;font-size:12px;color:#655e4e}.bb-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.bb-removal-controls{flex-wrap:wrap}.bb-secret-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.bb-journey{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 12px;margin:12px 0;padding:0;list-style:none}.bb-journey>*{display:flex;flex-direction:column;align-items:center;font:10px DM Mono,monospace;opacity:.55}.bb-journey>.is-current,.bb-journey>[aria-current]{opacity:1}.bb-journey svg{width:64px;height:34px}@media(max-width:720px){.bb-brand h1{font-size:28px;letter-spacing:-1px}.bb-header-stamp{display:none}.bb-back-link{flex-basis:100%}.bb-board{height:520px}.bb-quay{width:49.5%;padding:7px 4px}.bb-items{gap:0 2px;min-height:120px}.bb-token-person{width:25px;height:44px}.bb-token-car{width:56px;height:38px}.bb-token-bus{width:68px;height:34px}.bb-token-truck{width:92px;height:34px}.bb-token-helicopter{width:60px;height:36px}.bb-deck{width:36%;top:66%}.bb-deck-pier{height:110px}.bb-water-dropzone{top:calc(66% + 30px);min-width:26%;font-size:9px;padding:3px 6px}.bb-water-token{width:40px;height:24px}.bb-level-dots{justify-content:flex-start;gap:5px}.bb-answer-form input,.bb-answer-form .bb-button,.bb-secret-actions .bb-button{flex:1 1 100%}}.bb-board,.bb-board.is-unbalanced{height:auto;min-height:360px;display:flex;flex-direction:column}.bb-board:before{background:linear-gradient(180deg,#f3d9a8,#f1e6c4 calc(100% - 128px),#9cc8c4 calc(100% - 128px),#5f9ea1)}.bb-board:after{top:auto;height:128px}.bb-quays{position:relative;z-index:4;top:auto;left:auto;right:auto;width:95.2%;margin:19px auto 0;padding-bottom:150px;align-items:flex-start;pointer-events:none}.bb-quay{width:46%;min-height:168px;pointer-events:auto}.bb-items{min-height:104px;gap:6px 8px}.bb-token{flex:0 0 auto}.bb-waterline{top:auto;bottom:44px}.bb-deck{top:auto;bottom:98px}.bb-deck-pier{height:120px}.bb-water-dropzone{top:auto;bottom:12px}.bb-celebration{top:auto;bottom:110px}@media(max-width:720px){.bb-board{height:auto;min-height:340px}.bb-quays{width:98%;margin-top:10px;padding-bottom:140px;gap:2%}.bb-quay{width:49%;padding:6px 3px}.bb-items{min-height:100px;gap:2px 1px}.bb-deck{top:auto;bottom:92px;width:34%}.bb-deck-pier{height:115px}.bb-water-dropzone{top:auto;bottom:10px}.bb-celebration{top:auto;bottom:100px;font-size:22px}.bb-removal-controls{flex-wrap:wrap}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}