mirror of
https://github.com/kuhyx/testsAndMisc.git
synced 2026-11-15 06:50:51 +01:00
Krzysztof kuhy Rudnicki
72a5e28456
The directory has existed on disk with 58 untracked files, four of them over the 250-line cap. An untracked file is invisible to every pre-commit hook, so those violations could not be fixed or gated while it stayed that way -- and its CI workflow was untracked too, so nothing ran against it. Landed with its already-written evidence artifact and a contract, since this crosses the 4-file threshold. Verified before staging: 58 plain text source/config files, no binaries, no node_modules, no build output. npm run check passes -- typecheck, eslint --max-warnings 0, and 220 tests at 100% statements/branches/functions/lines. Splitting its four oversized files is deliberately a separate commit. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011w2Pj4Ek3ZNMQVYcFHgXDY
216 lines
3.6 KiB
CSS
216 lines
3.6 KiB
CSS
:root {
|
|
--ink: #211d1b;
|
|
--ink-raised-1: #2b2624;
|
|
--ink-raised-2: #38312e;
|
|
--line-dark: #463e3a;
|
|
--text-on-dark: #ecebe9;
|
|
--muted-on-dark: #aaa09a;
|
|
|
|
--accent: #b8862e;
|
|
--success: #8a9a3c;
|
|
--warning: #e0a63c;
|
|
--danger: #e2585f;
|
|
--on-fill: #211d1b;
|
|
|
|
--font-body: -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;
|
|
--font-data: ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, monospace;
|
|
|
|
--space-xs: 4px;
|
|
--space-sm: 8px;
|
|
--space-md: 16px;
|
|
--space-lg: 24px;
|
|
--space-xl: 32px;
|
|
--space-xxl: 48px;
|
|
|
|
--radius-sm: 8px;
|
|
--radius-md: 12px;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--ink);
|
|
color: var(--text-on-dark);
|
|
font-family: var(--font-body);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
button {
|
|
font-family: inherit;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.frame {
|
|
max-width: 960px;
|
|
margin: 0 auto;
|
|
padding: var(--space-lg) var(--space-md) var(--space-xxl);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-lg);
|
|
}
|
|
|
|
.masthead h1 {
|
|
font-size: 24px;
|
|
letter-spacing: -0.1px;
|
|
margin: 0 0 var(--space-xs);
|
|
}
|
|
|
|
.masthead p {
|
|
margin: 0;
|
|
color: var(--muted-on-dark);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.panel {
|
|
background: var(--ink-raised-1);
|
|
border: 1px solid var(--line-dark);
|
|
border-radius: var(--radius-md);
|
|
padding: var(--space-lg);
|
|
}
|
|
|
|
.button {
|
|
border: 1px solid var(--line-dark);
|
|
border-radius: var(--radius-sm);
|
|
padding: 12px 24px;
|
|
background: var(--ink-raised-2);
|
|
color: var(--text-on-dark);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button:hover:not(:disabled) {
|
|
background: var(--line-dark);
|
|
}
|
|
|
|
.button:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button--primary {
|
|
background: var(--accent);
|
|
color: var(--on-fill);
|
|
border-color: var(--accent);
|
|
}
|
|
|
|
.button--danger {
|
|
background: var(--danger);
|
|
color: var(--on-fill);
|
|
border-color: var(--danger);
|
|
}
|
|
|
|
.field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
margin-bottom: var(--space-md);
|
|
}
|
|
|
|
.field label {
|
|
font-size: 14px;
|
|
letter-spacing: 0.05em;
|
|
color: var(--muted-on-dark);
|
|
}
|
|
|
|
.field input,
|
|
.field select {
|
|
font-family: inherit;
|
|
font-size: 16px;
|
|
padding: 12px;
|
|
border-radius: var(--radius-sm);
|
|
border: 1px solid var(--line-dark);
|
|
background: var(--ink-raised-2);
|
|
color: var(--text-on-dark);
|
|
}
|
|
|
|
.table {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--space-md);
|
|
}
|
|
|
|
.table__seat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.table__cards {
|
|
display: flex;
|
|
gap: var(--space-xs);
|
|
}
|
|
|
|
.table__pot {
|
|
font-family: var(--font-data);
|
|
font-size: 20px;
|
|
color: var(--accent);
|
|
}
|
|
|
|
.card {
|
|
width: 44px;
|
|
height: 62px;
|
|
border-radius: var(--radius-sm);
|
|
background: var(--text-on-dark);
|
|
color: var(--ink);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: var(--font-data);
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
border: 1px solid var(--line-dark);
|
|
}
|
|
|
|
.card--red {
|
|
color: var(--danger);
|
|
}
|
|
|
|
.card--back {
|
|
background: var(--ink-raised-2);
|
|
color: var(--muted-on-dark);
|
|
}
|
|
|
|
.controls {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.debt-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.debt-list li {
|
|
border: 1px solid var(--line-dark);
|
|
border-radius: var(--radius-sm);
|
|
padding: var(--space-md);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
}
|
|
|
|
.log-progress {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
.log-progress input {
|
|
width: 96px;
|
|
}
|
|
|
|
.hand-log {
|
|
font-size: 14px;
|
|
color: var(--muted-on-dark);
|
|
}
|