.bw{height:min(78vh,720px);min-height:460px;box-shadow:var(--neu-lg);touch-action:none;user-select:none;background:#9fdcff;border-radius:20px;position:relative;overflow:hidden}#bw-canvas{outline:none;width:100%;height:100%;display:block}.bw-panel{position:absolute;inset:0}.bw-center{background:linear-gradient(#171b2426,#171b24a6);place-items:center;display:grid}.bw-card{text-align:center;backdrop-filter:blur(10px);background:#171b24db;border-radius:22px;width:min(440px,100% - 32px);max-height:calc(100% - 24px);padding:22px;animation:.5s cubic-bezier(.34,1.56,.64,1) bw-pop;overflow:auto;box-shadow:0 20px 60px #00000073}.bw-card h2{margin:4px 0;font-size:2rem}.bw-logo{font-size:3.4rem;animation:2.4s ease-in-out infinite bw-float;display:inline-block}.bw-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.bw-big{padding:14px 30px;font-size:1.2rem;animation:2s ease-in-out infinite bw-glow}.bw-how{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:16px;font-size:12px;display:flex}.bw-how kbd{background:var(--bg-2);color:var(--head);border-radius:6px;padding:2px 6px;font:700 11px ui-monospace,monospace}@keyframes bw-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}}@keyframes bw-float{50%{transform:translateY(-8px)rotate(-6deg)}}@keyframes bw-glow{50%{box-shadow:0 4px #1f8a5a,0 0 26px #3ecf8e99}}.bw-top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.bw-chip{backdrop-filter:blur(6px);color:var(--head);font-family:var(--fun);background:#171b24b8;border-radius:14px;flex-direction:column;padding:8px 12px;display:flex}.bw-right{flex-direction:row;align-items:center;gap:10px}.bw-timer{width:40px;height:40px;transform:rotate(-90deg)}.bw-timer circle{fill:none;stroke:#ffffff26;stroke-width:3.2px}.bw-timer #bw-ring{stroke:var(--green);stroke-dasharray:100;stroke-linecap:round}.bw-time{text-align:center;width:40px;font:700 14px var(--fun);margin-left:-44px}.bw-time.hurry{color:var(--red);animation:.5s infinite bw-beat}@keyframes bw-beat{50%{transform:scale(1.25)}}.bw-compass{color:#ff5fa2;background:#171b24b8;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;display:grid;position:relative}.bw-compass small{font:700 9px var(--fun);color:var(--head);position:absolute;top:1px}#bw-needle{transition:transform .1s linear;display:inline-block}.bw-banner{text-align:center;pointer-events:none;opacity:0;display:grid;position:absolute;top:22%;left:50%;translate:-50%}.bw-banner b{font:700 clamp(2rem, 6vw, 3.4rem) var(--fun);color:#fff;text-shadow:0 4px 20px #00000073}.bw-banner span{font:600 1rem var(--fun);color:#fff;text-shadow:0 2px 10px #0009}.bw-banner.go{animation:2.4s both bw-banner}@keyframes bw-banner{0%{opacity:0;transform:scale(.6)translateY(20px)}15%{opacity:1;transform:scale(1.08)}25%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-20px)}}.bw-mapbtn{padding:14px 20px;font-size:1rem;position:absolute;bottom:14px;right:14px}.bw-jump{color:#fff;background:#6d7ff0d9;border:0;border-radius:50%;width:64px;height:64px;font-size:26px;position:absolute;bottom:84px;right:18px;box-shadow:0 4px #4453b8}.bw-jump:active{box-shadow:none;transform:translateY(3px)}.bw-joy{pointer-events:none;background:#ffffff29;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.bw-joy i{background:#ffffffb3;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.bw-mappanel{backdrop-filter:blur(8px);background:#171b24e6;border-radius:18px;flex-direction:column;gap:10px;width:min(460px,100% - 24px);padding:12px;animation:.35s cubic-bezier(.22,1,.36,1) bw-slide;display:flex;position:absolute;top:64px;bottom:12px;right:12px}@keyframes bw-slide{0%{opacity:0;transform:translate(40px)}}.bw-maphead{color:var(--head);font-family:var(--fun);justify-content:space-between;align-items:center;gap:8px;display:flex}.bw-maphead .btn{padding:7px 12px;font-size:12px}.bw-mapwrap{flex:1;place-items:center;min-height:0;display:grid;position:relative}#bw-mapcanvas{cursor:crosshair;background:#2f8fe0;border-radius:14px;box-shadow:0 8px 30px #00000059}.bw-result{text-align:center;backdrop-filter:blur(6px);background:#171b24e6;border-radius:14px;padding:10px;animation:.45s cubic-bezier(.34,1.56,.64,1) bw-up;position:absolute;bottom:8px;left:8px;right:8px}@keyframes bw-up{0%{opacity:0;transform:translateY(30px)}}.bw-result p{margin:4px 0}.bw-pts{font:700 2.2rem var(--fun);background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text}.bw-rounds{grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0;display:grid}.bw-rounds div{background:var(--bg-2);animation:.45s cubic-bezier(.34,1.56,.64,1) both bw-pop;animation-delay:calc(var(--i) * .12s);border-radius:12px;padding:8px 4px;display:grid}.bw-rounds b{color:var(--muted);font-size:12px}.bw-rounds span{font:700 1rem var(--fun);color:var(--head)}.bw-rounds small{color:var(--muted);font-size:10px}#bw-confetti{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}@media (width<=640px){.bw{border-radius:14px;height:76vh}.bw-mappanel{width:auto;height:72%;top:auto;left:8px;right:8px}.bw-mapbtn{font-size:.9rem;bottom:10px;left:50%;right:auto;translate:-50%}.bw-jump{bottom:70px}}