.lapp .ap-hero[data-own=i2048][data-show=own]{--b:clamp(360px, min(100vw - 96px, 100svh - var(--hero-top) - 620px), 560px);padding-bottom:clamp(40px,7svh,72px)}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-stage{--g:calc(var(--b) * 8 / 460);--r:calc(var(--b) * 11 / 460);position:relative;width:var(--b);margin:0 auto}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-top{display:flex;justify-content:center;margin-bottom:calc(var(--g) * 2)}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-score{display:flex;flex-direction:column;align-items:center;min-width:calc(var(--b) * .32);padding:9px 24px 10px;border-radius:14px;background:#1c1c1e}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-sl{font:500 12px/16px var(--font-sans);letter-spacing:.06em;color:#99999f}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-sv{font:700 26px/32px var(--font-sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-board{position:relative;width:var(--b);height:var(--b);border-radius:calc(var(--b) * 18 / 460);background:#1c1c1e}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-grid{position:absolute;inset:var(--g);display:grid;grid-template:repeat(4,1fr) / repeat(4,1fr);gap:var(--g)}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-grid i{border-radius:var(--r);background:#2e2e30}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-layer{position:absolute;left:calc(var(--g) / 2);top:calc(var(--g) / 2);width:calc(var(--b) - var(--g));height:calc(var(--b) - var(--g))}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-t{position:absolute;left:0;top:0;width:25%;height:25%;padding:calc(var(--g) / 2);box-sizing:border-box}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-f{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:var(--r);overflow:hidden}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-f img{display:block;width:100%;height:100%;padding:6%;box-sizing:border-box;object-fit:contain;border-radius:0;box-shadow:none;user-select:none}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-win{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-win img{width:78%;height:auto;padding:0}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-burst{position:absolute;inset:calc(var(--g) / 2);border-radius:var(--r);background:var(--rc);filter:blur(calc(var(--g) * 1.6));pointer-events:none}
.lapp .ap-hero[data-own=i2048][data-show=own] .i2-shine{position:absolute;top:-10%;bottom:-10%;left:0;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55) 50%,transparent);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .lapp .ap-hero[data-own=i2048][data-show=own] .i2-stage{opacity:0;transform:translateY(48px)}
  .lapp .ap-hero[data-own=i2048][data-show=own].in .i2-stage{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.05,0,.4,1) .3s,transform .9s cubic-bezier(.05,0,.4,1) .3s}
}
@media (min-width:1069px),(min-width:960px) and (min-aspect-ratio:5/4){
  .lapp .ap-hero[data-own=i2048][data-show=own]{--b:clamp(360px, min(44vw, 81.5vw - 430px, 100svh - var(--hero-top) - 190px), 660px);flex-direction:row;align-items:center;justify-content:center;
    column-gap:clamp(48px,6vw,120px);padding:clamp(24px,4svh,48px) max(6.25vw,(100vw - 1260px) / 2)}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-w{width:auto;flex:0 1 480px;margin:0;text-align:left}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-head{justify-items:start}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-head .actions{justify-content:flex-start}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-line{margin-left:0}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-media{flex:none;margin:0}
}
@media (max-width:734px){
  .lapp .ap-hero[data-own=i2048][data-show=own]{--b:min(520px, 100vw - 32px)}
  .lapp .ap-hero[data-own=i2048][data-show=own] .ap-iw{display:none}
  .lapp .ap-hero[data-own=i2048][data-show=own] .i2-score{padding:7px 20px 8px;border-radius:12px}
  .lapp .ap-hero[data-own=i2048][data-show=own] .i2-sl{font-size:11px;line-height:14px}
  .lapp .ap-hero[data-own=i2048][data-show=own] .i2-sv{font-size:22px;line-height:28px}
}
