.deck-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.deck-tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);height:100%;min-height:128px;transition:transform var(--quick) var(--spring), box-shadow var(--quick) var(--ease), border-color var(--quick) var(--ease);align-content:start;gap:6px;padding:20px 20px 18px;text-decoration:none;display:grid;position:relative;overflow:hidden}.deck-tile:after{content:"";border-radius:var(--radius-full);border:14px solid var(--deck-color);opacity:.18;width:112px;height:112px;transition:transform .4s var(--spring), opacity var(--quick) var(--ease);position:absolute;top:-36px;right:-36px}.deck-tile:hover{border-color:var(--deck-color);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.deck-tile:hover:after{opacity:.32;transform:scale(1.1)rotate(20deg)}.deck-tile-code{border-radius:var(--radius-full);background:color-mix(in srgb, var(--deck-color) 16%, transparent);width:fit-content;color:var(--deck-color);letter-spacing:.02em;padding:4px 10px;font-size:12px;font-weight:800}.deck-tile-title{letter-spacing:-.015em;font-size:17px;font-weight:800;line-height:1.3}.deck-tile-description{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.deck-tile-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:13px;font-weight:600;display:flex}@media (min-width:640px){.deck-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.deck-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.library-shelves{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.library-shelves a{border-radius:var(--radius-full);background:var(--surface);border:1.5px solid var(--line);min-height:44px;transition:transform var(--quick) var(--spring), border-color var(--quick) var(--ease);align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.library-shelves a:hover{border-color:var(--primary);transform:translateY(-2px)}.library-shelves span{white-space:nowrap;color:var(--ink-muted);font-size:13px;font-weight:600}.library-foot{text-align:center;justify-items:center;gap:12px;margin-top:24px;display:grid}.library-foot p{color:var(--ink-muted);font-size:15px}.library-foot a:not(.button){color:var(--primary);font-weight:700}@media (max-width:639px){#library .deck-grid>li:nth-child(n+5){display:none}}
