.gotop{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin:12px 0 26px}
.gotop h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.02em;margin:0;background:linear-gradient(90deg,#fff,var(--a));-webkit-background-clip:text;background-clip:text;color:transparent}.gotop .meta{font-size:15px;margin:4px 0 0}
.gogrid{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:16px}
.gogrid li{display:contents}
.gt{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:linear-gradient(160deg,#1a1d2e,var(--card) 70%);border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--txt);text-decoration:none;outline:none;transition:transform .2s,border-color .2s,box-shadow .25s;-webkit-tap-highlight-color:transparent}
.gt:hover,.gt:active,.gt:focus-visible{transform:translateY(-3px);border-color:#ff2bd6aa;box-shadow:0 0 34px 4px #ff2bd666,0 0 80px 10px #ff2bd626}
.gt:focus-visible{outline:2px solid #ff2bd6;outline-offset:3px}
.gt.gbig{grid-column:span 2;grid-row:span 2}.gt.gwide{grid-column:span 2}
.gic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:#ff2bd61f;border:1px solid #ff2bd633}.gt.gbig .gic{width:68px;height:68px;font-size:34px}
.gh{display:block;font-size:18px;font-weight:800}.gt.gbig .gh{font-size:32px;letter-spacing:-.02em}.gp{display:block;color:var(--mut);font-size:13px;margin-top:2px}.gt.gbig .gp{font-size:15px}
.gar{position:absolute;top:18px;right:20px;color:#ff2bd6;font-size:20px;opacity:.5;transition:opacity .2s}.gt:hover .gar,.gt:focus-visible .gar{opacity:1}
@media(max-width:700px){.gogrid{grid-template-columns:1fr 1fr;grid-auto-rows:124px;gap:12px}.gt.gbig,.gt.gwide{grid-column:span 2;grid-row:span 1}.gt.gbig .gh{font-size:22px}.gt.gbig .gic{width:52px;height:52px;font-size:26px}.gt.gsm .gp{display:none}.gt{padding:14px}.gh{font-size:16px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.gt{transition:none}.gt:hover,.gt:active,.gt:focus-visible{transform:none}}
/* fix: style.css "nav a{margin-left}" offset tiles; let rows grow to fit text */
.gogrid .gt{margin:0}
.gogrid{grid-auto-rows:minmax(150px,auto)}
@media(max-width:700px){.gogrid{grid-auto-rows:minmax(124px,auto)}}