.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.pcard{--c:var(--puzzle-killer);color:var(--foreground);background:var(--card);border:var(--line-width) solid var(--border);border-radius:var(--radius);transition:transform .15s var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (hover:hover){a.pcard:hover{transform:translateY(-2px)}a.pcard:hover .board svg{transform:scale(1.03)}}a.pcard:active{transform:scale(.985)}.pcard .board{aspect-ratio:1;background:color-mix(in srgb, var(--c) var(--tint-strong), var(--card));border-bottom:var(--line-width) solid var(--border);contain:size;touch-action:auto;-webkit-touch-callout:default;justify-content:center;align-items:center;padding:10px;display:flex}.pcard .board svg{width:auto;max-width:100%;height:100%;transition:transform .2s var(--ease-out);display:block}@media (width>=640px){.pcard .board{padding:16px}}.pcard[data-solved] .board{background:color-mix(in srgb, var(--c) var(--tint), var(--card))}.solved-badge{font:700 12px / 1 var(--font-body);background:var(--foreground);color:var(--background);border-radius:99px;align-items:center;gap:4px;padding:4px 9px 4px 6px;display:none;position:absolute;top:8px;right:8px}.solved-badge svg.i{stroke-width:3px;width:13px;height:13px}.pcard[data-solved] .solved-badge{animation:badge-in .36s var(--pop) both;display:inline-flex}@keyframes badge-in{0%{opacity:0;transform:scale(.6)}}.pcard .body{flex-direction:column;flex:1;min-width:0;padding:10px 12px 12px;display:flex}.pcard .name{font-family:var(--font-title);font-weight:var(--title-weight);font-size:17px;line-height:1.2}.pcard .meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px;font-size:12px;display:flex}@media (width>=640px){.pcard .name{font-size:19px}.pcard .meta{font-size:13px}}.level{align-items:center;gap:6px;display:inline-flex}.pips{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.pips i{background:color-mix(in srgb, var(--foreground) 18%, var(--card));border-radius:1.5px;width:4px}.pips i:first-child{height:5px}.pips i:nth-child(2){height:8px}.pips i:nth-child(3){height:11px}.level i:first-child,.level[data-level="2"] i:nth-child(2),.level[data-level="3"] i{background:var(--foreground)}.pcard .status{border:max(var(--line-width), 1px) solid var(--border);background:var(--card);border-radius:99px;align-self:flex-start;margin-top:auto;padding:5px 11px;font-size:13px;font-weight:700}.pcard .meta+.status{margin-top:10px}.pcard[data-solved] .status{color:var(--muted-foreground);background:0 0;border-color:#0000;padding-left:0;font-weight:600}.more-levels{color:var(--foreground);border-radius:var(--radius);border:var(--line-width) solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;font-size:15px;text-decoration:none;display:flex}.more-levels b{font-family:var(--font-title);font-weight:var(--title-weight);margin-right:8px;font-size:17px}@media (hover:hover){.more-levels:hover{background:color-mix(in srgb, var(--primary) 12%, var(--card))}}.today-strip{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;font-size:14px;display:flex}.streak-pill{border:var(--line-width) solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:99px;align-items:center;gap:6px;padding:5px 12px 5px 9px;display:inline-flex}.streak-pill svg.i{width:18px;height:18px}.streak-pill[data-on]{background:color-mix(in srgb, var(--primary) 22%, var(--card));color:var(--foreground)}.streak-pill[data-on] svg.i{color:var(--primary);fill:color-mix(in srgb, var(--primary) 45%, transparent)}.week-strip{gap:5px;display:inline-flex}.week-strip .day{width:26px;height:26px;font:700 12px / 1 var(--font-title);color:var(--muted-foreground);background:color-mix(in srgb, var(--foreground) 7%, var(--card));border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.week-strip .day.on{background:var(--primary);color:var(--primary-foreground);border-color:var(--border)}.week-strip .day.today{border:2px solid var(--primary);color:var(--foreground);background:var(--card)}.week-strip .day.frozen{background:color-mix(in srgb, #8fd3f0 45%, var(--card));color:var(--foreground)}.week-strip .day.later{opacity:.55}.week-strip .day svg.i{width:14px;height:14px}.today-count{color:var(--muted-foreground)}.game-card{color:var(--foreground);border-radius:var(--radius);border:var(--line-width) solid var(--border);background:color-mix(in srgb, var(--c) var(--tint), var(--card));align-items:center;gap:14px;margin-top:14px;padding:14px;text-decoration:none;transition:transform .12s;display:flex}@media (hover:hover){.game-card:hover{transform:translateY(-2px)}}.game-card:active{transform:scale(.985)}.game-body{flex:1;gap:2px;min-width:0;display:grid}.game-body b{font-family:var(--font-title);font-weight:var(--title-weight);font-size:20px}.game-body span{font-size:15px}.game-body small{color:var(--muted-foreground);font-size:13px}.game-blocks{flex:none;grid-template-columns:repeat(4,14px);gap:3px;display:grid}.game-blocks i{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:4px;width:14px;height:14px}.game-blocks i.on{background:var(--puzzle-star);box-shadow:inset 0 2px #fff6,inset 0 -2px #00000026}.game-blocks i.on:nth-child(3n){background:var(--puzzle-killer)}.game-blocks i.on:nth-child(5n){background:var(--puzzle-nonogram)}.invite-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px;padding:12px 14px;font-size:15px;display:flex}.invite-panel[hidden]{display:none}.invite-panel b{font-family:var(--font-title);font-weight:var(--title-weight);margin-right:6px}@media (width>=1024px){.pcard .board{aspect-ratio:4/3;padding:14px}}