html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.bb-wrap{position:relative;margin:-24px -24px 0}.bb-stage{position:relative;box-sizing:border-box;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#70c5ce;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.bb-stage.lock{touch-action:none}.bb-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;filter:brightness(.72) saturate(.85)}.bb-probe{position:absolute;top:0;left:0;width:1px;visibility:hidden;pointer-events:none}.bb{position:relative;width:min(100%,calc(var(--gh, 600px) * 9 / 16),560px);aspect-ratio:9 / 16;overflow:hidden;box-sizing:border-box;box-shadow:0 0 0 2px #2b1d338c,0 0 24px #00000059;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:ui-monospace,Courier New,monospace;color:#2b1d33}.bb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}.px-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #2b1d33;border-radius:4px;color:#fff;background:#e86a17;box-shadow:inset -3px -3px #00000040,inset 3px 3px #ffffff4d,0 4px #2b1d33;padding:0;-webkit-tap-highlight-color:transparent}.px-btn:active{transform:translateY(3px);box-shadow:inset -3px -3px #00000040,0 1px #2b1d33}.px-btn.big{width:96px;height:56px}.px-btn.small{width:48px;height:44px}.px-btn.alt{background:#f8f0d8;color:#2b1d33}.pause{position:absolute;top:10px;right:10px;opacity:.9}.bb-bottom{position:absolute;left:0;right:0;bottom:14%;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:default}.bb-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:default}.row{display:flex;gap:12px;align-items:center}.best-chip{display:inline-flex;align-items:center;gap:6px;background:#2b1d33bf;color:#fff;padding:4px 10px;border-radius:3px;font-weight:800;font-size:15px}.px-card{background:#f8f0d8;border:3px solid #2b1d33;border-radius:4px;box-shadow:inset -3px -3px #e0d0a8,0 4px #2b1d33}.pop{position:absolute;left:12%;right:12%;top:36%;padding:34px 14px 14px;cursor:default}.close{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;background:none;color:#2b1d33;cursor:pointer;display:flex;align-items:center;justify-content:center}.soon{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;font-size:15px}.px-input{width:100%;box-sizing:border-box;height:44px;border:3px solid #2b1d33;border-radius:3px;background:#fff;font:800 18px ui-monospace,Courier New,monospace;text-align:center;color:#2b1d33;outline:none}.px-board{list-style:none;margin:0;padding:0;font-weight:800;font-size:15px}.px-board li{display:flex;justify-content:space-between;padding:5px 2px;border-bottom:2px dashed #e0d0a8}.px-board li:last-child{border-bottom:0}.over{display:flex;align-items:center;gap:16px;padding:14px 20px}.medal-empty{border-radius:50%;background:#e0d0a8;box-shadow:inset 3px 3px #0000001f}.over-nums{display:flex;flex-direction:column;align-items:flex-start}.over-score{display:flex;align-items:flex-end;gap:3px;color:#2b1d33;line-height:0}.pxt{display:block}.over-score small{font-size:22px;margin-left:2px}.over-best{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#8a7a5a}.new{margin-top:8px;background:#e8402a;color:#fff;padding:3px 5px 4px;box-shadow:0 2px #2b1d33}.dim{background:#2b1d3359}.chips{gap:8px}.streak-chip{display:inline-flex;align-items:center;gap:5px;background:#2b1d33;color:#ffb030;padding:4px 10px;border-radius:3px;font-weight:900;font-size:15px}.swipe{position:absolute;left:50%;top:50%;transform:translate(-50%);color:#fff;background:#2b1d33b8;padding:6px 8px 4px;border-radius:4px;display:flex;pointer-events:none;animation:swipe 1.1s steps(4) infinite}@keyframes swipe{0%{margin-top:12px;opacity:.4}60%{margin-top:-10px;opacity:1}to{margin-top:-14px;opacity:0}}.bb-bottom,.bb-center,.pop,.pause,.swipe{zoom:var(--k, 1)}.globe{position:absolute;top:10px;left:10px;opacity:.85;zoom:var(--k, 1)}.px-langs{display:flex;flex-direction:column;gap:6px}.px-lang{font:800 14px/1 system-ui,sans-serif;color:#2b1d33;background:#fffaf0;border:2px solid #2b1d33;border-radius:3px;padding:9px 8px;cursor:pointer;box-shadow:0 2px #2b1d33}.px-lang.on{background:#f8c838}.px-board li{align-items:center}.px-lang{display:flex;justify-content:center}.best-chip,.streak-chip{line-height:0}.over{position:relative}.vs-res{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#e8402a;color:#fff;padding:3px 6px 4px;box-shadow:0 2px #2b1d33;white-space:nowrap;line-height:0}.vs-res.win{background:#f8c838;color:#2b1d33}.tries-chip{display:flex;align-items:center;gap:8px;background:#2b1d33d1;color:#fff;padding:5px 8px 6px;box-shadow:0 2px #2b1d33;line-height:0;white-space:nowrap}.bb>.tries-chip{position:absolute;top:12%;left:50%;transform:translate(-50%);pointer-events:none}.tries-chip.out{background:#e8402a}.try-dots{display:inline-flex;gap:4px}.try-dots i{width:8px;height:8px;background:#6b5a72;box-shadow:inset -2px -2px #0000004d}.try-dots i.on{background:#f8c838}html,body{height:100%;background:#2b1d33;overscroll-behavior:none}.bb-root .bb-wrap{margin:0}.ready-top{position:absolute;top:11%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;zoom:var(--k, 1)}.vs-from{background:#e8402a}.install{position:absolute;top:10px;left:64px}.share-pop{top:28%}.share-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative;padding-bottom:6px}.px-btn.wa{background:#25d366;text-decoration:none}.copied{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);background:#2b1d33;color:#fff;padding:3px 6px 4px;line-height:0}.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px}.qr{width:100%;max-width:240px;background:#fff;image-rendering:pixelated;line-height:0}.qr svg{width:100%;height:auto}.ios-guide{display:flex;flex-direction:column;align-items:center;gap:10px}.share-pop{z-index:5}.bb-root .bb-probe{display:none}.priv{display:block;text-align:center;margin-top:8px;font-size:12px;color:#6b5a72}.bb-stage.is-wasted .bb-canvas{filter:grayscale(1) contrast(1.05) brightness(.85);transition:filter .6s ease-out}.wasted-word{position:absolute;left:0;right:0;top:42%;display:flex;justify-content:center;color:#e8402a;line-height:0;pointer-events:none;filter:drop-shadow(0 3px 0 #2b1d33) drop-shadow(0 -2px 0 #2b1d33) drop-shadow(2px 0 0 #2b1d33) drop-shadow(-2px 0 0 #2b1d33);animation:wasted-in .5s .15s ease-out both}.wasted-word.win{color:#f8c838}@keyframes wasted-in{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.bb-center.auth{z-index:30}.auth-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px;width:min(300px,86%);color:#2b1d33}.auth-why{margin:0;font:600 13px/1.35 system-ui,sans-serif;color:#8a7a5a;text-align:center}.auth-sent{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-sent span{font:700 14px system-ui,sans-serif;word-break:break-all;text-align:center}.px-input.code{letter-spacing:8px;font-size:22px}.px-btn.wide{width:100%;height:46px;color:#fff}.px-btn:disabled{opacity:.5}.auth-links{display:flex;gap:18px}.auth-links button{background:none;border:0;padding:8px 2px;min-height:36px;font:600 13px system-ui,sans-serif;color:#2b1d33;text-decoration:underline;cursor:pointer}.auth-err{background:#e8402a;color:#fff;padding:4px 6px;line-height:0}.rank{display:flex;flex-direction:column;gap:10px;min-width:240px}.rank-tabs{display:flex;gap:6px;justify-content:center}.rank-tab{background:#e0d0a8;border:2px solid #2b1d33;padding:6px 7px;line-height:0;color:#2b1d33;cursor:pointer;min-height:32px}.rank-tab.on{background:#ff7a3c;color:#fff}.rank-empty{padding:14px 0;display:flex;justify-content:center;color:#8a7a5a}.px-board li.me{background:#fff3c4}.px-board li.gap{border-top:2px dashed #2b1d33}.vs-res.tie{background:#8a7a5a;color:#fff}.badge-host{position:relative}.badge{position:absolute;top:-14px;right:-18px;z-index:2;min-width:20px;height:20px;padding:3px 4px;background:#e8402a;color:#fff;border:2px solid #2b1d33;line-height:0;display:flex;align-items:center;justify-content:center}.pend{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:250px;color:#2b1d33}.pend .px-board li{align-items:center;gap:8px}.pend .px-board li span{flex:1}.pend small{line-height:0;color:#8a7a5a}.pend small.hot{color:#e8402a}.px-btn.tiny{width:34px;height:30px;color:#fff}.px-btn.small.wide-ghost{color:#2b1d33;width:auto;padding:0 12px;gap:8px;display:flex;align-items:center}.tries-chip.hot{background:#e8402a;color:#fff}button.tries-chip.alert{border:0;cursor:pointer;font:inherit}.ad-slot{position:absolute;left:50%;transform:translate(-50%);width:min(100%,320px);visibility:hidden;pointer-events:none}.ad-slot.on{visibility:visible;pointer-events:auto}button.install-cta{background:#2b1d33;color:#fff;gap:6px;display:inline-flex;align-items:center}.settings{display:flex;flex-direction:column;gap:12px;align-items:stretch}.px-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;line-height:0;color:#2b1d33;min-height:36px}.px-toggle input{width:22px;height:22px;accent-color:#ff7a3c;margin:0}.auth-social{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.g-btn{display:flex;justify-content:center;min-height:40px}.soc-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:4px;font:600 14px system-ui,sans-serif;cursor:pointer;border:1px solid #dadce0}.soc-btn.apple{background:#000;color:#fff;border-color:#000}.soc-btn.fb{background:#1877f2;color:#fff;border-color:#1877f2}.auth-or{display:flex;align-items:center;gap:8px;font:600 12px system-ui,sans-serif;color:#8a7a5a;margin-top:2px}.auth-or:before,.auth-or:after{content:"";flex:1;border-top:1px solid #d8c8a0}.code-card{margin-top:10px;padding:8px 16px}.code-entry{display:flex;flex-direction:column;gap:8px;width:100%}.code-row{display:flex;gap:8px;align-items:center}.code-row .px-input{flex:1;letter-spacing:2px}.store-row{position:absolute;top:calc(10px + 52px * var(--k, 1));left:10px;z-index:31;display:flex;gap:6px}.store-row .best-chip{gap:5px;text-decoration:none}
