:root{--metro-yellow:#fc0;--tile-gap:10px;--page-pad:14px;--ease:cubic-bezier(.22,.61,.36,1)}html,body{margin:0;padding:0;height:100%;background:transparent!important;font-family:"Segoe UI","Segoe UI Web (West European)",Tahoma,Geneva,Verdana,sans-serif;color:#fff}.metro-wrap{position:relative;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;padding:var(--page-pad);box-sizing:border-box;scroll-behavior:smooth}.metro-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows: calc((100vh - 2 * var(--page-pad)) / 3);gap:var(--tile-gap);perspective:1400px}.metro-tile{position:relative;display:block;text-decoration:none;color:#fff;cursor:pointer;perspective:800px;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateX(90px) rotateY(24deg) scale(.9);animation:tileIn .65s var(--ease) forwards;transition:transform .15s var(--ease);will-change:transform;outline:none}@keyframes tileIn {
    to { opacity: 1; transform: none; }
}.metro-tile.shown{opacity:1;transform:none}.tile-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s var(--ease)}.metro-tile.flipped .tile-inner{transform:rotateX(-180deg)}.tile-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--tile-color,#2b5797);box-sizing:border-box;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.25)}.tile-front{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px 34px}.tile-back{transform:rotateX(180deg);padding:12px 12px 34px;display:flex;align-items:flex-start}.tile-back::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.30);pointer-events:none}.tile-back-text{position:relative;font-size:13px;font-weight:400;line-height:1.45;text-align:left;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.tile-label{position:absolute;left:12px;right:12px;bottom:9px;font-size:14px;font-weight:600;line-height:1.2;text-align:left;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.metro-tile:hover .tile-face,.metro-tile:focus-visible .tile-face{box-shadow:0 6px 18px rgba(0,0,0,.35) , inset 0 0 0 2px rgba(255,255,255,.35)}.metro-tile.shown:hover{transform:scale(1.02)}.metro-tile:focus-visible .tile-face{box-shadow:0 6px 18px rgba(0,0,0,.35) , inset 0 0 0 3px var(--metro-yellow)}.metro-tile img{max-width:62%;max-height:56%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.30));transition:transform .28s var(--ease);pointer-events:none}.metro-tile:hover img{transform:scale(1.07)}.medium{grid-column:span 2}.large{grid-column:span 2;grid-row:span 2}.large .tile-label{font-size:17px}.large .tile-back-text{font-size:15px;-webkit-line-clamp:9;line-clamp:9}@media (max-width:1100px){.metro-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,22vh)}}@media (max-width:820px){.metro-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(140px,1fr)}.large{grid-row:span 2}}@media (max-width:560px){:root{--tile-gap:8px;--page-pad:10px}.metro-wrap{height:auto;min-height:100dvh}.metro-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.metro-tile{aspect-ratio: 1 / 1}.metro-tile.medium,.metro-tile.large{grid-column:span 1!important;grid-row:span 1!important}.tile-front{padding:10px 10px 28px}.tile-label,.large .tile-label{font-size:12px;left:10px;right:10px;bottom:8px}.tile-back-text,.large .tile-back-text{font-size:12px;-webkit-line-clamp:5;line-clamp:5}.metro-tile img{max-height:50%}}@media (max-width:360px){.metro-grid{grid-template-columns:1fr}.metro-tile{aspect-ratio: 16 / 9}}@media (prefers-reduced-motion:reduce){.metro-tile{animation:none;opacity:1;transform:none}.metro-tile.shown:hover{transform:none}.tile-inner{transition:none}.metro-tile img{transition:none}}