Stánek PavelandClaude Opus 4.8
252d105408
CI / Generate TypeScript types (push) Successful in 15s
CI / Server unit tests (push) Successful in 23s
CI / Build server (push) Successful in 29s
CI / Build client (push) Successful in 1m2s
CI / Playwright E2E tests (push) Successful in 1m33s
CI / Build and push Docker image (push) Successful in 49s
CI / Notify (push) Successful in 1s
- obchod s pomůckami a trvalými vylepšeními (větší síťka, strašák, zpevněná síťka) – mince mají trvalý smysl - černé můry se míchají mezi motýly; chycení (i magnetem) ubere hodně úlovků - ptáci silnější, plašič dražší a kratší, zloději chodí častěji podle bohatství - denní úkol s odměnou + achievementy/odznaky - netopýr v noci loví motýly, pavouk zamotá síťku pavučinou – oba na zaklikání - nákupní hlášky rozlišují nedostatek mincí od jiné chyby; herní smyčka se pozastaví při skryté záložce Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
143 lines
2.5 KiB
SCSS
143 lines
2.5 KiB
SCSS
.butterfly-mystats {
|
|
margin-bottom: 16px;
|
|
padding: 12px;
|
|
border-radius: 12px;
|
|
background: linear-gradient(135deg, rgba(255, 203, 61, 0.16), rgba(224, 162, 0, 0.08));
|
|
border: 1px solid rgba(224, 162, 0, 0.35);
|
|
}
|
|
|
|
.butterfly-mystats-title {
|
|
font-weight: 700;
|
|
color: #6b5b2e;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.butterfly-mystats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
|
|
gap: 8px;
|
|
|
|
> div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.v {
|
|
font-size: 1.3rem;
|
|
font-weight: 800;
|
|
font-variant-numeric: tabular-nums;
|
|
line-height: 1.1;
|
|
|
|
&.gold {
|
|
color: #e0a200;
|
|
}
|
|
}
|
|
|
|
.l {
|
|
font-size: 0.72rem;
|
|
color: #6c757d;
|
|
}
|
|
}
|
|
|
|
.butterfly-leaderboard-heading {
|
|
font-weight: 700;
|
|
margin: 12px 0 8px;
|
|
}
|
|
|
|
.butterfly-achievements {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
|
gap: 6px;
|
|
}
|
|
|
|
.butterfly-achievement {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 6px 8px;
|
|
border-radius: 8px;
|
|
background: rgba(0, 0, 0, 0.04);
|
|
font-size: 0.78rem;
|
|
opacity: 0.55;
|
|
filter: grayscale(1);
|
|
|
|
&.unlocked {
|
|
opacity: 1;
|
|
filter: none;
|
|
background: rgba(255, 203, 61, 0.18);
|
|
}
|
|
|
|
.ach-icon { flex: 0 0 auto; }
|
|
.ach-title {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.butterfly-leaderboard {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
.butterfly-leaderboard-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 8px 10px;
|
|
border-radius: 10px;
|
|
background: rgba(0, 0, 0, 0.03);
|
|
|
|
&.me {
|
|
background: rgba(255, 203, 61, 0.22);
|
|
border: 1px solid rgba(224, 162, 0, 0.5);
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
.butterfly-leaderboard-rank {
|
|
flex: 0 0 auto;
|
|
width: 28px;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.butterfly-leaderboard-name {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.butterfly-leaderboard-title {
|
|
font-size: 0.72rem;
|
|
font-weight: 500;
|
|
color: #6b5b2e;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.butterfly-leaderboard-stats {
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.butterfly-leaderboard-golden {
|
|
color: #e0a200;
|
|
font-weight: 700;
|
|
}
|