/* Bugün first on a phone (28. tur, start-sheet.js). Hidden on wider screens and whenever the head script set no-start.
   While it is up, the map is loaded but not painted, so the first screen is this light page. */
.start-sheet{display:none}
@media(max-width:650px){
 html:not(.no-start) .start-sheet{position:fixed;inset:0;z-index:22;display:flex;flex-direction:column;gap:14px;overflow:auto;padding:calc(14px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));background:#15202b;background:linear-gradient(180deg,#1b2a3a 0%,#15202b 55%);color:#f4f1ea;font:15px/1.55 system-ui,-apple-system,sans-serif}
 html:not(.no-start) .start-sheet[hidden]{display:none}
 html:not(.no-start) #world{visibility:hidden}
}
.start-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}
.start-brand{display:inline-flex;align-items:center;gap:8px;font:600 14px Georgia,serif;letter-spacing:.08em}
.start-brand img{display:block;height:32px;width:auto}
.start-top a,.start-top .start-guide{min-height:44px;display:inline-flex;align-items:center;color:#f4f1ea;font-size:13px;font-weight:600;text-decoration:none}
.start-top .start-guide{gap:7px;padding:0 13px 0 4px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff14;cursor:pointer;font-family:inherit}
.start-sheet .eyebrow{margin:10px 0 0;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.14em;color:#ecc27f}
.start-sheet h2{margin:0;font:500 30px/1.15 Georgia,serif}
.start-line{margin:0;font-size:15px;color:#c6ced6}
.start-today{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 18px;border-radius:14px;background:#ecc27f;color:#1b1407;font-weight:700;font-size:16px;text-decoration:none}
.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.start-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;padding:8px 4px;border-radius:12px;border:1px solid #3a4b5c;background:#1f2d3b;color:#f4f1ea;font-size:13px;font-weight:650;text-decoration:none;text-align:center}
.start-grid a>span{font-size:20px;color:#ecc27f}
.start-grid small{font-size:11px;font-weight:500;color:#c6ced6}
.start-city{margin-top:auto;min-height:52px;border-radius:14px;border:1px solid #6aa6bd;background:#2e6c85;color:#fff;font:700 15px system-ui,-apple-system,sans-serif;cursor:pointer}
.start-map{margin:-6px 0 0;text-align:center;font-size:12px;color:#c6ced6}
.start-sheet :focus-visible{outline:3px solid #f2cd92;outline-offset:2px}
/* The last exam's notice still comes first; over the sheet it sits in the free space above “Şehre gir”, not over the title. */
@media(max-width:650px){body.start-on .exam-news{top:auto;bottom:calc(104px + env(safe-area-inset-bottom))}}
.start-top .start-guide img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:#0004}.start-top .start-guide img:not([src]){display:none}