Pabloler21 Claude Sonnet 4.6 commited on
Commit
451fa6b
·
1 Parent(s): 3fdca48

style(game): stone command-box input (F1, Fear & Hunger framing)

Browse files
Files changed (1) hide show
  1. styles.css +19 -14
styles.css CHANGED
@@ -1681,7 +1681,7 @@ footer { display: none !important; }
1681
  left: 50%;
1682
  transform: translateX(-50%);
1683
  bottom: 20px;
1684
- width: min(620px, 70vw);
1685
  z-index: 9;
1686
  display: flex; flex-direction: column; align-items: center; gap: 0;
1687
  }
@@ -1742,23 +1742,28 @@ footer { display: none !important; }
1742
  }
1743
 
1744
  #game-inputrow {
1745
- display: flex; gap: 6px; align-items: center;
1746
- width: min(620px, 70vw); margin: 0 auto;
 
 
 
 
 
 
 
 
 
 
1747
  }
1748
  #game-inputrow textarea, #game-inputrow input[type="text"] {
1749
- background: transparent !important;
1750
- border: none !important;
1751
- border-bottom: 1px solid rgba(150,140,170,0.4) !important;
1752
- border-radius: 0 !important;
1753
- text-align: center !important;
1754
- font-style: italic !important;
1755
- color: #d6d0e0 !important;
1756
- box-shadow: none !important;
1757
- padding: 8px 6px !important;
1758
  }
1759
- #game-inputrow button { /* the send arrow: bare, no box */
1760
  background: transparent !important; border: none !important; box-shadow: none !important;
1761
- color: #8a82a0 !important; font-size: 1.1rem !important; min-width: 0 !important; }
 
1762
  #game-inputrow button:hover { color: #e4dff0 !important; }
1763
 
1764
  #game-dialogue .bond-panel { width: auto !important; margin: 0 auto !important; opacity: 0.55; }
 
1681
  left: 50%;
1682
  transform: translateX(-50%);
1683
  bottom: 20px;
1684
+ width: min(680px, 72vw);
1685
  z-index: 9;
1686
  display: flex; flex-direction: column; align-items: center; gap: 0;
1687
  }
 
1742
  }
1743
 
1744
  #game-inputrow {
1745
+ display: flex; align-items: center; gap: 10px;
1746
+ width: 100%; margin: 0 auto;
1747
+ background: rgba(12,9,18,0.82);
1748
+ border: 10px solid transparent;
1749
+ border-image: var(--stone-frame) 30;
1750
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.7), inset 0 0 26px rgba(0,0,0,0.6),
1751
+ 0 12px 34px rgba(0,0,0,0.6), inset 0 1px 0 rgba(150,140,175,0.16);
1752
+ padding: 6px 14px;
1753
+ }
1754
+ #game-inputrow::before {
1755
+ content: '❯'; color: #6f6590; font-size: 0.92rem; flex: 0 0 auto;
1756
+ font-family: 'Special Elite', monospace;
1757
  }
1758
  #game-inputrow textarea, #game-inputrow input[type="text"] {
1759
+ background: transparent !important; border: none !important; border-radius: 0 !important;
1760
+ text-align: left !important; font-style: italic !important;
1761
+ color: #d6d0e0 !important; box-shadow: none !important; padding: 8px 4px !important;
 
 
 
 
 
 
1762
  }
1763
+ #game-inputrow button {
1764
  background: transparent !important; border: none !important; box-shadow: none !important;
1765
+ color: #8a82a0 !important; font-size: 1.1rem !important; min-width: 0 !important;
1766
+ }
1767
  #game-inputrow button:hover { color: #e4dff0 !important; }
1768
 
1769
  #game-dialogue .bond-panel { width: auto !important; margin: 0 auto !important; opacity: 0.55; }