.level-tile{--lt-ink:#10121c;--lt-navy:#1d2b53;--lt-ui:#1a1c2c;--lt-white:#fff1e8;--lt-light:#c2c3c7;--lt-peach:#fca;--lt-yellow:#ffec27;--lt-badge:var(--lt-yellow);--lt-badge-text:var(--lt-ink);width:100%;font:inherit;color:var(--lt-white);text-align:left;background:var(--lt-navy);border:4px solid var(--lt-ink);box-shadow:4px 4px 0 var(--lt-ink);cursor:pointer;touch-action:manipulation;padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.level-tile:before{content:"";padding-top:100%;display:block}.level-tile:hover{box-shadow:6px 6px 0 var(--lt-ink);transform:translate(-2px,-2px)}.level-tile:active{box-shadow:2px 2px 0 var(--lt-ink);transform:translate(2px,2px)}.level-tile:focus-visible{outline:3px solid var(--lt-yellow);outline-offset:3px}.level-tile.current{border-color:var(--lt-yellow)}.level-tile.night{--lt-badge:#29adff}.level-tile.jungle{--lt-badge:#00e436}.level-tile.forest{--lt-badge:#008751;--lt-badge-text:var(--lt-white)}.level-tile.snow{--lt-badge:var(--lt-white)}.level-tile.space{--lt-badge:#83769c;--lt-badge-text:var(--lt-white)}.level-tile.volcano{--lt-badge:#ff004d;--lt-badge-text:var(--lt-white)}.lt-pic{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.lt-id{color:var(--lt-badge-text);background:var(--lt-badge);box-shadow:2px 2px 0 var(--lt-ink);padding:5px 6px 4px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(8px,6cqw,12px);line-height:1;position:absolute;top:6px;left:6px}.lt-foot{border-top:2px solid var(--lt-ink);background:#10121cd6;flex-direction:column;gap:4px;padding:6px 8px 7px;display:flex;position:absolute;bottom:0;left:0;right:0}.lt-name{font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(8px,5.4cqw,12px);line-height:1.35}.lt-line{justify-content:space-between;align-items:center;gap:6px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:clamp(11px,7.6cqw,16px);line-height:1.1;display:flex}.lt-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--lt-light);overflow:hidden}.lt-best{white-space:nowrap;color:var(--lt-peach);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.lt-medal{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#ffec27;width:.8em;height:.8em;display:inline-block;box-shadow:inset -.12em -.12em #ffa300}.lt-medal.silver{background:#c2c3c7;box-shadow:inset -.12em -.12em #83769c}.lt-medal.bronze{background:#ab5236;box-shadow:inset -.12em -.12em #7e2553}.level-tile.loading{cursor:default;background:repeating-linear-gradient(135deg, var(--lt-ui) 0 8px, var(--lt-navy) 8px 16px)}.level-tile.loading:hover{box-shadow:4px 4px 0 var(--lt-ink);transform:none}@media (prefers-reduced-motion:reduce){.level-tile:hover,.level-tile:active{transform:none}}