:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#283756;color:#fff;--panel:#344674;--blue:#1d4268;--muted:#b5c8e0;--green:#86ad23}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #89d4ff;outline-offset:3px}button{transition:filter .18s,background .18s}button:hover{filter:brightness(1.13)}button:active{filter:brightness(.95)}.brandbar{background:var(--blue);padding:18px 24px}.brand{max-width:1440px;margin:auto;display:flex;align-items:center;gap:18px}.logo{width:148px;height:auto}.flag{width:34px;height:34px}main{max-width:1488px;margin:auto;padding:20px 24px 36px}.toolbar{display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px}.search{width:360px;display:flex;align-items:center;background:var(--panel);border-radius:7px;padding-left:12px;gap:8px}.search>span{font-size:28px;color:var(--muted)}.search input{width:100%;min-width:0;background:none;border:0;color:white;padding:12px 0;outline-offset:0}.search input::placeholder{color:#c3cee2}.search button,.filter{background:#276aa5;border-radius:6px;padding:12px 16px}.filter span{margin-right:8px}.banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.banner{position:relative;overflow:hidden;border-radius:8px;text-align:left;padding:0;background:#05699e;min-width:0;height:202px}.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-copy{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:24px 30px;text-shadow:0 1px 3px #00385c}.banner-copy small{font-size:12px}.banner-copy strong{font-size:22px;max-width:60%}.banner-copy>span:not(.play){font-size:13px;max-width:55%}.play{background:var(--green);padding:8px 24px;border-radius:7px;font-size:13px;text-shadow:none}.catalog{background:#22314b;border-radius:9px;padding:14px}.categories{display:flex;align-items:stretch;gap:8px;margin-bottom:12px;border-bottom:1px solid #435373;overflow-x:auto}.categories button{white-space:nowrap;background:none;padding:13px 16px;color:#d4dfee;border-bottom:3px solid transparent;font-size:16px}.categories button span:first-child{margin-right:6px}.categories .active{border-bottom-color:var(--green);color:#fff}.categories .sort{margin-left:auto;background:var(--panel);border-radius:7px 7px 0 0;display:flex;gap:14px;align-items:center}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.game-card{display:block;padding:0;min-width:0;background:var(--panel);border-radius:6px;overflow:hidden;text-align:left;position:relative}.game-art{position:relative;display:block;aspect-ratio:1.6667;overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.game-card:hover img{transform:scale(1.045)}.badge{position:absolute;top:7px;right:0;background:#3414e8;font-size:10px;padding:4px 12px;border-radius:0 0 0 8px}.game-title{display:block;padding:10px 9px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-play{position:absolute;inset:0;display:grid;place-items:center;background:#09182a66;opacity:0;transition:opacity .2s}.hover-play span{background:var(--green);padding:9px 25px;border-radius:5px;font-size:13px}.game-card:hover .hover-play,.game-card:focus-visible .hover-play{opacity:1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-heading h2{font-size:19px;margin:0}.section-heading button{background:transparent;color:var(--muted);font-size:13px}.section-heading button span{font-size:20px;margin-left:8px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.event{background:#2d4268;border-radius:7px;overflow:hidden}.event-image{display:block;width:100%;padding:0;background:#203453;position:relative}.event-image img{display:block;width:100%;aspect-ratio:2.2;object-fit:cover}.live{position:absolute;top:10px;left:10px;background:#183e2e;color:#a2e874;font-size:10px;letter-spacing:1px;padding:5px 9px;border-radius:4px}.event-info{padding:14px}.event-info h3{font-size:14px;margin:0 0 9px}.prize{font-size:25px;font-weight:bold;margin:0 0 12px}.prize small{display:block;color:var(--muted);font-size:10px;font-weight:normal;letter-spacing:1px;margin-bottom:5px}.event-info>button{width:100%;border-radius:5px;background:#276aa5;padding:11px;font-size:12px}.show-more{display:block;background:#276aa5;border-radius:6px;padding:13px 40px;margin:24px auto 0;font-size:13px}.show-more span{margin-left:14px}#emptyState{text-align:center;color:var(--muted);padding:25px}dialog{color:#fff;background:#233956;border:1px solid #4b6484;border-radius:20px;padding:36px 28px 24px;width:min(420px,calc(100% - 32px));box-shadow:0 30px 90px #0008;text-align:center}dialog::backdrop{background:#081529cc;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;background:transparent;color:#afc4da;font-size:28px;width:36px;height:36px}.status-icon{width:64px;height:64px;margin:4px auto 25px;border:4px solid #3b5274;border-top-color:#43b9ff;border-radius:50%;animation:spin 1s linear infinite;display:grid;place-items:center;font-size:34px;color:#a7d94c}.status-icon.complete,.status-icon.success{animation:none;border-color:#8ebd36}.status-copy h2{font-size:21px;margin:0 0 12px}.status-copy p{font-size:14px;line-height:1.5;color:#b9cce1;min-height:42px;margin:0}.selected-game{font-size:13px;color:#d4e7fa;background:#1b2e49;padding:10px;border-radius:6px;margin:16px 0 22px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#bdd0e5;margin-bottom:10px}.progress-label strong{color:white}progress{display:block;width:100%;height:7px;border:0;border-radius:7px;overflow:hidden;background:#152940;accent-color:#59bafa}progress::-webkit-progress-bar{background:#152940}progress::-webkit-progress-value{background:linear-gradient(90deg,#198fe4,#7acfff);border-radius:7px}progress::-moz-progress-bar{background:#59bafa}.phases{display:flex;list-style:none;margin:18px 0 24px;padding:0;justify-content:space-between;gap:8px;font-size:10px;color:#819bb7}.phases li.active{color:#83cdff}.phases li.complete,.phases li.done{color:#a5d858}.demo-note{margin:0;color:#8da5bf;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#254b34;border:1px solid #81b65d;border-radius:9px;box-shadow:0 8px 30px #0005;z-index:20;white-space:nowrap;font-size:14px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.banner{height:235px}.banner-copy{padding:35px}.banner-copy strong{font-size:26px}}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.banners{grid-template-columns:1fr}.secondary{display:none}.banner{height:200px}.banner-copy{padding:28px 7%}.event-image img{aspect-ratio:1.9}}@media(max-width:650px){.brandbar{padding:15px 16px}.logo{width:129px}.flag{width:30px;height:30px}.brand{gap:14px}main{padding:14px 10px 24px}.toolbar{gap:8px;margin-bottom:12px}.search{width:100%}.search input{padding:11px 0;font-size:13px}.search button{padding:11px 12px;font-size:12px}.filter{padding:10px;font-size:12px}.filter span{display:none}.banner{height:166px}.banner>img{object-position:64% center}.banner-copy{padding:22px 20px;gap:9px}.banner-copy strong{font-size:18px}.banner-copy>span:not(.play){font-size:11px}.banner-copy small{font-size:10px}.play{padding:7px 20px;font-size:12px}.banners{margin-bottom:12px}.catalog{padding:8px}.categories{gap:2px;margin-bottom:10px}.categories button{font-size:12px;padding:11px 8px}.categories .sort{gap:0;padding:10px}.categories .sort span{display:none}.categories button:nth-child(3){display:none}.game-grid{grid-template-columns:minmax(0,1fr);gap:12px}.game-title{font-size:15px;padding:12px;white-space:normal;line-height:1.4}.badge{font-size:11px;padding:5px 14px;top:8px}.event-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.event{flex:0 0 76%;scroll-snap-align:start}.event-image img{aspect-ratio:2}.event-info{padding:12px}.section-heading{margin-top:20px}.section-heading h2{font-size:16px}.hover-play{display:none}}@media(max-width:360px){.game-grid{grid-template-columns:minmax(0,1fr)}.categories button{font-size:11px}.banner-copy strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.status-icon{animation-duration:2.5s}}
.status-icon.is-done{animation:none;border-color:#8ebd36}.phases li.is-active{color:#83cdff}.phases li.is-complete{color:#a5d858}

/* Language selector and registration preview */
.brand{justify-content:space-between}.language-tabs{display:flex;gap:3px;background:#153555;padding:4px;border-radius:9px}.language-tabs button{background:transparent;border-radius:6px;padding:9px 12px;font-size:13px;color:#bdd0e5}.language-tabs button[aria-pressed=true]{background:#3182be;color:#fff;box-shadow:0 2px 8px #0002}.signup-promo{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#214f76,#1d4268);border:1px solid #60863b;border-left:4px solid #a9d744;border-radius:10px;padding:22px 24px;margin-bottom:18px}.signup-promo>div{display:flex;align-items:center;gap:18px}.gift-symbol{color:#c4ec70;font-size:42px}.signup-promo h1{margin:0 0 6px;font-size:26px;color:#d7f49b}.signup-promo p{margin:0;color:#c4d9ec;font-size:14px;line-height:1.5}.signup-promo>button,.register-submit{background:#86ad23;color:white;border-radius:7px;padding:13px 23px;font-weight:bold}.signup-promo>button{flex-shrink:0}.signup-promo>button span{margin-left:12px}.registration-mark{color:#c7eb7c;font-size:40px}#registrationDialog h2{font-size:24px;margin:10px 0}.registration-intro{color:#bdd0e5;font-size:14px;line-height:1.5}#registrationForm{text-align:left;margin-top:24px}#registrationForm label{display:block;font-size:13px;margin:16px 0 8px;color:#d5e3f1}#registrationForm input{background:#172d48;border:1px solid #4b6686;border-radius:7px;color:white;min-width:0;width:100%;padding:13px 12px;font-size:14px}#registrationForm input::placeholder{color:#90a9c3}.code-row{display:flex;gap:8px}.code-row input{flex:1;width:0!important}.code-row button{background:#276aa5;border-radius:7px;padding:10px 12px;font-size:12px;min-width:105px;max-width:48%}.code-row button:disabled{background:#3b4e67;color:#a5bbd2;cursor:default}.register-submit{width:100%;font-size:15px}#registrationFeedback{font-size:12px;color:#c5dcf2;line-height:1.6;min-height:20px}#registrationFeedback.success{color:#b5e473}.registration-note{color:#9cb4ce;font-size:11px;line-height:1.6;margin:18px 0 0}.categories .sort span[data-unused]{display:none}@media(max-width:650px){.brand{gap:8px}.logo{width:105px}.language-tabs button{padding:8px;font-size:11px}.signup-promo{padding:17px 16px;align-items:stretch;flex-direction:column;gap:14px}.signup-promo h1{font-size:23px}.signup-promo>div{gap:12px}.signup-promo p{font-size:12px}.signup-promo>button{width:100%;padding:12px}.gift-symbol{font-size:34px}#registrationDialog{padding:30px 20px 22px;max-height:calc(100dvh - 32px);overflow:auto}html[lang=de] .categories button{font-size:11px;padding-left:5px;padding-right:5px}}