.boo-bridge-demo{width:100%;padding:20px 24px 28px;background:#090909;color:#edf2fa;box-sizing:border-box;min-height:100%;font-family:'DM Sans',system-ui,sans-serif}.boo-bridge-demo *{box-sizing:border-box}.boo-bridge-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.boo-bridge-toolbar h1{font-size:28px;margin:0;letter-spacing:-1px}.boo-bridge-demo button{font:inherit;cursor:pointer;color:inherit}.boo-bridge-toolbar button,.bridge-bottom button{background:#151515;border:1px solid #303030;padding:9px 14px;border-radius:12px;font-size:13px}.boo-bridge-toolbar .boo-bridge-back{border-radius:50%;font-size:25px;width:38px;height:38px;padding:0}.boo-bridge-badge{background:#143653;border:1px solid #246496;color:#8fcaff;font-size:10px;font-weight:800;border-radius:7px;padding:5px 8px;letter-spacing:.06em}.boo-bridge-actions{display:flex;gap:8px;margin-left:auto}.bridge-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:calc(100dvh - 180px)}.bridge-controls,.bridge-playfield{border:1px solid #242424;border-radius:18px;overflow:hidden;background:#151515}.bridge-controls{padding:18px 16px;display:flex;flex-direction:column;gap:15px}.bridge-tabs{border:1px solid #4c9ce8;border-radius:24px;padding:9px;text-align:center;color:white;background:linear-gradient(#64aeff,#2684e5);font-size:13px;font-weight:800;box-shadow:0 3px 18px #2485ff30}.bridge-label{display:flex;justify-content:space-between;gap:6px;color:#93a0b2;font-size:12px;margin:4px 0}.bridge-label strong{color:#eff4fc}.bridge-controls label{color:#93a0b2;font-size:12px;margin-bottom:-7px}.bridge-bet{display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid #303030;border-radius:11px;background:#0c0c0c}.bridge-bet>span{color:#55adff}.bridge-bet input{width:100%;min-width:0;border:0;background:transparent;color:white;font:inherit;outline-offset:3px}.bridge-bet button{border:0;background:#252525;padding:8px;border-radius:7px;font-size:12px;font-weight:800}.bridge-controls select{border:1px solid #303030;border-radius:10px;background:#1b1b1b;color:white;padding:12px;font:inherit;font-size:13px}.bridge-primary{border:1px solid #68afff;border-radius:12px;background:linear-gradient(#1682ff,#419aff);padding:16px 8px;font-weight:800!important}.bridge-free{background:#19232e;border:1px solid #2e455e;border-radius:10px;padding:12px;font-size:12px!important;color:#96c9ff!important}.boo-bridge-demo button:disabled{opacity:.4;cursor:not-allowed}.bridge-summary{padding:12px;background:#101010;border-radius:10px;display:flex;flex-direction:column;gap:12px;font-size:12px;color:#93a0b2}.bridge-summary span{display:flex;justify-content:space-between}.bridge-summary strong{color:#eef4ff}.bridge-disclaimer{font-size:11px;line-height:1.7;color:#8793a5;margin:0}.bridge-rules{font-size:12px;line-height:1.8;color:#cad6e6;padding:12px;border:1px solid #303743;border-radius:10px}.bridge-playfield{display:flex;flex-direction:column;background:#0c0e12}.bridge-stage{position:relative;flex:1;min-height:390px;overflow:hidden;background:#182130}.bridge-world{display:block;width:100%;height:100%;position:absolute;inset:0;min-height:390px}.bridge-stage-top{position:absolute;top:22px;left:24px;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 2px 12px #000}.bridge-stage-top span{font-size:10px;letter-spacing:.16em;color:#a9bdd7}.bridge-stage-top strong{font-size:18px;letter-spacing:.03em}.bridge-target{cursor:pointer}.bridge-target:hover path:first-child,.bridge-target:focus path:first-child{fill:#298cff;stroke:#cbe4ff}.bridge-status{text-align:center;padding:16px 12px;font-size:13px;color:#b6c8df;min-height:48px}.bridge-lanes{display:flex;gap:10px;justify-content:center;padding:0 18px 18px}.bridge-lanes button{flex:1;max-width:180px;background:#1c2838;border:1px solid #405674;border-radius:11px;padding:14px 4px;font-weight:700;font-size:13px}.bridge-lanes button:not(:disabled):hover{background:#277dd3}.bridge-bottom{border-top:1px solid #252c36;padding:12px;display:flex;align-items:center;gap:12px}.bridge-history{display:flex;flex:1;gap:7px;overflow:auto;align-items:center;font-size:11px;color:#7d8da3}.bridge-history span{white-space:nowrap}.bridge-history .win,.bridge-history .loss{padding:6px 9px;border-radius:20px;background:#1d302b;color:#79d8b4}.bridge-history .loss{background:#301f28;color:#e392a2}.bridge-avatar{transform-origin:center;transition:opacity .4s}.bridge-avatar.fallen{opacity:.2}.bridge-layout:fullscreen{padding:18px;background:#090909}.boo-bridge-demo button:focus-visible,.bridge-target:focus-visible,.boo-bridge-demo select:focus-visible,.boo-bridge-demo input:focus-visible{outline:2px solid #6eb5ff;outline-offset:3px}@media(min-width:1400px){.bridge-stage{min-height:580px}}@media(max-width:800px){.boo-bridge-demo{padding:14px 10px 100px}.bridge-layout{grid-template-columns:1fr;min-height:0}.bridge-controls{order:2}.bridge-playfield{order:1}.bridge-stage{height:430px;flex:auto;min-height:0}.bridge-world{min-height:0}.boo-bridge-toolbar h1{font-size:24px}.boo-bridge-actions{gap:5px}.boo-bridge-actions button{padding:8px;font-size:11px}.bridge-stage-top{top:15px;left:15px}.bridge-stage-top strong{font-size:15px}.bridge-controls{gap:13px}.bridge-lanes{padding:0 10px 12px;gap:6px}.bridge-lanes button{font-size:12px}.bridge-layout:fullscreen{overflow:auto;display:block}.bridge-layout:fullscreen .bridge-controls{margin-top:12px}}