.scdev-bb,.scdev-lb{font-family:Arial,sans-serif;line-height:1.2;color:#eaf7ff;box-sizing:border-box}.scdev-bb *,.scdev-lb *{box-sizing:border-box;line-height:1.2}.scdev-bb{width:min(700px,calc(100vw - 16px));margin:8px auto;padding:9px;border-radius:18px;background:#09131c;box-shadow:0 14px 42px #0006}.scdev-bb header{height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px}.scdev-bb__id{display:flex;align-items:center;gap:8px;white-space:nowrap}.scdev-bb__id>b,.scdev-lb__head>b{background:#0ba8f7;padding:4px 8px;border-radius:6px;font-size:11px;letter-spacing:1px}.scdev-bb__id strong{font-size:15px;letter-spacing:1.2px;color:#fff}.scdev-bb__stats{display:flex;gap:4px}.scdev-bb__stats span{min-width:49px;text-align:center;padding:5px 4px;border:1px solid #ffffff18;border-radius:8px;color:#8fa7b8;font-size:6px;letter-spacing:.7px}.scdev-bb__stats b{display:block;color:#fff;font-size:11px;margin-top:2px}.scdev-bb__stage{height:calc(var(--game-h,500px) - 90px);max-height:calc(100svh - 125px);position:relative;overflow:hidden;border-radius:16px;background:#078cef}.scdev-bb canvas{display:block;width:100%;height:100%;touch-action:none}.scdev-bb__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00142670;backdrop-filter:blur(3px)}.scdev-bb__overlay.hide{display:none}.scdev-bb__panel{width:min(390px,91%);text-align:center;background:#061a29f2;border:1px solid #55d1ff55;border-radius:15px;padding:16px}.scdev-bb__panel>small{font-size:8px;letter-spacing:2px;color:#29caff}.scdev-bb__panel h2{font-size:19px;margin:6px}.scdev-bb__panel p{font-size:11px;color:#b9cbd7;margin:7px}.scdev-bb__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.scdev-bb__modes button{padding:8px 4px;border:1px solid #ffffff40;border-radius:8px;background:#102838;color:#ffffff;font-size:11px;font-weight:900;cursor:pointer;text-shadow:0 0 2px rgba(0,0,0,0.5)}.scdev-bb__modes button.active{background:#0b9fe8;color:#fff;border-color:#5bd5ff}.scdev-bb__modes em{display:block;font-style:normal;font-size:6px;font-weight:400;margin-top:3px;opacity:.8}.scdev-bb__panel input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ffffff22;background:#ffffff0d;color:#fff;font-size:10px}.scdev-bb__play{display:block;margin:10px auto 7px;padding:10px 24px;border:1px solid #ffcc00;border-radius:20px;font-size:13px;font-weight:900;cursor:pointer;color:#ffeb3b !important;background:#061a29 !important;box-shadow:0 0 8px rgba(255,204,0,0.3)}.scdev-bb__panel i{display:block;font-style:normal;color:#ffffff;font-size:11px;font-weight:600;margin-top:8px}.scdev-bb__controls{display:flex;justify-content:center;gap:5px;margin-top:6px}.scdev-bb__controls button{height:34px;padding:0 24px;border:1px solid #ffcc00;border-radius:8px;background:#061a29 !important;color:#ffeb3b !important;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 0 8px rgba(255,204,0,0.3)}.scdev-bb footer{text-align:center;font-size:11px;color:#d0e6f7 !important;font-weight:600;padding-top:6px;letter-spacing:1px}.scdev-lb{max-width:850px;margin:16px auto;padding:16px;background:#09131c;border-radius:17px}.scdev-lb__head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.scdev-lb__head h2{font-size:18px;margin:0;color:#ffeb3b !important}.scdev-lb__head p{font-size:12px;color:#d0e6f7 !important;margin:4px 0 0}.scdev-lb__empty{padding:18px;text-align:center;color:#8da4b4;font-size:11px}.scdev-lb__player{border:1px solid #ffffff13;border-radius:10px;margin:6px 0;background:#ffffff05;overflow:hidden}.scdev-lb__player summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.scdev-lb__player summary::-webkit-details-marker{display:none}.scdev-lb__player .rank{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#ffffff0c;color:#5ed3ff;font-size:9px}.scdev-lb__player summary>strong{font-size:11px;flex:1}.scdev-lb__player .total{text-align:right;font-size:13px;font-weight:900}.scdev-lb__player .total small{display:block;font-size:6px;color:#8198a8;letter-spacing:.8px}.scdev-lb__player .chev{font-size:15px;color:#6b8799}.scdev-lb__player[open] .chev{transform:rotate(180deg)}.scdev-lb__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px}.scdev-lb__modes>div{padding:10px;border-radius:8px;background:#071722;border:1px solid #ffffff0c}.scdev-lb__modes h3{font-size:9px;color:#55cbff;text-transform:uppercase;letter-spacing:.8px;margin:0 0 5px}.scdev-lb__modes b{font-size:13px}.scdev-lb__modes p,.scdev-lb__modes small{display:block;color:#8da3b2;font-size:8px;margin:4px 0}.scdev-lb__modes small{font-size:7px}@media(max-width:600px){.scdev-bb{width:calc(100vw - 8px);margin:3px auto;padding:5px;border-radius:12px}.scdev-bb header{height:42px;padding:0 2px}.scdev-bb__id{gap:4px}.scdev-bb__id>b{font-size:7px;padding:3px 5px}.scdev-bb__id strong{font-size:8px}.scdev-bb__stats{gap:2px;flex:1}.scdev-bb__stats span{min-width:0;flex:1;padding:3px 1px;font-size:5px}.scdev-bb__stats b{font-size:8px}.scdev-bb__stage{height:min(calc(var(--game-h,500px) - 90px),calc(100svh - 100px));border-radius:10px}.scdev-bb__controls{margin-top:4px;gap:3px}.scdev-bb__controls button{height:27px;font-size:7px}.scdev-bb footer{padding-top:3px}.scdev-lb{padding:8px;margin:8px auto}.scdev-lb__modes{grid-template-columns:1fr}.scdev-lb__player summary{padding:8px}.scdev-lb__head h2{font-size:14px;color:#ffeb3b !important}}
/* v3.0.1 overlay visibility adjustment */
.scdev-bb__panel{color:#eaf7ff}
.scdev-bb__panel h2{color:#f4f8fb}
.scdev-bb__panel p{color:#d7e4ec}
.scdev-bb__modes button{color:#ffffff !important;font-size:11px !important}
.scdev-bb__modes button em{color:#ffffff;opacity:1}
.scdev-bb__modes button.active{color:#fff !important}
.scdev-bb__modes button.active em{color:#e9f8ff}
.scdev-bb__play{color:#ffeb3b !important;background:#061a29 !important;border:1px solid #ffcc00 !important}
.scdev-bb__panel i{color:#ffffff !important;font-size:11px !important;font-weight:600}


/* v3.0.3 mobile viewport containment fix */
.scdev-bb{
    max-width:100% !important;
    min-width:0 !important;
}
@media(max-width:600px){
    .scdev-bb{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:3px 0 !important;
        overflow:hidden !important;
    }
    .scdev-bb header{
        width:100% !important;
        min-width:0 !important;
        gap:3px !important;
    }
    .scdev-bb__id{
        flex:0 0 auto;
        min-width:0;
    }
    .scdev-bb__stats{
        flex:1 1 auto !important;
        min-width:0 !important;
        width:auto !important;
        overflow:hidden;
    }
    .scdev-bb__stats span{
        flex:1 1 0 !important;
        min-width:0 !important;
        width:0;
        padding-left:1px !important;
        padding-right:1px !important;
    }
    .scdev-bb__stage,
    .scdev-bb canvas,
    .scdev-bb__controls,
    .scdev-bb footer{
        width:100% !important;
        max-width:100% !important;
    }
    .scdev-bb canvas{
        min-width:0 !important;
    }
    .scdev-bb__panel{
        width:88% !important;
        max-width:88% !important;
    }
}



/* v3.1.0 stage + signed-in leaderboard modal */
.scdev-bb__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.scdev-bb__controls button:only-child{grid-column:1/-1}
.scdev-bb__modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,8,14,.78);backdrop-filter:blur(5px)}
.scdev-bb__modal.open{display:flex}
.scdev-bb__modal-card{position:relative;width:min(880px,96vw);max-height:86vh;background:#09131c;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 24px 80px #000b;overflow:hidden}
.scdev-bb__modal-scroll{max-height:86vh;overflow-y:auto;overscroll-behavior:contain;padding:8px}
.scdev-bb__modal .scdev-lb{margin:0;max-width:none;box-shadow:none}
.scdev-bb__modal-close{position:absolute;right:10px;top:9px;z-index:3;width:30px;height:30px!important;padding:0!important;border-radius:50%!important;background:#142938!important;color:#fff!important;border:1px solid #ffffff2b!important;font-size:20px!important;line-height:1!important;cursor:pointer}
@media(max-width:600px){.scdev-bb__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.scdev-bb__modal{padding:7px}.scdev-bb__modal-card,.scdev-bb__modal-scroll{max-height:90vh}.scdev-bb__modal-scroll{padding:4px}.scdev-bb__modal .scdev-lb{padding:8px}}