:root{--entry-green:#81b843;--entry-paper:#fafafa;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#080808;color:var(--entry-paper)}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--entry-green);outline-offset:5px}.entry-backdrop{position:fixed;inset:0;z-index:35;background:#080808}.entry-backdrop img{width:100%;height:100%;object-fit:cover}.entry-scrim{position:absolute;inset:0;background:url(scrim.png) repeat}.chooser{position:fixed;inset:0;z-index:40;overflow:auto;font-family:'Montserrat Bold',Arial,sans-serif}.chooser-inner{width:min(1080px,100%);min-height:100%;margin:auto;padding:clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:clamp(30px,6vh,64px)}.chooser h1{text-align:center;margin:0;font-size:clamp(20px,2.3vw,30px);line-height:1.3;letter-spacing:.025em}.chooser h1 span{display:block}.chooser h1 [lang=en]{margin-top:8px;font-size:max(14px,.58em);color:#bdbdbd;letter-spacing:.08em}.choice-list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,80px)}.mode-option{border:0;background:transparent;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:24px;cursor:pointer;border-radius:0;transition:background-color 120ms,color 120ms;min-width:0}.mode-option+.mode-option{position:relative}.mode-option+.mode-option:before{content:'';position:absolute;top:16px;bottom:16px;left:calc(-1 * clamp(12px,3vw,40px));width:1px;background:#fff2}.choice-art{display:block;position:relative;width:min(340px,100%);height:clamp(130px,29vh,230px)}.choice-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity 120ms}.choice-active{opacity:0}.choice-label{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.choice-hu{font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.01em}.choice-en{font-size:clamp(13px,1.4vw,16px);line-height:1.4;color:#c5c5c5}.mode-option:focus-visible,.mode-option:active,.mode-option.is-chosen{background:#81b84312;color:var(--entry-green)}.mode-option:focus-visible .choice-active,.mode-option:active .choice-active,.mode-option.is-chosen .choice-active{opacity:1}.mode-option.is-chosen{outline:2px solid var(--entry-green);outline-offset:0}.mode-option:disabled{cursor:default}.mode-option.is-unselected{opacity:.35}@media(hover:hover){.mode-option:hover{background:#81b8430d;color:var(--entry-green)}.mode-option:hover .choice-active{opacity:1}}#entry-error{position:fixed;inset:0;z-index:60;display:grid;place-content:center;text-align:center;padding:24px;background:#080808;font:18px/1.6 'Montserrat Bold',Arial,sans-serif}#entry-retry{padding:16px 24px;border:2px solid var(--entry-green);background:transparent;cursor:pointer}html[data-tdv-startup=ready] .entry-backdrop{display:none}@media(max-width:700px){.chooser-inner{padding:24px 20px;gap:24px}.chooser h1{font-size:clamp(19px,5.5vw,22px)}.choice-list{grid-template-columns:1fr;gap:16px}.mode-option{display:grid;grid-template-columns:28% 1fr;gap:16px;min-height:150px;padding:18px 8px}.choice-art{height:120px;width:100%}.choice-label{align-items:flex-start;text-align:left;gap:10px}.choice-hu{font-size:clamp(19px,5.2vw,26px)}.choice-en{font-size:clamp(14px,3.6vw,16px)}.mode-option+.mode-option:before{left:8px;right:8px;top:-8px;bottom:auto;height:1px;width:auto}}@media(max-height:500px) and (min-width:550px){.chooser-inner{padding:18px 24px;gap:16px}.chooser h1{font-size:20px}.choice-list{grid-template-columns:1fr 1fr;gap:24px}.mode-option{display:flex;gap:10px;min-height:0;padding:8px}.choice-art{height:90px;width:180px}.choice-label{text-align:center;align-items:center;gap:6px}.choice-hu{font-size:20px}.choice-en{font-size:14px}.mode-option+.mode-option:before{top:8px;bottom:8px;left:-12px;right:auto;width:1px;height:auto}}@media(prefers-reduced-motion:reduce){.mode-option,.choice-art img{transition:none}}

.entry-backdrop picture,.entry-backdrop img{position:absolute;inset:0;width:100%;height:100%}:root{--choice-pad:clamp(24px,5vw,64px)}.chooser-inner{padding:max(var(--choice-pad),env(safe-area-inset-top)) max(var(--choice-pad),env(safe-area-inset-right)) max(var(--choice-pad),env(safe-area-inset-bottom)) max(var(--choice-pad),env(safe-area-inset-left))}@media(max-width:700px){:root{--choice-pad:20px}}@media(max-height:500px) and (min-width:550px){:root{--choice-pad:18px}}

/* Selected B pictograms / 2026-10-26: screen-space glow, no option panels. */
.mode-option,.mode-option:hover,.mode-option:active,.mode-option:focus-visible,.mode-option.is-chosen{background:transparent;border:0;outline:0}.mode-option+.mode-option:before{display:none}
.choice-art{display:block;position:relative;isolation:isolate;width:min(340px,100%);height:clamp(150px,29vh,235px)}.choice-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 10px #0005);transition:transform 220ms cubic-bezier(.2,.8,.2,1)}.choice-art:before,.choice-art:after{content:'';position:absolute;pointer-events:none;z-index:0;inset:-20% -22%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(129,184,67,.75) 0%,rgba(129,184,67,.42) 28%,rgba(129,184,67,.14) 50%,rgba(129,184,67,0) 70%);filter:blur(18px);opacity:0;transition:opacity 220ms ease}.choice-art:after{inset:-5% -5%;background:radial-gradient(ellipse,rgba(190,239,137,.92),rgba(129,184,67,.52) 35%,transparent 72%);filter:blur(14px);transition:none}.choice-label{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.choice-hu{font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.01em;transition:color 180ms}.choice-en{font-size:clamp(14px,1.4vw,16px);line-height:1.4;color:#c5c5c0}.mode-option:focus-visible .choice-art:before,.mode-option:active .choice-art:before,.mode-option.is-flashing .choice-art:before{opacity:1}.mode-option:focus-visible .choice-hu{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.mode-option.is-flashing .choice-art:after{animation:select-flash 620ms ease-out both}.mode-option.is-flashing .choice-art img{animation:icon-press 460ms ease-out both}.mode-option:active .choice-hu,.mode-option.is-flashing .choice-hu{color:var(--green)}@media(hover:hover){.mode-option:hover .choice-art:before{opacity:1}.mode-option:hover .choice-hu{color:var(--green)}.mode-option:hover .choice-art img{transform:translateY(-2px)}}@keyframes select-flash{0%{opacity:0;transform:scale(.82)}20%{opacity:1}100%{opacity:0;transform:scale(1.25)}}@keyframes icon-press{0%{transform:scale(.98)}35%{transform:scale(1.018)}100%{transform:scale(1)}}
.mode-option.is-chosen .choice-art:before{opacity:1}
@media(max-width:700px){.mode-option{grid-template-columns:31% 1fr;gap:18px}.choice-art{width:100%;height:125px}.choice-art:before{inset:-20% -42%;filter:blur(12px)}.choice-art:after{filter:blur(10px)}.choice-label{align-items:flex-start;text-align:left;gap:10px}.choice-hu{font-size:clamp(19px,5.1vw,25px)}.choice-en{font-size:14px}}
@media(max-height:500px) and (min-width:550px){.choice-art{height:90px;width:165px}.choice-label{align-items:center;text-align:center;gap:6px}.choice-hu{font-size:20px}.choice-en{font-size:14px}}
@media(prefers-reduced-motion:reduce){.choice-art img,.choice-art:before,.choice-hu{transition:none!important}.mode-option.is-flashing .choice-art:after{animation:none;opacity:.65}.mode-option.is-flashing .choice-art img{animation:none}}

/* Phone choices: icon above a centred, balanced label. */
html[data-choice-device=phone] .choice-list{grid-template-columns:1fr;gap:24px}
html[data-choice-device=phone] .mode-option{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px;min-height:0}
html[data-choice-device=phone] .choice-art{width:150px;height:140px}
html[data-choice-device=phone] .choice-label{align-items:center;text-align:center;gap:8px;width:100%}
html[data-choice-device=phone] .choice-hu{font-size:clamp(20px,5.8vw,24px);line-height:1.2;text-wrap:balance}
html[data-choice-device=phone] .choice-en{font-size:14px;line-height:1.4;text-wrap:balance}
html[data-choice-device=phone] .phone-phrase{white-space:nowrap}
html[data-choice-device=phone] .chooser-inner{gap:28px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-height:650px){html[data-choice-device=phone] .chooser-inner{gap:20px;padding-top:18px;padding-bottom:18px}html[data-choice-device=phone] .choice-list{gap:18px}html[data-choice-device=phone] .choice-art{height:104px;width:120px}html[data-choice-device=phone] .mode-option{gap:10px;padding:4px}html[data-choice-device=phone] .choice-hu{font-size:20px}}