*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:#f8fff7;background:linear-gradient(135deg,#2fb4a429,#0000 34%),linear-gradient(315deg,#f7c9481f,#0000 32%),#10151f;font-family:Trebuchet MS,Arial,sans-serif}body.is-game-route{padding:0;overflow:hidden}body.is-game-route.is-battleship-route{overflow:auto}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{gap:18px;width:min(100%,1440px);min-width:0;margin:0 auto;display:grid}.top-bar{justify-content:space-between;align-items:end;gap:14px;min-width:0;display:flex}.top-bar>*{min-width:0}.heading{gap:7px;min-width:0;display:grid}h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:clamp(2rem,9vw,4.1rem);line-height:.95;overflow:hidden}.language{justify-items:end;width:58px;min-width:58px;display:grid;position:relative}.language-toggle,.search input{color:#fff;background:#050a12c7;border:1px solid #2fb4a4b8;border-radius:7px;outline:none;box-shadow:0 0 18px #2fb4a429}.language-toggle{cursor:pointer;place-items:center;width:58px;min-height:42px;padding:0;font-size:1rem;display:grid}.language-toggle span{font-size:1.55rem;line-height:1}.language-toggle:focus-visible,.language-option:focus-visible{border-color:#f7c948cc;box-shadow:0 0 0 3px #f7c9482e}.language-menu{z-index:4;background:#0d1219f5;border:1px solid #2fb4a473;border-radius:8px;width:max-content;min-width:158px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 34px #00000061}.language-option{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;min-height:42px;padding:0 14px;display:flex}.language-option:hover,.language-option[aria-selected=true]{background:#2fb4a42e}.search{gap:8px;display:grid}.search input{min-width:0;min-height:50px;padding:0 15px;font-size:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr));gap:8px;min-width:0;display:grid}.game-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto 1fr;transition:transform .16s,border-color .16s;display:grid;overflow:hidden;box-shadow:0 10px 30px #00000038}.game-card:focus-visible,.game-card:hover{border-color:#f7c948b3;transform:translateY(-2px)}.thumb{aspect-ratio:1;background:var(--bg);place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.glyph{filter:drop-shadow(0 0 12px #ffffff52);font-size:3rem}.meta{align-content:start;gap:5px;padding:12px;display:grid}.title{overflow-wrap:anywhere;margin:0;font-size:1.02rem;line-height:1.15}.status{color:#d0f7ee;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:18px;display:none}.status.show{display:block}.game-route{background:#10151f;width:100vw;height:100dvh;overflow:hidden}.native-game-host{background:#10151f;width:100%;height:100%;display:block}.game-route--battleship{height:auto;min-height:100dvh;overflow:visible}.game-route--battleship .native-game-host{height:auto;min-height:100dvh}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}@media (width<=560px){.top-bar{align-items:stretch}.language{min-width:58px}}@media (width<=260px){body{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right))}.top-bar{gap:8px}.language{width:58px;min-width:58px}.search input{border-radius:6px;padding-inline:10px}.meta{padding:10px}}