:root{--bg:#F5EDD9;--paper:#F5EDD9;--ink:#191915;--text:#191915;--red:#B91C22;--ok:#B91C22}
[hidden]{display:none!important}
.embedded-game{height:auto;min-height:100dvh;overflow:auto}
.embedded-game .masthead.wrap{width:calc(100% - 40px);max-width:1320px;margin-inline:auto;flex-shrink:0;font-family:'DM Sans',sans-serif}
.embedded-game .brand{display:block;line-height:0}
.embedded-game .brand img{display:block}
.game-skip{position:fixed;left:12px;top:-80px;z-index:100;background:#191915;color:#F5EDD9;padding:12px;text-decoration:none}
.game-skip:focus{top:12px}
.game-heading{flex-shrink:0;padding-block:14px 8px}
.game-heading h1,.embedded-game .card h1,.embedded-game .card h2{font-family:'Anton','Arial Narrow',sans-serif;text-shadow:none;line-height:1.15;font-size:30px;letter-spacing:.02em}
.game-heading h1{font-size:clamp(24px,6vw,30px)}
.embedded-game .kicker,.embedded-game .num,.embedded-game .stats span{font-size:13px}
.embedded-game .modebar{flex-wrap:wrap;max-width:520px;text-align:center}
.embedded-game .pill{font-size:14px;max-width:100%;white-space:normal}
.word-game main{flex:none;padding-block:4px 10px}
.word-game #board{--ts:min(56px,calc((100vw - 64px)/5),max(32px,calc((100dvh - 450px)/6)))}
.word-game #kb{flex:none;margin-bottom:12px}
.word-game .k{height:48px}
.word-game .overlay{z-index:40}
.word-game #toast{top:120px;z-index:60;max-width:calc(100% - 32px);white-space:normal;text-align:center}
.embedded-game .card{max-height:100%;overflow-y:auto}
.embedded-game .card p{font-size:16px}
.embedded-game .small,.embedded-game .tagline,.embedded-game .level span,.embedded-game .legend{font-size:14px}
.arcade-game #game-main{flex:1;min-height:0;display:flex;flex-direction:column}
.arcade-game #stage{min-height:460px}
.arcade-game .hud{flex-shrink:0;font-size:16px;padding-top:16px}
.arcade-game .hud button{font-size:14px;min-height:32px}
.arcade-game .hint{font-size:14px;padding-top:10px}
.arcade-game .pad{flex-shrink:0;padding-bottom:16px}
.arcade-game .level strong{font-family:'Anton','Arial Narrow',sans-serif;font-size:20px}
.arcade-game .overlay{overflow:auto}
@media(max-width:650px){
 .embedded-game .masthead.wrap{width:calc(100% - 24px)}
 .game-heading{padding-inline:10px}
 .arcade-game #stage{min-height:420px}
 .embedded-game .card{padding:22px 16px}
 .word-game .card .close{top:6px;right:6px}
 .word-game .card h2{padding-right:26px}
 .arcade-game .level strong{font-size:19px}
}