:root{color:#fff7e8;background:#07100f;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;background:#07100f}body{margin:0;overflow-x:hidden}button,a{font:inherit}.bb-app{min-height:100vh;padding:18px 12px 32px;background:radial-gradient(circle at 18% 0%,rgba(216,170,92,.18),transparent 28%),linear-gradient(rgba(239,203,131,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(239,203,131,.036) 1px,transparent 1px),linear-gradient(180deg,#07100f,#10201e 48%,#182a28);background-size:auto,30px 30px,30px 30px,auto}.bb-shell{display:grid;width:min(100%,1040px);margin:0 auto;gap:16px;min-width:0}.bb-hero,.bb-stage,.bb-ad-slot{border:1px solid rgba(216,170,92,.26);border-radius:8px;background:linear-gradient(145deg,rgba(255,248,231,.1),transparent 36%),#071514c7;box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff1f}.bb-hero{display:flex;justify-content:space-between;gap:14px;align-items:start;min-width:0;padding:18px}.bb-hero>div{min-width:0}.bb-eyebrow{margin:0 0 8px;color:#e2b56a;font-size:.78rem;font-weight:900;letter-spacing:0}.bb-hero h1{margin:0;color:#fff8e8;font-size:clamp(2.1rem,8vw,4.2rem);line-height:.98;letter-spacing:0}.bb-hero p:not(.bb-eyebrow){max-width:620px;margin:10px 0 0;color:#d9cfba;font-weight:700;line-height:1.58;word-break:keep-all}.bb-exit-link{display:inline-grid;min-height:38px;flex:0 0 auto;max-width:100%;place-items:center;border:1px solid rgba(216,170,92,.32);border-radius:8px;padding:8px 12px;color:#fff3dc;font-size:.86rem;font-weight:900;text-decoration:none}.bb-stage{display:grid;gap:12px;padding:12px}.bb-scorebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bb-scorebar span{display:grid;min-width:0;gap:3px;border:1px solid rgba(255,248,231,.12);border-radius:8px;padding:8px;background:#fff8e714;color:#d9cfba;font-size:.78rem;font-weight:800}.bb-scorebar strong{color:#fff8e8;font-size:1rem}.bb-board-wrap{position:relative;width:min(100%,390px);margin:0 auto;overflow:hidden;border:1px solid rgba(216,170,92,.34);border-radius:8px;background:#09256b;box-shadow:0 20px 56px #00000061,0 0 0 1px #ffffff14}.bb-board{display:block;width:100%;aspect-ratio:390 / 620;touch-action:none}.bb-overlay{position:absolute;inset:72px 18px auto;display:grid;gap:4px;border:1px solid rgba(216,170,92,.32);border-radius:8px;padding:12px;background:#07100fd6;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bb-overlay strong{color:#fff8e8;font-size:1.12rem}.bb-overlay span{color:#d9cfba;font-size:.9rem;font-weight:700}.bb-controls{display:grid;grid-template-columns:52px minmax(0,1fr) 52px minmax(82px,auto);gap:8px}.bb-controls button{min-height:46px;border:1px solid rgba(216,170,92,.28);border-radius:8px;background:#fff8e71c;color:#fff8e8;font-weight:900;cursor:pointer}.bb-controls button:hover,.bb-controls button:focus-visible,.bb-exit-link:hover,.bb-exit-link:focus-visible{border-color:#d8aa5c9e;background:#fff8e72e;outline:none}.bb-controls .bb-primary{background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%),#b85b3e;color:#fff8e8}.bb-help{margin:0;color:#d9cfba;font-size:.88rem;font-weight:700;line-height:1.5;text-align:center}.bb-ad-slot{position:relative;display:grid;min-height:104px;place-items:center;overflow:hidden}.bb-ad-slot .adsbygoogle{width:100%;min-height:96px}@media(min-width:840px){.bb-app{padding:28px 20px 42px}.bb-shell{grid-template-columns:minmax(300px,.8fr) minmax(390px,1fr);align-items:start}.bb-hero,.bb-ad-slot{grid-column:1}.bb-stage{grid-column:2;grid-row:1 / span 2}.bb-hero{min-height:240px;flex-direction:column}}@media(max-width:520px){.bb-app{padding:12px 10px 24px}.bb-hero{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.bb-hero h1{font-size:clamp(2rem,13vw,3rem)}.bb-exit-link{align-self:start;min-height:34px;padding:7px 10px}.bb-scorebar{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-board-wrap{width:min(100%,342px)}.bb-overlay{inset:64px 14px auto}.bb-controls{grid-template-columns:46px minmax(0,1fr) 46px}.bb-controls button:last-child{grid-column:1 / -1}}