/* Languages: first-launch picker and longer-word safety for translated screens. */
.language-picker{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(4,12,20,.92);overflow:auto}
.language-picker-card{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#0d1f2e;border:1px solid rgba(140,190,230,.28);border-radius:18px;padding:22px 18px;color:#eef6fc;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.language-picker-mark img{width:64px;height:64px;border-radius:14px}
.language-picker-card h2{margin:10px 0 14px;font-size:1.35rem}
.language-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.language-option{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border-radius:12px;border:1px solid rgba(140,190,230,.25);background:rgba(255,255,255,.04);cursor:pointer;font-weight:600}
.language-option.selected{border-color:#5fc3ff;background:rgba(95,195,255,.16)}
.language-option input{accent-color:#5fc3ff;width:18px;height:18px;margin:0}
.language-picker-note{margin:14px 0;color:#a8c0d2;font-size:.9rem}
.language-picker-go{width:100%;min-height:48px}
@media (orientation:landscape) and (max-height:520px){.language-picker-card{padding:14px}.language-picker-mark{display:none}.language-picker-card h2{margin:0 0 10px}.language-picker-list{grid-template-columns:repeat(4,1fr)}.language-picker-note{margin:10px 0}}
.language-setting select{min-height:40px;max-width:55%}

/* Translations run longer than English (German, Finnish especially). Let words wrap instead of spilling. */
html:not([lang="en"]) :is(button,h1,h2,h3,h4,p,small,strong,span,label,td,th,li,summary,.eyebrow){overflow-wrap:break-word}
html:not([lang="en"]) :is(button,small,label,th,td,.eyebrow,.game-nav span){hyphens:auto;-webkit-hyphens:auto}
html:not([lang="en"]) :is(button,.eyebrow,small){min-width:0}