.wp-root{--cols: 6;--gap: 6px;--pad: 16px;--u: calc((100vw - var(--pad) * 2 - var(--gap) * (var(--cols) - 1)) / var(--cols));min-height:100vh;background:#000;color:#fff;font-family:Segoe UI,Segoe UI Variable,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}@media(min-width:640px){.wp-root{--cols: 8}}.wp-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:var(--u);grid-auto-flow:dense;gap:var(--gap)}.wp-tile{position:relative;display:block;overflow:hidden;color:#fff;text-align:left;background:hsl(var(--primary));grid-column:span 2;grid-row:span 2;transform-origin:left center;-webkit-tap-highlight-color:transparent;transition:transform .12s ease;animation:wpIn .3s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(min(var(--i, 0),6)*25ms)}.wp-tile.wide{grid-column:span 4}.wp-tile:active{transform:perspective(500px) scale(.94) rotateX(2deg)}.wp-tile.alt{background:#2d2d30}.wp-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 45%);pointer-events:none}.wp-tile.dim{background:hsl(var(--primary) / .62)}.wp-tile.discord{background:#5865f2}.wp-tile.discord .wp-tile-icon{width:clamp(36px,6vw,64px);height:clamp(36px,6vw,64px)}.wp-tile-icon{position:absolute;left:50%;top:40%;translate:-50% -50%;width:clamp(36px,7vw,76px);height:clamp(36px,7vw,76px);stroke-width:1.3;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.wp-tile.wide .wp-tile-icon{left:22%}.wp-cap{position:absolute;left:10px;bottom:8px;right:8px;font-size:14px;font-weight:600;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wp-cap small{display:block;opacity:.8;font-size:11px;margin-top:2px}.wp-tile.wide .wp-cap{left:auto;right:12px;top:12px;bottom:auto;width:56%;font-size:15px;-webkit-line-clamp:4}@media(min-width:640px){.wp-cap{font-size:17px;left:14px;bottom:12px}.wp-cap small{font-size:13px}.wp-tile.wide .wp-cap{font-size:19px}}@keyframes wpIn{0%{opacity:0;transform:perspective(600px) rotateY(-75deg)}to{opacity:1;transform:none}}.wp-title{font-weight:300;font-size:46px;line-height:1.05;letter-spacing:-.02em;text-transform:lowercase}.wp-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wp-sec{font-weight:300;font-size:22px;text-transform:lowercase;color:hsl(var(--primary))}.wp-row{display:flex;align-items:center;gap:14px;padding:6px 0}.wp-row-ico{width:48px;height:48px;flex:none;display:grid;place-items:center;background:hsl(var(--primary))}.wp-row-name{font-size:22px;font-weight:300}.wp-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-around;align-items:center;height:52px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;background:#000;border-top:1px solid #1f1f1f}.wp-bar button{width:64px;height:52px;display:grid;place-items:center;color:#fff}.wp-bar button:active{opacity:.5}@media(prefers-reduced-motion:reduce){.wp-tile{animation:none;transition:none}}