@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#102747;background:#f8fafc;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1240px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e3e9;padding:0 30px}.brand{font-size:42px;font-weight:800;color:#092652;display:flex;align-items:center;gap:12px}.brand span{font-size:16px;color:#102747}nav{display:flex;gap:32px;font-size:14px}.date{font-size:14px;color:#53647d}main{max-width:1240px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding:65px 0 60px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#53647d}h1{font-family:Manrope,sans-serif;font-size:76px;font-weight:800;letter-spacing:-4px;line-height:1.08;margin:22px 0}h1 em{font-style:normal;color:#092652}.intro>p{font-size:19px;line-height:1.65;color:#53647d}.age{display:flex;gap:14px;align-items:center;margin-top:30px}.star{font-size:36px;color:#bf9000}.age strong,.age div>span{display:block;font-size:14px}.age div>span{color:#53647d;margin-top:5px}.count-panel{background:#092652;color:white;padding:35px;border-radius:28px;position:relative;box-shadow:12px 12px 0 #f4cf22}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px}.panel-top>span:last-child{font-size:32px;color:#ffdc32}.count-panel h2{font:600 42px Manrope,sans-serif;letter-spacing:-1px;margin:22px 0 30px}.countdown{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:10px}.countdown div{background:#ffffff16;border:1px solid #ffffff25;border-radius:14px;padding:20px 4px;text-align:center}.countdown b{font-size:38px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-2px}.countdown span{display:block;font-size:14px;margin-top:8px;color:#d6e1f2}.birthday{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:25px;margin-top:28px;font-size:14px}.note{font-size:14px;line-height:1.6;color:#d6e1f2;margin:25px 0 0}.journey{padding:30px 0 40px;border-bottom:1px solid #e5e3e9}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;margin:12px 0 24px}.pill{border:1px solid #cdd9eb;padding:10px 16px;border-radius:30px;color:#092652;font-size:14px}.track{height:8px;background:#e1e8f2;border-radius:10px;margin:15px 0 22px;overflow:hidden}.track div{height:100%;background:#092652;border-radius:10px}.milestones{display:flex;justify-content:space-between}.milestones>div{display:flex;flex-direction:column;gap:6px;font-size:14px}.milestones strong{font-size:20px}.milestones small{color:#5d6f88;font-size:12px}.milestones>div:last-child{text-align:right}.current{color:#092652}.games{padding:45px 0 55px}.game-note{font-size:14px;color:#5d6f88}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{border:0;border-radius:20px;text-align:left;padding:26px;display:flex;flex-direction:column;color:#102747;transition:transform .2s}.game-card:hover{transform:translateY(-5px)}.peach{background:#ffdc32}.green{background:#fff0a4}.lilac{background:#dce7f7}.game-number{font-size:12px;letter-spacing:1px}.game-symbol{font-size:54px;margin:12px 0;line-height:1}.game-card strong{font:800 24px Manrope,sans-serif;margin-bottom:9px}.game-card>span:not(.game-symbol):not(.game-number){font-size:14px}.play{margin-top:30px;display:flex;justify-content:space-between;border-top:1px solid #10274720;padding-top:18px;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e3e9;padding:25px 0 30px;font-size:12px;color:#5d6f88}footer>span:first-child{font-weight:700;color:#102747}dialog{width:min(680px,94vw);border:0;border-radius:24px;padding:28px;background:#f8fafc;color:#102747}dialog::backdrop{background:#061a39bb;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{margin:0}.dialog-header button{border:0;background:#dce7f7;width:38px;height:38px;border-radius:50%}dialog p{font-size:14px;line-height:1.5;color:#53647d}.game-bar{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.game-bar button,#touchControls button{border:0;background:#092652;color:white;border-radius:10px;padding:12px 16px}canvas{width:100%;border-radius:14px;background:#eaf0f8;touch-action:none}#memoryBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#memoryBoard button{height:80px;border:0;border-radius:12px;font-size:30px;background:#092652;color:white}#memoryBoard .revealed{background:#fff0a4;color:#102747}#touchControls{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #b38b00;outline-offset:4px}@media(max-width:800px){header{height:80px}.date{display:none}.hero{gap:30px;padding:40px 0;grid-template-columns:1fr}h1{font-size:62px}.intro>p br{display:none}.count-panel{padding:28px}.game-grid{grid-template-columns:1fr}.game-card{padding:24px}.game-symbol{margin:10px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}.game-note{display:none}.milestones{gap:12px}.milestones>div{max-width:33%}footer{flex-wrap:wrap;gap:8px}footer p{width:100%;order:3}.countdown b{font-size:34px}.birthday{gap:10px}.pill{white-space:nowrap;font-size:12px;padding:8px}main,header{padding-left:20px;padding-right:20px}nav{gap:18px}.brand span{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.fan-badge{display:inline-flex;align-items:center;gap:10px;margin:8px 0 0;padding:10px 16px;background:#ffdc32;color:#092652;border-radius:30px;font-size:14px;font-weight:700}.brand{background:linear-gradient(90deg,#092652 50%,#ffdc32 50%);background-clip:text;-webkit-background-clip:text}.count-panel{border-top:6px solid #ffdc32}.countdown b{color:#ffdc32}.track div{background:repeating-linear-gradient(90deg,#092652 0 24px,#ffdc32 24px 48px)}.game-card.green{background:#092652;color:#fff}.game-card.green .game-symbol{color:#ffdc32}.game-card.green .play{border-top-color:#ffffff30}.game-card.lilac .game-symbol{color:#092652}#memoryBoard .revealed{background:#ffdc32;color:#092652}

