:root{--bsc-bg:#070816;--bsc-card:#101126;--bsc-line:rgba(164,140,255,.22);--bsc-violet:#9b7cff;--bsc-pink:#f04f9c;--bsc-cyan:#66d9ff;--bsc-gold:#ffd166;--bsc-text:#f8f7ff;--bsc-muted:#a7a5bb}
body.bigstep-claw-club-page{background:radial-gradient(circle at 50% 10%,#17133b 0,#090a1b 38%,#050711 100%)!important}
body.bigstep-claw-club-page .haru-page-title,body.bigstep-claw-club-page .page-sidebar{display:none!important}
body.bigstep-claw-club-page .haru-page.full-width>.h-row,body.bigstep-claw-club-page .page-content,body.bigstep-claw-club-page .page-content-wrap{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.bsc-app,.bsc-app *{box-sizing:border-box}.bsc-app{position:relative;min-height:100vh;overflow:hidden;padding:52px 20px 76px;color:var(--bsc-text);font-family:Inter,"Plus Jakarta Sans",system-ui,sans-serif;background-image:radial-gradient(circle,#fff 0 .7px,transparent .9px);background-size:97px 97px}.bsc-app:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 30%,rgba(90,69,209,.2),transparent 30%),radial-gradient(circle at 88% 40%,rgba(240,79,156,.15),transparent 28%)}
.bsc-hero{width:min(1180px,100%);margin:0 auto 30px;text-align:center}.bsc-kicker{display:inline-flex;align-items:center;gap:8px;color:#c4b7f4;font-size:11px;font-weight:850;letter-spacing:.18em}.bsc-kicker span{width:7px;height:7px;border-radius:50%;background:var(--bsc-cyan);box-shadow:0 0 18px var(--bsc-cyan)}.bsc-hero h1{margin:13px 0 8px;color:#fff;font-size:clamp(44px,7vw,82px);font-weight:950;letter-spacing:-.065em;line-height:.92}.bsc-hero h1 em{background:linear-gradient(105deg,var(--bsc-gold),#ef9fff 52%,var(--bsc-cyan));background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.bsc-hero>p{margin:0;color:#b8b4c9;font-size:15px}.bsc-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:17px}.bsc-badges span{padding:7px 11px;border:1px solid var(--bsc-line);border-radius:99px;background:rgba(16,17,38,.72);color:#dcd5f3;font-size:10px;font-weight:800;letter-spacing:.06em}
.bsc-game-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;width:min(1180px,100%);margin:auto;border:1px solid var(--bsc-line);border-radius:25px;background:rgba(10,11,27,.82);box-shadow:0 35px 100px rgba(0,0,0,.45);overflow:hidden;backdrop-filter:blur(18px)}.bsc-machine{min-width:0;padding:18px;border-right:1px solid var(--bsc-line)}.bsc-hud{display:flex;align-items:center;gap:28px;height:54px;padding:0 8px 12px}.bsc-hud>div{display:flex;align-items:baseline;gap:8px}.bsc-hud small{color:#8d88a4;font-size:9px;font-weight:850;letter-spacing:.13em}.bsc-hud strong{color:#fff;font-size:24px;font-variant-numeric:tabular-nums}.bsc-hud button{width:36px;height:36px;margin-left:auto;border:1px solid var(--bsc-line);border-radius:10px;background:#14152e;color:#b9b0db;cursor:pointer}.bsc-hud button.is-muted{opacity:.45}
.bsc-canvas-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid rgba(117,205,255,.24);border-radius:17px;background:radial-gradient(circle at 50% 45%,#1c2150,#090a1c 70%)}.bsc-canvas-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 55px rgba(79,66,176,.28)}.bsc-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.bsc-loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#0a0b1c;transition:.35s}.bsc-loading.is-done{opacity:0;pointer-events:none}.bsc-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--bsc-cyan);border-radius:50%;animation:bsc-spin .8s linear infinite}.bsc-loading b{font-size:10px;letter-spacing:.15em}@keyframes bsc-spin{to{transform:rotate(360deg)}}.bsc-toast{position:absolute;left:50%;top:16px;z-index:6;max-width:calc(100% - 28px);padding:10px 15px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(8,9,24,.9);box-shadow:0 12px 30px rgba(0,0,0,.3);color:#fff;font-size:12px;font-weight:800;transform:translateX(-50%);text-align:center}
.bsc-controls{display:flex;align-items:center;gap:15px;padding-top:14px}.bsc-pad{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:70px;overflow:hidden;border:1px solid var(--bsc-line);border-radius:15px;background:linear-gradient(135deg,rgba(31,31,65,.82),rgba(15,16,37,.95));cursor:grab;touch-action:none;user-select:none}.bsc-pad:before,.bsc-pad:after{content:"";position:absolute;background:rgba(163,145,222,.13)}.bsc-pad:before{left:50%;top:10px;bottom:10px;width:1px}.bsc-pad:after{top:50%;left:10px;right:10px;height:1px}.bsc-pad span{z-index:1;color:#89849d;font-size:9px;font-weight:850;letter-spacing:.12em}.bsc-pad i{position:absolute;z-index:2;width:27px;height:27px;border:2px solid #bdaaff;border-radius:50%;background:rgba(155,124,255,.28);box-shadow:0 0 24px rgba(155,124,255,.55);transform:translate(0,0);pointer-events:none}.bsc-grab{display:flex;align-items:center;justify-content:center;gap:13px;min-width:190px;height:70px;padding:0 22px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--bsc-pink),#9d58ee 58%,#337fb5);box-shadow:0 13px 34px rgba(157,88,238,.3);color:#fff;font-size:13px;font-weight:900;letter-spacing:.05em;cursor:pointer;transition:.2s}.bsc-grab:hover{filter:brightness(1.08);transform:translateY(-2px)}.bsc-grab:disabled{opacity:.45;transform:none;cursor:wait}.bsc-grab b{font-size:22px}
.bsc-panel{display:flex;flex-direction:column;padding:24px 22px;background:radial-gradient(circle at 100% 0,rgba(104,69,197,.18),transparent 40%),#0d0e20}.bsc-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--bsc-line)}.bsc-panel-head span{font-size:10px;font-weight:900;letter-spacing:.1em}.bsc-panel-head b{color:var(--bsc-gold);font-size:12px}.bsc-collection{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;min-height:205px;padding:16px 0}.bsc-collection>p{grid-column:1/-1;align-self:center;margin:0;color:#77748b;font-size:12px;line-height:1.6;text-align:center}.bsc-prize-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:94px;padding:9px;border:1px solid var(--bsc-line);border-radius:13px;background:rgba(255,255,255,.035);text-align:center;animation:bsc-pop .35s cubic-bezier(.2,.9,.25,1.3)}@keyframes bsc-pop{from{opacity:0;transform:scale(.75)}}.bsc-prize-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--toy);box-shadow:0 8px 20px color-mix(in srgb,var(--toy) 45%,transparent);color:#171526;font-style:normal;font-size:21px}.bsc-prize-card strong{margin-top:7px;color:#fff;font-size:9px}.bsc-prize-card small{margin-top:3px;color:#918ca7;font-size:7px;font-weight:800;letter-spacing:.08em}.bsc-rarity{display:flex;justify-content:space-between;gap:5px;padding:12px 0;border-top:1px solid var(--bsc-line);border-bottom:1px solid var(--bsc-line)}.bsc-rarity span{display:flex;align-items:center;gap:4px;color:#817d94;font-size:7px;font-weight:800}.bsc-rarity i{width:6px;height:6px;border-radius:50%}.bsc-rarity .common{background:#94a3b8}.bsc-rarity .rare{background:#a78bfa}.bsc-rarity .secret{background:#ffd166;box-shadow:0 0 9px #ffd166}.bsc-tip{padding:17px 0}.bsc-tip strong{color:#bba7ff;font-size:9px;letter-spacing:.12em}.bsc-tip p{margin:6px 0 0;color:#8c879c;font-size:11px;line-height:1.55}.bsc-restart{margin-top:auto;padding:12px;border:1px solid var(--bsc-line);border-radius:11px;background:transparent;color:#aaa2c0;font-size:10px;font-weight:850;cursor:pointer}
.bsc-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(1180px,100%);margin:15px auto 0}.bsc-how article{display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid rgba(164,140,255,.15);border-radius:14px;background:rgba(12,13,31,.64)}.bsc-how article>b{color:#685ca1;font-size:24px}.bsc-how strong{display:block;color:#dcd8ed;font-size:9px;letter-spacing:.1em}.bsc-how p{margin:3px 0 0;color:#777388;font-size:10px}
.bsc-modal[hidden]{display:none}.bsc-modal{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:18px;background:rgba(3,4,12,.82);backdrop-filter:blur(12px)}.bsc-modal-card{position:relative;width:min(480px,100%);padding:36px 32px;border:1px solid rgba(181,157,255,.3);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(118,76,211,.27),transparent 38%),#111126;box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center}.bsc-modal-card>[data-close]{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid var(--bsc-line);border-radius:50%;background:#181833;color:#bbb4d1;font-size:20px;cursor:pointer}.bsc-result-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:19px;background:linear-gradient(135deg,#ef4f9d,#8b5cf6);box-shadow:0 13px 30px rgba(139,92,246,.35);font-size:28px}.bsc-modal-card>span{color:#b7a4f5;font-size:9px;font-weight:900;letter-spacing:.16em}.bsc-modal-card h2{margin:8px 0;color:#fff;font-size:30px;letter-spacing:-.04em}.bsc-modal-card>p{margin:0 auto 20px;color:#a7a3b6;font-size:13px;line-height:1.6}.bsc-modal form{text-align:left}.bsc-modal form label{display:block;margin-bottom:6px;color:#c8c2d8;font-size:10px;font-weight:800}.bsc-modal form>div{display:flex;gap:7px}.bsc-modal input{min-width:0;flex:1;height:45px;padding:0 13px;border:1px solid var(--bsc-line);border-radius:10px;outline:0;background:#0a0b1b;color:#fff}.bsc-modal form button,.bsc-code button{border:0;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.bsc-modal form button{padding:0 15px}.bsc-modal form small{display:block;margin-top:7px;color:#6f6b80;font-size:9px}.bsc-code{padding:15px;border:1px dashed rgba(255,209,102,.45);border-radius:13px;background:rgba(255,209,102,.06)}.bsc-code span{display:block;color:#a99d78;font-size:8px;font-weight:850;letter-spacing:.14em}.bsc-code strong{display:block;margin:5px 0 10px;color:#ffd166;font-size:25px;letter-spacing:.08em}.bsc-code button{padding:9px 13px}.bsc-again{width:100%;height:45px;margin-top:13px;border:1px solid var(--bsc-line);border-radius:11px;background:#191931;color:#d9d4e6;font-size:10px;font-weight:850;cursor:pointer}
@media(max-width:900px){.bsc-game-shell{grid-template-columns:1fr}.bsc-machine{border-right:0;border-bottom:1px solid var(--bsc-line)}.bsc-panel{min-height:0}.bsc-collection{grid-template-columns:repeat(3,1fr);min-height:120px}.bsc-how{grid-template-columns:1fr}.bsc-how article{padding:11px 14px}}
@media(max-width:600px){.bsc-app{padding:34px 9px 54px}.bsc-hero{margin-bottom:20px}.bsc-hero h1{font-size:48px}.bsc-hero>p{font-size:12px}.bsc-game-shell{border-radius:18px}.bsc-machine{padding:10px}.bsc-hud{gap:14px}.bsc-hud strong{font-size:20px}.bsc-canvas-wrap{aspect-ratio:4/5}.bsc-controls{gap:8px}.bsc-pad{height:62px}.bsc-grab{min-width:125px;height:62px;padding:0 13px;font-size:10px}.bsc-panel{padding:20px 16px}.bsc-collection{grid-template-columns:repeat(2,1fr)}.bsc-modal-card{padding:32px 18px}.bsc-modal form>div{display:block}.bsc-modal form button{width:100%;height:42px;margin-top:7px}.bsc-how{padding:0 5px}}
@media(prefers-reduced-motion:reduce){.bsc-app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Gắp thú đổi quà — giao diện sáng và dễ đọc hơn */
body.bigstep-claw-club-page{background:radial-gradient(circle at 50% 8%,#3855a6 0,#172554 35%,#0b1234 100%)!important}
.bsc-app:before{background:radial-gradient(circle at 12% 30%,rgba(59,211,255,.25),transparent 32%),radial-gradient(circle at 88% 40%,rgba(255,95,174,.23),transparent 30%)}
.bsc-hero>p{color:#d5daf3;font-size:17px}.bsc-badges{gap:9px;margin-top:19px}.bsc-badges span{padding:9px 14px;border-color:rgba(151,220,255,.34);background:rgba(29,40,94,.78);color:#fff;font-size:12px}
.bsc-game-shell{border-color:rgba(151,220,255,.34);background:rgba(18,32,78,.86);box-shadow:0 35px 100px rgba(0,0,0,.35)}
.bsc-hud{gap:22px}.bsc-hud small{color:#c2c8e8;font-size:11px}.bsc-hud strong{font-size:28px}.bsc-timer i{margin-left:-4px;color:#9edfff;font-size:11px;font-style:normal;font-weight:900}.bsc-timer strong{display:inline-block;min-width:56px;color:#67e8f9}.bsc-timer.is-urgent strong{color:#fde047;animation:bsc-pulse .55s infinite alternate}@keyframes bsc-pulse{to{transform:scale(1.08);text-shadow:0 0 16px #fde047}}
.bsc-canvas-wrap{border-color:rgba(151,226,255,.42);background:radial-gradient(circle at 50% 40%,#3958a7,#16265f 67%,#101a43)}
.bsc-pad span{color:#d0d4eb;font-size:12px;font-weight:900}.bsc-grab{min-width:215px;height:78px;padding:0 26px;border-radius:17px;background:linear-gradient(135deg,#ff4f9f,#a855f7 55%,#22b8e6);box-shadow:0 15px 38px rgba(168,85,247,.42);font-size:17px}.bsc-panel-head span{font-size:12px}.bsc-tip strong{color:#d2c5ff;font-size:11px}.bsc-tip p{color:#bfc3db;font-size:13px}.bsc-restart{font-size:12px}.bsc-how strong{font-size:11px}.bsc-how p{font-size:12px}
@media(max-width:600px){.bsc-hero>p{font-size:14px}.bsc-hud{gap:9px}.bsc-hud small{font-size:8px}.bsc-hud strong{font-size:20px}.bsc-timer strong{min-width:42px}.bsc-grab{min-width:132px;height:66px;padding:0 12px;font-size:13px}.bsc-pad span{font-size:9px}}

/* Flow bắt đầu, hướng dẫn và cô lập button khỏi theme */
.bsc-app button{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;margin:0!important;text-decoration:none!important;text-shadow:none!important;text-transform:none!important;font-family:Inter,"Plus Jakarta Sans",system-ui,sans-serif!important;line-height:1!important}.bsc-app button:before,.bsc-app button:after{display:none!important;content:none!important}
.bsc-app .bsc-grab{border:0!important;background:linear-gradient(135deg,#ff4f9f,#a855f7 55%,#22b8e6)!important;color:#fff!important}.bsc-app .bsc-restart{border:1px solid var(--bsc-line)!important;background:transparent!important;background-color:transparent!important;color:#c9c4d9!important;box-shadow:none!important}.bsc-app .bsc-hud button{border:1px solid var(--bsc-line)!important;background:#14152e!important;color:#c7bde5!important;box-shadow:none!important}.bsc-app .bsc-again{border:1px solid var(--bsc-line)!important;background:#191931!important;color:#e1ddec!important;box-shadow:none!important}.bsc-app .bsc-modal form button,.bsc-app .bsc-code button{border:0!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;color:#fff!important}.bsc-app .bsc-modal-card>[data-close]{border:1px solid var(--bsc-line)!important;background:#181833!important;color:#ddd6ec!important;box-shadow:none!important}
.bsc-hero{overflow:visible}.bsc-hero h1{overflow:visible!important;margin:4px 0 8px!important;padding:.18em 0 .1em!important;line-height:1.08!important}.bsc-hero h1 em{display:inline-block;padding-top:.02em}
.bsc-intro[hidden],.bsc-countdown[hidden]{display:none!important}.bsc-intro{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:24px;background:rgba(8,13,43,.74);backdrop-filter:blur(10px)}.bsc-intro-card{width:min(680px,100%);padding:27px;border:1px solid rgba(151,226,255,.42);border-radius:22px;background:linear-gradient(145deg,rgba(41,57,125,.97),rgba(35,26,83,.97));box-shadow:0 24px 80px rgba(0,0,0,.42);text-align:center}.bsc-intro-card>span{color:#8cecff;font-size:12px;font-weight:900;letter-spacing:.14em}.bsc-intro-card h2{margin:7px 0!important;color:#fff!important;font-size:clamp(28px,4vw,45px)!important;font-weight:950!important;line-height:1.12!important;letter-spacing:-.04em!important}.bsc-intro-card>p{margin:0;color:#d9dcf4;font-size:15px;line-height:1.5}.bsc-intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.bsc-intro-steps article{min-width:0;padding:13px 10px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055)}.bsc-intro-steps b{display:block;color:#fde047;font-size:17px}.bsc-intro-steps strong{display:block;margin:5px 0;color:#fff;font-size:12px;letter-spacing:.07em}.bsc-intro-steps small{display:block;color:#bcc3e2;font-size:11px;line-height:1.4}.bsc-intro-card>[data-start]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:min(300px,100%)!important;height:58px!important;padding:0 24px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:15px!important;background:linear-gradient(135deg,#ff4f9f,#a855f7 55%,#22b8e6)!important;box-shadow:0 13px 32px rgba(168,85,247,.4)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.06em!important;cursor:pointer!important}.bsc-intro-card>[data-start]:hover{filter:brightness(1.09);transform:translateY(-2px)}
.bsc-countdown{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(9,13,42,.38);pointer-events:none}.bsc-countdown strong{color:#fff;font-size:clamp(90px,16vw,170px);font-weight:950;line-height:.85;text-shadow:0 0 35px rgba(103,232,249,.75);animation:bsc-count-in .7s both}.bsc-countdown span{margin-top:20px;color:#a5f3fc;font-size:14px;font-weight:900;letter-spacing:.18em}@keyframes bsc-count-in{from{opacity:0;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}
.bsc-view-hint{position:absolute;right:14px;bottom:12px;z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(7,12,38,.72);color:#e5edff;font-size:10px;font-weight:900;letter-spacing:.05em;pointer-events:none}.bsc-collection>p{color:#aeb4d2;font-size:14px}.bsc-rarity span{color:#aeb4ca;font-size:9px}.bsc-panel-head b{font-size:14px}.bsc-restart{height:44px!important;padding:0 14px!important;border-width:1px!important;border-style:solid!important}.bsc-again:disabled{opacity:.68!important;cursor:default!important}.bsc-tip p b{color:#fff}
@media(max-width:600px){.bsc-hero h1{font-size:43px!important;line-height:1.08!important}.bsc-intro{padding:12px}.bsc-intro-card{padding:20px 14px}.bsc-intro-card>p{font-size:13px}.bsc-intro-steps{grid-template-columns:1fr;gap:6px;margin:13px 0}.bsc-intro-steps article{display:grid;grid-template-columns:34px 88px 1fr;align-items:center;padding:8px;text-align:left}.bsc-intro-steps b,.bsc-intro-steps strong{margin:0}.bsc-intro-steps small{font-size:10px}.bsc-intro-card>[data-start]{height:52px!important;font-size:14px!important}.bsc-view-hint{right:8px;bottom:8px;font-size:8px}.bsc-collection>p{font-size:13px}}

/* Level và các mốc thưởng đồng bộ Bigstep Playground */
.bsc-progression{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;width:min(1180px,100%);margin:15px auto 0}.bsc-level-card,.bsc-rewards{border:1px solid rgba(151,220,255,.24);border-radius:17px;background:linear-gradient(145deg,rgba(23,38,88,.92),rgba(14,17,48,.96));box-shadow:0 18px 45px rgba(0,0,0,.2)}.bsc-level-card{padding:17px 18px}.bsc-level-card>span{color:#9de9ff;font-size:10px;font-weight:900;letter-spacing:.12em}.bsc-level-card>div:first-of-type{display:flex;align-items:baseline;gap:10px;margin-top:7px}.bsc-level-card b{color:#fde047;font-size:15px}.bsc-level-card b strong{font-size:26px}.bsc-level-card h2{margin:0!important;color:#fff!important;font-size:21px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.03em!important}.bsc-level-bar{height:7px;margin-top:14px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}.bsc-level-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a855f7,#ff4f9f);box-shadow:0 0 14px #a855f7;transition:width .45s ease}.bsc-level-card p{margin:9px 0 0;color:#b8bfdd;font-size:11px;line-height:1.45}.bsc-rewards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.bsc-rewards article{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(5,9,29,.35);opacity:.62;transition:.25s}.bsc-rewards article>i{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(167,139,250,.3);border-radius:11px;background:#171536;color:#b8a6f4;font-size:12px;font-weight:950;font-style:normal}.bsc-rewards article strong{display:block;color:#fff;font-size:12px}.bsc-rewards article small{display:block;margin-top:3px;color:#9ca3c2;font-size:9px;line-height:1.35}.bsc-rewards article>span{grid-column:1/-1;color:#817c96;font-size:8px;font-weight:900;letter-spacing:.1em;text-align:right}.bsc-rewards article.is-grand{background:linear-gradient(135deg,rgba(142,91,225,.2),rgba(253,224,71,.08))}.bsc-rewards article.is-grand>i{border-color:rgba(253,224,71,.35);color:#fde047}.bsc-rewards article.is-unlocked{border-color:rgba(94,234,212,.55);opacity:1;box-shadow:inset 0 0 25px rgba(45,212,191,.08)}.bsc-rewards article.is-unlocked>span{color:#5eead4}.bsc-level-hud strong,[data-level]{color:#fde047!important}
@media(max-width:900px){.bsc-progression{grid-template-columns:1fr}.bsc-rewards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bsc-hud{flex-wrap:wrap;height:auto;padding-bottom:10px}.bsc-hud>div{gap:4px}.bsc-hud button{margin-left:auto!important}.bsc-progression{padding:0 5px}.bsc-level-card{padding:15px}.bsc-rewards{grid-template-columns:1fr}.bsc-rewards article{grid-template-columns:48px 1fr auto}.bsc-rewards article>span{grid-column:auto}.bsc-level-card p{font-size:10px}}
.bsc-level-card p{font-size:12px}.bsc-rewards article>i{font-size:13px}.bsc-rewards article strong{font-size:14px}.bsc-rewards article small{font-size:10px}.bsc-rewards article>span{font-size:9px}@media(max-width:600px){.bsc-level-card p{font-size:11px}.bsc-rewards article strong{font-size:13px}}

/* Calm midnight theme — giảm bão hòa, glow và mật độ thị giác */
body.bigstep-claw-club-page{background:#090d16!important}.bsc-app{padding-top:36px;background:radial-gradient(circle at 50% 0,rgba(65,82,126,.16),transparent 34%),linear-gradient(180deg,#0b0f1b,#090d16 68%,#0b101a)!important}.bsc-app:before{opacity:.35;background:radial-gradient(circle at 10% 35%,rgba(56,189,248,.08),transparent 28%),radial-gradient(circle at 88% 38%,rgba(244,114,182,.06),transparent 26%)!important}
.bsc-hero{margin-bottom:24px}.bsc-hero h1{font-size:clamp(45px,5.8vw,68px)!important;letter-spacing:-.055em!important}.bsc-hero>p{color:#b7c0d3;font-size:16px}.bsc-badges{margin-top:15px}.bsc-badges span{padding:8px 13px;border-color:#2d3a52;background:#111827;color:#d8dfed;box-shadow:none}
.bsc-game-shell{border-color:#2a3850;background:#111827;box-shadow:0 22px 65px rgba(0,0,0,.28);backdrop-filter:none}.bsc-machine{border-color:#2a3850}.bsc-panel{background:#0f1626}.bsc-hud small{color:#8f9bb1}.bsc-hud strong{font-weight:850}.bsc-hud button{border-color:#303a50!important;background:#151d2e!important}.bsc-canvas-wrap{border-color:#334158;background:linear-gradient(150deg,#1c2941,#111827 72%)!important}.bsc-canvas-wrap:after{box-shadow:inset 0 0 32px rgba(15,23,42,.42)}
.bsc-controls{gap:12px}.bsc-pad{border-color:#303a50;background:#131b2c}.bsc-pad:before,.bsc-pad:after{background:rgba(148,163,184,.11)}.bsc-pad i{border-color:#8da2c7;background:rgba(125,151,190,.18);box-shadow:0 0 14px rgba(125,151,190,.25)}.bsc-app .bsc-grab{background:linear-gradient(135deg,#ec5d91,#8b5fc7)!important;box-shadow:0 10px 24px rgba(139,95,199,.2)!important}.bsc-grab:hover{filter:brightness(1.06)}
.bsc-panel-head{border-color:#29354a}.bsc-collection>p{color:#a8b2c7}.bsc-rarity{border-color:#29354a}.bsc-rarity span{color:#9aa6bc}.bsc-tip strong{color:#c5b8ea}.bsc-tip p{color:#aeb8ca}.bsc-app .bsc-restart{border-color:#303a50!important;color:#bfc7d7!important}
.bsc-intro{background:rgba(7,11,20,.72);backdrop-filter:blur(7px)}.bsc-intro-card{border-color:#3a465d;background:#172033;box-shadow:0 20px 55px rgba(0,0,0,.35)}.bsc-intro-card>span{color:#9acde0}.bsc-intro-card>p{color:#c3ccda}.bsc-intro-steps article{border-color:#344057;background:#111a2c}.bsc-intro-steps b{color:#e9c86c}.bsc-intro-steps small{color:#aab5c8}.bsc-intro-card>[data-start]{border:0!important;background:linear-gradient(135deg,#ec5d91,#8b5fc7)!important;box-shadow:0 10px 25px rgba(139,95,199,.22)!important}
.bsc-toast{border-color:#344057;background:rgba(11,17,29,.94);box-shadow:0 8px 22px rgba(0,0,0,.24)}.bsc-view-hint{border-color:#334057;background:rgba(12,18,31,.82);color:#c2cad9}
.bsc-level-card,.bsc-rewards{border-color:#29374c;background:#111827;box-shadow:0 14px 35px rgba(0,0,0,.18)}.bsc-level-card>span{color:#9cc7d8}.bsc-level-bar{background:#263247}.bsc-level-bar i{background:linear-gradient(90deg,#65b8d6,#9a7bc8);box-shadow:none}.bsc-level-card p{color:#aeb8ca}.bsc-rewards article{border-color:#2b374b;background:#0e1524;opacity:.84}.bsc-rewards article>i{border-color:#39465d;background:#172033;color:#c0b2e0}.bsc-rewards article small{color:#9da8bc}.bsc-rewards article>span{color:#8994a8}.bsc-rewards article.is-grand{background:#151a2b}.bsc-rewards article.is-unlocked{border-color:#4f9d91;box-shadow:none}
.bsc-how article{border-color:#263247;background:#0f1625}.bsc-how article>b{color:#697995}.bsc-how strong{color:#cbd3e1}.bsc-how p{color:#919db1}
@media(max-width:600px){.bsc-app{padding-top:24px}.bsc-hero h1{font-size:40px!important}.bsc-hero>p{font-size:14px}.bsc-game-shell{border-radius:16px}.bsc-intro-card{background:#172033}.bsc-badges span{font-size:10px}}

/* Arcade restoration: keep the original game language, isolate only layout/theme collisions. */
body.bigstep-claw-club-page{background:#070812!important}.bsc-app{padding-top:42px;background:radial-gradient(circle at 50% 5%,rgba(110,70,220,.30),transparent 30%),radial-gradient(circle at 2% 48%,rgba(47,134,179,.13),transparent 26%),linear-gradient(150deg,#0c0a1c,#070812 65%,#0a1020)!important}.bsc-app:before{opacity:.7;background:radial-gradient(circle at 12% 32%,rgba(34,211,238,.10),transparent 28%),radial-gradient(circle at 88% 38%,rgba(255,79,159,.09),transparent 26%)!important}
.bsc-hero{margin-bottom:22px}.bsc-hero h1{overflow:visible!important;white-space:nowrap;font-size:clamp(48px,6.4vw,76px)!important;line-height:1.12!important;margin:3px 0 6px!important;padding:.22em 0 .12em!important;letter-spacing:-.06em!important}.bsc-hero>p{color:#b8b4c9;font-size:15px}.bsc-badges span{border-color:rgba(181,157,255,.22);background:rgba(16,17,38,.72);color:#e3dcf7;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.bsc-game-shell{border-color:rgba(164,139,255,.25);background:linear-gradient(145deg,rgba(18,32,78,.91),rgba(12,13,35,.96));box-shadow:0 28px 85px rgba(0,0,0,.36),0 0 50px rgba(92,72,190,.12);backdrop-filter:blur(14px)}.bsc-machine{border-color:rgba(158,141,225,.18)}.bsc-panel{background:rgba(8,9,27,.45)}.bsc-hud small{color:#918aa8}.bsc-hud button{border-color:rgba(181,157,255,.2)!important;background:#14152e!important}.bsc-canvas-wrap{border-color:rgba(151,226,255,.42);background:radial-gradient(circle at 50% 40%,#3958a7,#16265f 67%,#101a43)!important}.bsc-canvas-wrap:after{box-shadow:inset 0 0 55px rgba(79,66,176,.28)}
.bsc-pad{border-color:rgba(181,157,255,.18);background:linear-gradient(135deg,rgba(31,31,65,.82),rgba(15,16,37,.95))}.bsc-pad:before,.bsc-pad:after{background:rgba(163,145,222,.13)}.bsc-pad i{border-color:#bdaaff;background:rgba(155,124,255,.28);box-shadow:0 0 24px rgba(155,124,255,.55)}.bsc-app .bsc-grab{background:linear-gradient(135deg,#ff4f9f,#a855f7 55%,#22b8e6)!important;box-shadow:0 15px 38px rgba(168,85,247,.42)!important}
.bsc-app button{vertical-align:middle!important}.bsc-app .bsc-grab,.bsc-app .bsc-restart,.bsc-app .bsc-again,.bsc-app [data-start],.bsc-app [data-copy],.bsc-app [data-close],.bsc-app [data-sound]{display:inline-flex!important;align-items:center!important;justify-content:center!important}.bsc-controls{align-items:stretch;gap:12px}.bsc-pad,.bsc-grab{height:72px!important}.bsc-grab span,.bsc-grab b{display:flex;align-items:center;justify-content:center;line-height:1!important}.bsc-grab b{height:24px}
.bsc-progression{grid-template-columns:260px minmax(0,1fr);margin:0 auto 18px}.bsc-reward-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border:1px solid rgba(255,209,102,.38);border-radius:16px;background:linear-gradient(90deg,rgba(255,209,102,.14),rgba(168,85,247,.17),rgba(34,211,238,.11));box-shadow:0 16px 42px rgba(116,72,210,.18),inset 0 1px rgba(255,255,255,.08)}.bsc-reward-heading span{color:#ffd166;font-size:11px;font-weight:950;letter-spacing:.16em}.bsc-reward-heading strong{color:#fff;font-size:20px;font-weight:950;letter-spacing:-.025em;text-align:right}.bsc-level-card,.bsc-rewards{border-color:rgba(255,209,102,.30);background:linear-gradient(145deg,rgba(31,29,74,.96),rgba(13,17,48,.97));box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}.bsc-level-card>span{color:#9de9ff}.bsc-level-bar{background:rgba(255,255,255,.09)}.bsc-level-bar i{background:linear-gradient(90deg,#22d3ee,#a855f7,#ff4f9f);box-shadow:0 0 14px #a855f7}.bsc-level-card p{color:#c1c5dc}.bsc-rewards article{border-color:rgba(255,255,255,.12);background:rgba(5,9,29,.43);opacity:.8}.bsc-rewards article>i{border-color:rgba(167,139,250,.38);background:#211b48;color:#d7c8ff}.bsc-rewards article small{color:#acb2ca}.bsc-rewards article>span{color:#9b94ad}.bsc-rewards article.is-grand{border-color:rgba(255,209,102,.32);background:linear-gradient(135deg,rgba(142,91,225,.28),rgba(253,224,71,.12));box-shadow:inset 0 0 28px rgba(255,209,102,.06)}.bsc-rewards article.is-grand>i{color:#ffe477}.bsc-rewards article.is-unlocked{border-color:rgba(94,234,212,.65);opacity:1;box-shadow:inset 0 0 25px rgba(45,212,191,.10),0 0 22px rgba(45,212,191,.08)}
.bsc-canvas-wrap .bsc-modal{position:absolute!important;inset:0!important;z-index:20!important;padding:16px!important;background:rgba(5,6,16,.84)!important;backdrop-filter:blur(8px)!important;border-radius:inherit}.bsc-canvas-wrap .bsc-modal-card{width:min(460px,calc(100% - 16px));max-height:calc(100% - 18px);overflow:auto;padding:28px 24px;border-radius:20px}
@media(max-width:900px){.bsc-progression{grid-template-columns:1fr}.bsc-reward-heading{padding:12px 15px}.bsc-reward-heading strong{font-size:17px}}
@media(max-width:600px){.bsc-app{padding-top:26px}.bsc-hero h1{white-space:nowrap;font-size:40px!important;line-height:1.12!important;letter-spacing:-.065em!important;padding:.24em 0 .13em!important}.bsc-hero>p{font-size:14px}.bsc-progression{padding:0 5px;margin-bottom:13px}.bsc-reward-heading{display:block;text-align:center}.bsc-reward-heading span{display:block;margin-bottom:4px}.bsc-reward-heading strong{display:block;font-size:15px;text-align:center}.bsc-pad,.bsc-grab{height:64px!important}.bsc-grab{min-width:132px!important;padding:0 12px!important;font-size:13px!important}.bsc-canvas-wrap .bsc-modal{padding:8px!important}.bsc-canvas-wrap .bsc-modal-card{width:calc(100% - 8px);max-height:calc(100% - 8px);padding:21px 14px}.bsc-modal-card h2{font-size:24px}}

/* Full-bleed page background and admin-only sandbox indicator. */
html:has(body.bigstep-claw-club-page),body.bigstep-claw-club-page{overflow-x:clip}.bsc-app{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.bsc-sandbox-badge{border-color:rgba(94,234,212,.55)!important;background:rgba(13,74,69,.72)!important;color:#9fffea!important;box-shadow:0 0 24px rgba(45,212,191,.16)!important}.bsc-sandbox-badge[hidden]{display:none!important}

/* Clean hero, safe Vietnamese diacritics and compact admin status. */
.bsc-app{overflow-x:clip!important;overflow-y:visible!important;padding-top:50px!important}.bsc-hero{overflow:visible!important;margin-bottom:24px!important}.bsc-hero h1{overflow:visible!important;white-space:nowrap!important;margin:0!important;padding:.34em 0 .18em!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(52px,6.2vw,78px)!important;font-weight:950!important;line-height:1.24!important;letter-spacing:-.065em!important}.bsc-hero h1 em{overflow:visible!important;padding:.04em 0!important}.bsc-hero>p{margin-top:-6px!important;font-size:16px!important}.bsc-sandbox-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid rgba(94,234,212,.55);border-radius:8px;font-size:9px;font-weight:950;letter-spacing:.08em;white-space:nowrap}.bsc-hud .bsc-sandbox-badge{margin-left:auto}.bsc-hud .bsc-sandbox-badge+button{margin-left:0!important}.bsc-rarity .obstacle{background:#64748b;box-shadow:0 0 8px rgba(148,163,184,.55)}
@media(max-width:600px){.bsc-app{padding-top:28px!important}.bsc-hero h1{font-size:40px!important;line-height:1.26!important;padding:.38em 0 .2em!important}.bsc-hero>p{margin-top:-3px!important;font-size:13px!important;line-height:1.5}.bsc-hud .bsc-sandbox-badge{order:8;width:100%;margin:3px 0 0!important}.bsc-rarity{flex-wrap:wrap}.bsc-rarity span{min-width:42%}}