New combat management and various improvments
All checks were successful
Release Creation / build (release) Successful in 48s

This commit is contained in:
2026-01-19 23:22:32 +01:00
parent a06dfa0ae9
commit 52877e3a68
46 changed files with 4655 additions and 475 deletions

View File

@@ -39,3 +39,278 @@
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
}
.defense-request {
padding: 12px;
background: linear-gradient(to bottom, #3a3930 0%, #2a2920 100%);
border: 2px solid #d4af37;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
h3 {
margin: 0 0 10px 0;
color: #d4af37;
font-size: calc(var(--font-size-standard) * 1.1);
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
i {
margin-right: 6px;
}
}
p {
margin: 8px 0;
color: #f0e6d2;
font-size: calc(var(--font-size-standard) * 0.95);
line-height: 1.4;
strong {
color: #d4af37;
font-weight: 600;
}
}
.defense-prompt {
margin-top: 12px;
padding: 8px;
background: rgba(212, 175, 55, 0.1);
border-left: 3px solid #d4af37;
border-radius: 4px;
font-weight: 600;
color: #d4af37;
text-align: center;
}
}
.defense-request-dialog {
.attack-info {
padding: 12px;
background: linear-gradient(to bottom, rgba(42, 41, 32, 0.8) 0%, rgba(26, 25, 16, 0.9) 100%);
border: 1px solid rgba(212, 175, 55, 0.5);
border-radius: 6px;
margin-bottom: 16px;
p {
margin: 6px 0;
color: #f0e6d2;
font-size: calc(var(--font-size-standard) * 0.95);
strong {
color: #d4af37;
font-weight: 600;
}
}
}
.weapon-selection {
label {
display: block;
margin-bottom: 8px;
color: #d4af37;
font-weight: 600;
font-size: calc(var(--font-size-standard) * 0.95);
}
select {
width: 100%;
padding: 8px 12px;
background: #3a3930 !important;
border: 1px solid #d4af37;
border-radius: 4px;
color: #ffffff !important;
font-size: calc(var(--font-size-standard) * 0.95);
cursor: pointer;
&:focus {
outline: none;
border-color: #f0e6d2;
box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.3);
}
option {
background: #3a3930 !important;
color: #ffffff !important;
padding: 6px;
&:checked,
&:hover {
background: #4a4940 !important;
color: #ffffff !important;
}
}
}
}
}
.grit-luck-dialog {
.combat-status {
padding: 12px;
background: linear-gradient(to bottom, rgba(42, 41, 32, 0.8) 0%, rgba(26, 25, 16, 0.9) 100%);
border: 1px solid rgba(212, 175, 55, 0.5);
border-radius: 6px;
margin-bottom: 16px;
p {
margin: 6px 0;
color: #f0e6d2;
font-size: calc(var(--font-size-standard) * 0.95);
strong {
color: #d4af37;
font-weight: 600;
}
}
.bonus-info {
color: #90EE90;
font-style: italic;
margin-top: 8px;
}
}
.offer-text {
color: #f0e6d2;
font-size: calc(var(--font-size-standard) * 1);
text-align: center;
font-weight: 600;
margin: 0;
}
}
.attack-result {
padding: 16px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
margin: 8px 0;
&.attack-success {
background: linear-gradient(to bottom, rgba(139, 0, 0, 0.2) 0%, rgba(100, 0, 0, 0.3) 100%);
border: 2px solid rgba(220, 20, 60, 0.6);
}
&.attack-failure {
background: linear-gradient(to bottom, rgba(0, 100, 139, 0.2) 0%, rgba(0, 70, 100, 0.3) 100%);
border: 2px solid rgba(70, 130, 180, 0.6);
}
h3 {
margin: 0 0 16px 0;
color: #d4af37;
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
i {
margin-right: 8px;
}
}
.combat-comparison {
display: flex;
align-items: center;
justify-content: space-around;
margin-bottom: 16px;
padding: 12px;
background: rgba(0, 0, 0, 0.3);
border-radius: 6px;
.combat-side {
flex: 1;
text-align: center;
padding: 12px;
border-radius: 6px;
&.winner {
background: rgba(0, 255, 0, 0.1);
border: 2px solid rgba(0, 255, 0, 0.4);
}
&.loser {
background: rgba(255, 0, 0, 0.1);
border: 2px solid rgba(255, 0, 0, 0.3);
}
.side-label {
font-size: calc(var(--font-size-standard) * 0.8);
color: #aaa;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 4px;
}
.side-name {
font-size: calc(var(--font-size-standard) * 1);
color: #f0e6d2;
font-weight: 600;
margin-bottom: 8px;
}
.side-roll {
font-size: calc(var(--font-size-standard) * 1.5);
color: #d4af37;
font-weight: 700;
}
}
.combat-vs {
font-size: calc(var(--font-size-standard) * 1.2);
color: #d4af37;
font-weight: 700;
padding: 0 16px;
}
}
.combat-result-text {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.1);
color: #f0e6d2;
margin-bottom: 16px;
padding: 12px;
background: rgba(0, 0, 0, 0.2);
border-radius: 6px;
i {
margin-right: 8px;
}
strong {
color: #d4af37;
}
}
.attack-result-damage {
display: flex;
gap: 8px;
justify-content: center;
.roll-damage-btn {
padding: 10px 16px;
background: linear-gradient(to bottom, #8b0000 0%, #660000 100%);
border: 1px solid #ff0000;
border-radius: 6px;
color: #f0e6d2;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
&:hover {
background: linear-gradient(to bottom, #a00000 0%, #7b0000 100%);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
transform: translateY(-2px);
}
&:active {
transform: translateY(0);
}
i {
margin-right: 6px;
}
}
}
}