@media(max-width:480px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}.brand{font-size:36px}.brand span{font-size:14px}nav{width:100%;justify-content:flex-end}h1{font-size:54px;letter-spacing:-2px}}
.fixtures{padding:45px 0;border-bottom:1px solid #e5e3e9}.fixture-intro{color:#53647d;line-height:1.6;margin-top:0}.fixture-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.fixture-controls label{font-size:14px;display:flex;gap:12px;align-items:center}.fixture-controls select{font:inherit;background:white;color:#092652;border:1px solid #b7c9df;padding:12px;border-radius:10px}.fixture-controls #fixtureUpdate{font-size:14px;color:#53647d}.fixture-row{display:grid;grid-template-columns:125px 1fr 90px 155px;gap:18px;align-items:center;padding:22px 18px;border-bottom:1px solid #dce7f7;background:white}.fixture-row:first-child{border-radius:15px 15px 0 0}.fixture-row:last-child{border-radius:0 0 15px 15px}.fixture-row.attended{background:#fff6c7;border-left:4px solid #ffdc32}.fixture-date strong,.fixture-teams strong,.fixture-result strong{display:block;font-size:16px}.fixture-date span,.fixture-teams span,.fixture-result span{display:block;font-size:14px;color:#53647d;margin-top:7px}.fixture-result{text-align:center}.fixture-result strong{font-size:22px;font-variant-numeric:tabular-nums}.fixture-attendance{font-size:14px;text-align:right}.fixture-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.fixture-button{background:#092652;color:white;border:0;border-radius:10px;padding:12px 18px;font-size:14px}.admin-link{font-size:14px;text-decoration:underline;margin-left:auto}.fixture-source{font-size:12px;color:#53647d;line-height:1.6}.fixture-source a{text-decoration:underline}.fixture-empty{padding:24px;background:#eaf0f8;border-radius:15px}@media(max-width:700px){.fixture-row{grid-template-columns:80px 1fr 60px;gap:10px;padding:18px 12px}.fixture-attendance{grid-column:2/4;text-align:left}.fixture-teams strong,.fixture-date strong{font-size:14px}.fixtures .section-heading{flex-wrap:wrap}.fixture-controls #fixtureUpdate{line-height:1.5}}

/* Almira Eylül’s Fenerbahçe corner */
.fixtures{padding:0;border:1px solid #cdd9eb;border-radius:26px;overflow:hidden;margin-bottom:48px;background:#eef3fa;scroll-margin-top:20px}.fan-banner{display:grid;grid-template-columns:.9fr 1.1fr;background:#092652;color:#fff;border-bottom:8px solid #ffdc32}.fan-banner-copy{padding:34px 38px}.club-crest{display:block;width:88px;height:88px;margin-bottom:24px;background:white;border-radius:50%;padding:4px}.fan-banner .eyebrow{color:#ffdc32;font-size:12px;letter-spacing:1.5px}.fan-banner h2{font-size:42px;line-height:1.15;letter-spacing:-1px;margin:16px 0}.fan-banner h2 em{font-style:normal;color:#ffdc32}.fan-banner p{font-size:16px;line-height:1.7;color:#d6e1f2;margin-bottom:0}.fan-banner-photo{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:45% center}.fixture-content{padding:30px}.fixture-content .section-heading h2{margin-bottom:16px}.fixture-content .pill{background:#ffdc32;border-color:#ffdc32;font-weight:700}.fixture-teams strong{display:flex;align-items:center;gap:10px}.fixture-teams strong img{flex:none;object-fit:contain}.fixture-row.attended{border-left:5px solid #ffdc32;background:#fff3ad}.fixture-attendance{font-weight:600}.fixture-source{margin-bottom:0}.games{padding-bottom:48px}#oyunlar,#geri-sayim{scroll-margin-top:20px}@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}.fan-banner-copy{padding:28px}.fan-banner h2{font-size:34px}.fixture-content{padding:24px 18px}.fan-banner-photo{min-height:320px}}@media(max-width:600px){.fan-banner{grid-template-columns:1fr}.fan-banner-copy{position:relative;padding:26px 24px}.club-crest{width:72px;height:72px;position:absolute;right:22px;top:28px;margin:0}.fan-banner .eyebrow{display:block;max-width:65%;line-height:1.6}.fan-banner h2{font-size:34px}.fan-banner-photo{height:195px;min-height:0;object-position:center 44%}.fixture-content{padding:22px 12px}.fixture-teams strong{align-items:flex-start;gap:6px;line-height:1.5}.fixture-teams strong img{width:23px;height:23px}.fixtures{border-radius:20px}.fixture-controls label{width:100%}}

.calendar-countdown{font-family:Manrope,sans-serif;font-size:clamp(22px,3.5vw,34px);font-weight:700;line-height:1.4;letter-spacing:-.5px;margin:24px 0 28px;color:#ffdc32;font-variant-numeric:tabular-nums}
.theme-picker{display:flex;align-items:center;gap:8px;font-size:14px;color:#53647d}.theme-picker select{font:inherit;border:1px solid #b7c9df;border-radius:10px;padding:10px 12px;background:white;color:#092652;min-height:42px}body{transition:background-color .2s,color .2s}html[data-theme="dark"]{color:#e5edf8;background:#091426}html[data-theme="dark"] header,html[data-theme="dark"] .journey,html[data-theme="dark"] footer{border-color:#2a3e58}html[data-theme="dark"] .brand span,html[data-theme="dark"] footer>span:first-child{color:#e5edf8}html[data-theme="dark"] h1 em,html[data-theme="dark"] .brand,html[data-theme="dark"] .current{color:#ffdc32}html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .intro>p,html[data-theme="dark"] .age div>span,html[data-theme="dark"] .milestones small,html[data-theme="dark"] .game-note,html[data-theme="dark"] footer,html[data-theme="dark"] .theme-picker{color:#adbed5}html[data-theme="dark"] .count-panel{background:#122f5b;box-shadow:12px 12px 0 #5a501c}html[data-theme="dark"] .track{background:#293a54}html[data-theme="dark"] .pill{color:#ffdc32;border-color:#52637a}html[data-theme="dark"] .theme-picker select{background:#17263d;color:#eef4fc;border-color:#52637a}html[data-theme="dark"] .game-card.green{background:#163761;border:1px solid #3b587b}html[data-theme="dark"] .game-card.lilac{background:#263e5b;color:#eef4fc}html[data-theme="dark"] .game-card.lilac .game-symbol{color:#ffdc32}html[data-theme="dark"] .game-card.lilac .play{border-color:#53647d}html[data-theme="dark"] .fixtures{background:#101f35;border-color:#344c6b}html[data-theme="dark"] .fixture-content .pill{color:#092652}html[data-theme="dark"] .fixture-intro,html[data-theme="dark"] .fixture-controls #fixtureUpdate,html[data-theme="dark"] .fixture-date span,html[data-theme="dark"] .fixture-teams span,html[data-theme="dark"] .fixture-result span,html[data-theme="dark"] .fixture-source{color:#adbed5}html[data-theme="dark"] .fixture-controls select{background:#17263d;color:#eef4fc;border-color:#52637a}html[data-theme="dark"] .fixture-row{background:#17263d;border-color:#344c6b}html[data-theme="dark"] .fixture-row.attended{background:#3b351c;color:#fff2bb}html[data-theme="dark"] .fixture-empty{background:#17263d}html[data-theme="dark"] dialog{background:#101f35;color:#eef4fc}html[data-theme="dark"] dialog p{color:#adbed5}html[data-theme="dark"] .dialog-header button{background:#263e5b;color:#eef4fc}html[data-theme="dark"] .fixture-button,html[data-theme="dark"] .game-bar button,html[data-theme="dark"] #touchControls button{background:#ffdc32;color:#092652}html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] select:focus-visible{outline:3px solid #ffdc32;outline-offset:4px}@media(max-width:800px){header .theme-picker{margin-left:auto}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){body{transition:none}}
#numberBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#cdd9eb;padding:12px;border-radius:14px;max-width:420px;margin:0 auto}.number-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eaf0f8;font-size:clamp(20px,5vw,36px);font-weight:800;font-variant-numeric:tabular-nums}#numberBoard[hidden],#memoryBoard[hidden],canvas[hidden]{display:none!important}[data-extra-game="2048"] .game-symbol{font-size:36px;font-weight:800;line-height:1.5}html[data-theme="dark"] #numberBoard{background:#263e5b}html[data-theme="dark"] .number-tile:not(.occupied){background:#17263d}

/* Alternating club colours stay consistent in both themes. */
.game-grid .game-card{position:relative;border:1px solid transparent}.game-grid .game-card:nth-child(odd),html[data-theme="dark"] .game-grid .game-card:nth-child(odd){background:#ffdc32;color:#092652;border-color:#ffdc32}.game-grid .game-card:nth-child(even),html[data-theme="dark"] .game-grid .game-card:nth-child(even){background:#092652;color:#fff;border-color:#345782}.game-grid .game-card:nth-child(odd) .game-symbol,html[data-theme="dark"] .game-grid .game-card:nth-child(odd) .game-symbol{color:#092652}.game-grid .game-card:nth-child(even) .game-symbol,html[data-theme="dark"] .game-grid .game-card:nth-child(even) .game-symbol{color:#ffdc32}.game-grid .game-card:nth-child(odd) .play,html[data-theme="dark"] .game-grid .game-card:nth-child(odd) .play{border-color:#09265230}.game-grid .game-card:nth-child(even) .play,html[data-theme="dark"] .game-grid .game-card:nth-child(even) .play{border-color:#ffffff35}.game-crest{position:absolute;right:22px;top:20px;width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.game-number{padding-right:60px;min-height:32px;line-height:1.5}.game-grid .game-card .game-crest{pointer-events:none}

#boardGames[hidden]{display:none!important}#boardGames{display:grid;gap:8px;margin:12px auto;max-width:420px}.xox-grid{grid-template-columns:repeat(3,1fr)}.mine-grid{grid-template-columns:repeat(8,1fr)}#boardGames button{aspect-ratio:1;border:1px solid #b7c9df;border-radius:8px;background:#092652;color:#ffdc32;font-size:24px;font-weight:800;min-width:0;padding:0}.xox-grid button{font-size:48px!important}.xox-grid button.cross{background:#ffdc32!important;color:#092652!important}#boardGames button.opened{background:#eaf0f8;color:#092652}#boardGames button:disabled{cursor:default;opacity:1}@media(max-width:450px){.mine-grid{gap:4px!important}.mine-grid button{font-size:18px!important}}

.brand{background:none;font-size:inherit}.aeb-logo{display:block;width:58px;height:58px;flex:none}.brand span{font-size:16px;font-weight:700}@media(max-width:480px){.aeb-logo{width:48px;height:48px}.brand{gap:8px}.brand span{font-size:14px}.theme-picker{gap:5px}.theme-picker select{padding:9px 7px}header{gap:8px}.theme-picker>span{display:none}}
.game-grid .platform-card{grid-column:1/-1}.platform-card .game-symbol{font-size:50px}.platform-card .play{margin-top:20px}
.game-grid .game-card>.game-record{display:block;align-self:flex-start;font-size:14px;font-weight:700;padding:9px 12px;border-radius:9px;margin-top:20px;background:#09265212;color:inherit}.game-grid .game-card:nth-child(even)>.game-record{background:#ffffff15;color:#ffdc32}.game-privacy{font-size:14px;line-height:1.6;color:#53647d;margin:0 0 24px;max-width:900px}html[data-theme="dark"] .game-privacy{color:#adbed5}
#gameDialog{touch-action:manipulation}#gameDialog button{touch-action:manipulation;user-select:none;-webkit-user-select:none}#gameDialog canvas,#memoryBoard,#numberBoard,#boardGames,#touchControls button{touch-action:none}html.game-open,html.game-open body{overflow:hidden;overscroll-behavior:none}dialog.mobile-game{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:14px;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));overscroll-behavior:none;overflow-y:auto}dialog.mobile-game .dialog-header h2{font-size:22px;letter-spacing:-.5px}dialog.mobile-game #instructions{font-size:14px;margin:12px 0;line-height:1.4}dialog.mobile-game .game-bar{margin:12px 0;gap:10px;font-size:14px}dialog.mobile-game canvas{display:block;margin:auto;width:min(100%,calc((100dvh - 245px)*2));height:auto;max-width:100%;aspect-ratio:2/1}dialog.mobile-game #memoryBoard{max-width:480px;margin:auto;gap:8px}dialog.mobile-game #memoryBoard button{height:clamp(44px,12dvh,80px)}dialog.mobile-game #numberBoard{width:min(100%,calc(100dvh - 240px));max-width:420px}dialog.mobile-game #boardGames{width:min(100%,calc(100dvh - 240px))}dialog.mobile-game #touchControls{margin-top:12px;gap:10px}dialog.mobile-game #touchControls button{min-height:48px;min-width:65px}dialog.mobile-game .dialog-header button{min-width:44px;min-height:44px}@media(max-height:500px) and (orientation:landscape){dialog.mobile-game{padding:10px 16px;display:flex;flex-direction:column}dialog.mobile-game #instructions{display:none}dialog.mobile-game .dialog-header h2{font-size:18px}dialog.mobile-game .dialog-header button{min-height:34px;min-width:34px;height:34px;width:34px}dialog.mobile-game .game-bar{margin:5px 0}dialog.mobile-game canvas{width:min(100%,calc((100dvh - 145px)*2));height:auto;min-height:0}dialog.mobile-game #numberBoard,dialog.mobile-game #boardGames{width:min(100%,calc(100dvh - 130px))}dialog.mobile-game #memoryBoard{width:100%;max-width:600px;grid-template-columns:repeat(8,1fr)}dialog.mobile-game #memoryBoard button{height:60px}dialog.mobile-game #touchControls{margin-top:7px}dialog.mobile-game #touchControls button{min-height:40px;padding:8px 14px}}

#gameFullscreen[hidden]{display:none!important}.game-bar{flex-wrap:wrap;gap:8px}.game-bar #gameFullscreen{margin-left:auto}

.language-picker{display:flex;align-items:center;gap:5px;font-size:14px}.language-picker select{font:inherit;border:1px solid #cdd9eb;border-radius:10px;background:#fff;color:#102747;padding:9px 7px;max-width:120px}html[data-theme="dark"] .language-picker select{background:#142b49;color:#fff;border-color:#345782}header{gap:16px;flex-wrap:wrap;height:auto;min-height:100px;padding-top:16px;padding-bottom:16px}header .brand{margin-right:auto}header nav{gap:18px}@media(max-width:650px){header{gap:10px}header .brand{width:100%}header nav{order:4;width:100%;justify-content:center;gap:18px}header .theme-picker{margin-left:0}.language-picker{margin-left:auto}}

html[lang="bg"] h1{letter-spacing:-1px}html[lang="bg"] .intro>p br,html[lang="en"] .intro>p br,html[lang="de"] .intro>p br{display:initial}