구현 우선 순위 1차 진행 완료

- 1차 — 코어 검증 (여기까지만 되어도 재미 판정 가능) 1. **기호 체계 + 책상 상태 상시 노출 UI** (§3) 2. **책상 적재 + 누진 패시브 페널티 A·B** (§4) 3. **표준 족보 판정 및 합본 실행** (§5) 4. **합본 기반 토큰 산출** (§8.2) 게임 플레이 후 피드백 해결 - 내용은 아래 문서 참고 - docs/decisions/2026-09-05_core-graybox-ux-feedback.md
2026-09-05 01:06:41 +09:00
parent 54e2fa8132
commit 83060f3e5b
21 changed files with 1526 additions and 8 deletions
@@ -0,0 +1,131 @@
+.desk-bar {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 16px;
+  background: var(--color-surface);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  font-family: var(--font-typewriter);
+}
+
+.desk-bar-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.desk-total {
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.desk-surcharge {
+  color: var(--color-risk-critical);
+  font-weight: 400;
+}
+
+.desk-bar-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.desk-guide-btn,
+.desk-combine-btn {
+  font-family: var(--font-typewriter);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
+  padding: 7px 12px;
+  font-weight: 700;
+  cursor: pointer;
+  white-space: nowrap;
+  font-size: 12px;
+}
+
+.desk-guide-btn {
+  background: transparent;
+  color: var(--color-text);
+}
+
+.desk-combine-btn {
+  background: var(--color-token-budget);
+  color: #0a0a0a;
+  border-color: transparent;
+}
+
+.desk-combine-btn:disabled {
+  background: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.35);
+  cursor: not-allowed;
+}
+
+.desk-bar-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.desk-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: none;
+  border: none;
+  color: var(--color-text);
+  padding: 3px 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: left;
+  width: 100%;
+  font-family: var(--font-typewriter);
+}
+
+.desk-row:not(:disabled):hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.desk-row:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+
+.desk-row-name {
+  font-size: 11px;
+  width: 28px;
+  flex-shrink: 0;
+  opacity: 0.75;
+}
+
+.desk-row-chips {
+  display: flex;
+  gap: 5px;
+  flex: 1;
+  flex-wrap: wrap;
+  min-width: 0;
+}
+
+.desk-chip {
+  font-size: 12px;
+  background: rgba(255, 255, 255, 0.06);
+  padding: 1px 6px;
+  border-radius: 4px;
+  white-space: nowrap;
+}
+
+.desk-row-empty {
+  font-size: 11px;
+  opacity: 0.35;
+}
+
+.desk-row-gauge {
+  font-size: 11px;
+  opacity: 0.65;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.desk-row-rate {
+  color: var(--color-risk-critical);
+  opacity: 1;
+}