/* Anyone’s Game Tools: brand values are repeated here so the plugin looks right with any theme. */
.agt-card { background: #fff; border-radius: 1.2em; border-bottom: .35em solid #DDE1EA; box-shadow: 0 .6em 1.6em rgba(30,27,58,.06); padding: 1.1em 1.4em; color: #1E1B3A; }
.agt-empty p { margin: 0; }
.agt-tabbar { display: flex; gap: .5em; margin-bottom: .5em; flex-wrap: wrap; }
.agt-btn { font: inherit; font-weight: 800; font-size: 1rem; color: #1E1B3A; background: #fff; border: 0; border-bottom: .3em solid #D3D8E3; border-radius: 1em; padding: .45em 1.1em; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: inset 0 0 0 2px #E1E4EC; }
.agt-btn:active { transform: translateY(.15em); border-bottom-width: .2em; }
.agt-btn.is-on { background: #1E1B3A; color: #fff; border-bottom-color: #000; box-shadow: none; }
.agt-btn-main { background: #E8483B; color: #fff !important; border-bottom-color: #B3352B; box-shadow: none; margin-top: .7em; align-self: flex-start; }
.agt-btn:focus-visible { outline: .2em solid #2E66E0; outline-offset: .15em; }

.agt-rows { list-style: none; margin: 0; padding: 0; }
.agt-row { display: flex; align-items: center; gap: .8em; padding: .45em 0; border-bottom: 2px dashed #E1E4EC; font-size: clamp(1.05rem, 2.2vw, 1.35rem); font-weight: 800; }
.agt-row:last-child { border-bottom: 0; }
.agt-rank { width: 1.7em; text-align: center; font-family: "Bricolage Grotesque", Figtree, system-ui, sans-serif; letter-spacing: -.03em; }
.agt-first .agt-rank { background: #F5B100; border-radius: 2em; line-height: 1.7em; }
.agt-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agt-pts { color: #E8483B; font-family: "Bricolage Grotesque", Figtree, system-ui, sans-serif; letter-spacing: -.03em; white-space: nowrap; }
.agt-pts small { font-family: Figtree, system-ui, sans-serif; font-size: .65em; letter-spacing: 0; color: #45425E; }
.agt-av { flex: none; display: inline-grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--agt-c, #1E1B3A); color: #fff; border: .08em solid #1E1B3A; font-size: 1em; line-height: 1; }
.agt-foot { margin: .6em 0 0; color: #45425E; font-size: .9rem; font-weight: 600; }
.agt-foot a { color: #1E1B3A; font-weight: 800; }

.agt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1.2rem; }
.agt-tile { display: flex; flex-direction: column; background: #fff; border-radius: 1.2em; border-bottom: .5em solid #DDE1EA; overflow: hidden; color: #1E1B3A; text-decoration: none; transition: transform .15s; }
a.agt-tile:focus-visible { outline: .2em solid #2E66E0; outline-offset: .15em; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.agt-tile:hover { transform: rotate(-2deg) scale(1.04); }
	.agt-tile:nth-child(even):hover { transform: rotate(2deg) scale(1.04); }
}
.agt-thumb { aspect-ratio: 16 / 10; display: grid; place-items: center; font-size: 2.6rem; letter-spacing: .1em; }
.agt-tile-body { display: flex; flex-direction: column; gap: .2em; padding: .9em 1.1em 1.1em; flex: 1; }
.agt-tile-title { font-family: "Bricolage Grotesque", Figtree, system-ui, sans-serif; font-weight: 800; font-size: 1.35rem; letter-spacing: -.03em; line-height: 1.1; margin: 0; }
.agt-tile-title a { color: inherit; text-decoration: none; }
.agt-tile-title a:hover { text-decoration: underline; }
.agt-tile-meta { color: #45425E; font-size: .95rem; font-weight: 600; }
.agt-tile-link { margin-top: auto; padding-top: .5em; font-weight: 800; text-decoration: underline; text-decoration-color: #F5B100; text-decoration-thickness: .15em; text-underline-offset: .25em; }
.agt-cost { color: #E8483B; font-weight: 800; }

.agt-date { display: grid; justify-items: center; align-content: center; gap: .1em; padding: 1.1em .5em; color: #1E1B3A; text-decoration: none; }
.agt-date-m { font-weight: 800; font-size: 1rem; }
.agt-date-d { font-family: "Bricolage Grotesque", Figtree, system-ui, sans-serif; font-weight: 800; font-size: 3.6rem; letter-spacing: -.045em; line-height: .9; }
.agt-date-w { font-weight: 600; font-size: .95rem; color: #45425E; }

.agt-card .screen-reader-text, .agt-tile .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
@media (max-width: 560px) {
	.agt-event { flex-direction: row; }
	.agt-event .agt-date { min-width: 6.2em; padding: .8em .4em; }
	.agt-event .agt-date-d { font-size: 2.8rem; }
}