/*! Copyright (c) 1988-2026 Daniel Hedrick. ChesSphere(TM). m0193: start flow, Observatory look. Scoped to #newGameBox .sfUi. */
#newGameBox .sfUi{margin:10px 0;font-family:Inter,system-ui,sans-serif}
#sfRealBtn{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border-radius:12px;border:1px solid #c9a65a;background:linear-gradient(135deg,#1a2548,#101832);color:#ece6d6;text-align:left;cursor:pointer}
#sfRealBtn .sfRb{display:flex;flex-direction:column;gap:2px;flex:1 1 auto}
#sfRealBtn b{font:600 17px Cinzel,Georgia,serif;letter-spacing:.06em;color:#dcc17c}
#sfRealBtn span span,#sfRealBtn .sfRb>span{font-size:13px;color:#b9c1dc;font-weight:400}
#sfRealBtn i{font-style:normal;font-size:26px;color:#c9a65a}
#sfRealBtn.on{background:#c9a65a;color:#15110a}
#sfRealBtn.on b,#sfRealBtn.on .sfRb>span,#sfRealBtn.on i{color:#15110a}
#sfRealOpts{margin-top:8px;padding:8px 10px;border-radius:10px;border:1px solid #2b3760;background:#0d1430}
#sfRealOpts[hidden]{display:none}
.sfLbl{font:600 12px Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9aa4c4;margin:8px 0 6px}
.sfLbl small{text-transform:none;letter-spacing:0;font-weight:400;color:#8c96b4;margin-left:6px}
.sfRow{display:flex;flex-wrap:wrap;gap:6px}
.sfRow.sfScroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.sfChip{flex:none;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid #2b3760;background:#16203f;color:#ece6d6;font:500 14px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.sfChip:hover{border-color:#c9a65a}
.sfChip.on{background:rgba(201,166,90,.18);border-color:#c9a65a;color:#dcc17c;font-weight:600}
.sfNote{margin:8px 0 0;font-size:12.5px;color:#8c96b4}
html.tablet .sfChip,body.mob .sfChip{min-height:44px}