#bcs-guess{--bg:#05040d;--card:#100d1f;--gold:#f5c451;--gold2:#ffe39a;--ink:#fff;--muted:#c9c3dd;
background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-size:17px;line-height:1.5;padding:34px 16px 48px;box-sizing:border-box;text-align:center;-webkit-text-size-adjust:100%}
#bcs-guess *,#bcs-guess *:before,#bcs-guess *:after{box-sizing:border-box}
#bcs-guess .g-wrap{max-width:560px;margin:0 auto}
#bcs-guess .g-kicker{color:var(--gold);font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-weight:600}
#bcs-guess h2.g-title{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:30px;line-height:1.2;margin:0 0 10px;color:var(--ink);letter-spacing:0;text-transform:none}
#bcs-guess .g-intro{color:var(--muted);margin:0 auto 22px;max-width:30em;font-size:16px}
#bcs-guess .g-card{background:var(--card);border:2px solid rgba(245,196,81,.35);border-radius:16px;padding:14px 14px 16px;margin:0 0 18px;text-align:left}
#bcs-guess .g-card[hidden]{display:none}
#bcs-guess .g-card.g-in{animation:gIn .5s ease-out}
#bcs-guess .g-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px;font-size:14px;color:var(--gold);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#bcs-guess .g-head .g-dots{letter-spacing:4px;color:rgba(255,255,255,.35)}
#bcs-guess .g-head .g-dots b{color:var(--gold);font-weight:400}
#bcs-guess .g-pic{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-width:100%;border-radius:10px;background:#1b1730;margin:0}
#bcs-guess form{display:flex;gap:8px;margin:12px 0 0}
#bcs-guess input.g-ans{flex:1;min-width:0;font:inherit;font-size:18px;padding:12px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:#fff;color:#1a1626;outline:none;margin:0;height:auto;line-height:1.3}
#bcs-guess input.g-ans:focus{border-color:var(--gold)}
#bcs-guess button.g-go{font:inherit;font-size:17px;font-weight:700;padding:12px 18px;border-radius:10px;border:0;background:var(--gold);color:#241a02;cursor:pointer;margin:0;line-height:1.3}
#bcs-guess button.g-go:active{transform:translateY(1px)}
#bcs-guess .g-msg{min-height:1.5em;margin:8px 2px 0;font-size:15px;color:var(--muted)}
#bcs-guess .g-msg:empty{display:none}
#bcs-guess .g-msg.g-bad{color:#ffb4a8}
#bcs-guess .g-hintlink{background:none;border:0;padding:0;margin:6px 2px 0;font:inherit;font-size:14px;color:var(--gold2);text-decoration:underline;cursor:pointer}
#bcs-guess .g-hint{font-family:"Courier New",monospace;letter-spacing:.06em;color:var(--gold2);font-weight:700;white-space:nowrap}
#bcs-guess .g-shake{animation:gShake .4s}
#bcs-guess .g-done{display:none;margin:12px 0 0;padding:11px 14px;border-radius:10px;background:rgba(122,201,120,.14);border:2px solid #7ac978;color:#dff5de;font-size:18px;font-weight:700}
#bcs-guess .g-done span{color:#fff;letter-spacing:.04em}
#bcs-guess .g-card.g-solved{border-color:rgba(122,201,120,.6)}
#bcs-guess .g-card.g-solved form,#bcs-guess .g-card.g-solved .g-msg,#bcs-guess .g-card.g-solved .g-hintlink{display:none}
#bcs-guess .g-card.g-solved .g-done{display:block}
#bcs-guess .g-card.g-flash{animation:gFlash .7s}
#bcs-guess .g-reveal{position:relative;border:2px dashed var(--gold);border-radius:16px;padding:26px 16px 28px;margin:6px 0 0}
#bcs-guess .g-reveal[hidden]{display:none}
#bcs-guess .g-congrats{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--ink)}
#bcs-guess .g-sum{color:var(--muted);font-size:15px;margin:0 0 14px}
#bcs-guess .g-sum b{color:var(--gold2);font-weight:600}
#bcs-guess .g-big{font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.1;font-weight:700;color:var(--gold);margin:0 0 6px}
#bcs-guess .g-sub{font-size:20px;font-weight:600;color:var(--ink);margin:0 0 22px}
#bcs-guess a.g-btn{display:inline-block;background:var(--gold);color:#241a02!important;text-decoration:none!important;font-weight:700;font-size:17px;line-height:1.35;padding:14px 22px;border-radius:12px;max-width:100%;border-bottom:3px solid #c99a2e}
#bcs-guess a.g-btn:hover{background:var(--gold2)}
#bcs-guess .g-credit{margin:28px 0 0;font-size:11px;color:rgba(255,255,255,.35)}
#bcs-guess .g-credit a{color:inherit}
#bcs-guess .g-burst{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none}
#bcs-guess .g-burst i{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--gold2);opacity:0;animation:gPop 1.1s ease-out forwards}
@keyframes gShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes gFlash{0%{box-shadow:0 0 0 0 rgba(122,201,120,.7)}100%{box-shadow:0 0 0 14px rgba(122,201,120,0)}}
@keyframes gIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gPop{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}}
@media (min-width:700px){#bcs-guess{padding:56px 24px 64px}#bcs-guess h2.g-title{font-size:38px}#bcs-guess .g-big{font-size:54px}#bcs-guess .g-card{padding:16px 18px 18px}}
@media (prefers-reduced-motion:reduce){#bcs-guess *{animation:none!important}}