cay/dok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dtlkzuk

Browse Source
This commit is contained in:
cay 2026-04-12 12:05:29 +01:00
parent 74ad10c95e
commit 0e5164de23
1 changed files with 78 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
public/css/1v1.css
View File

@ -497,7 +497,9 @@ body {
letter-spacing: 2px; letter-spacing: 2px;
} }
@keyframes spin { @keyframes spin {
to { transform: rotate(360deg); } to {
transform: rotate(360deg);
}
} }
#connecting-overlay .spinner { #connecting-overlay .spinner {
width: 40px; width: 40px;
@ -520,7 +522,9 @@ body {
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
color: #ffd750; color: #ffd750;
text-shadow: 0 1px 6px rgba(0,0,0,0.9), 0 0 12px rgba(0,0,0,0.7); text-shadow:
0 1px 6px rgba(0, 0, 0, 0.9),
0 0 12px rgba(0, 0, 0, 0.7);
letter-spacing: 1px; letter-spacing: 1px;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
@ -619,7 +623,9 @@ body {
transform-origin: center; transform-origin: center;
stroke-dasharray: 113.1; /* 2π×18 */ stroke-dasharray: 113.1; /* 2π×18 */
stroke-dashoffset: 0; stroke-dashoffset: 0;
transition: stroke-dashoffset 0.9s linear, stroke 0.3s ease; transition:
stroke-dashoffset 0.9s linear,
stroke 0.3s ease;
} }
#turn-timer-num { #turn-timer-num {
@ -633,8 +639,15 @@ body {
} }
@keyframes tt-pulse { @keyframes tt-pulse {
0%, 100% { opacity: 1; transform: scale(1); } 0%,
50% { opacity: 0.6; transform: scale(1.15); } 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.6;
transform: scale(1.15);
}
} }
/* ── Karten-Stats Overlay – exakt wie Slotmaschine ── */ /* ── Karten-Stats Overlay – exakt wie Slotmaschine ── */
@ -706,6 +719,25 @@ body {
border-color: rgba(255, 215, 80, 0.6); border-color: rgba(255, 215, 80, 0.6);
} }
/* Hand-Slot: Karte ist drin → Hintergrund + Overlay entfernen */
.hand-slot.hand-slot--filled {
background: transparent !important;
backdrop-filter: none !important;
}
.hand-slot.hand-slot--filled::before {
display: none !important;
}
/* Karten-Bild immer über dem ::before pseudo-element */
.hand-slot img {
position: relative;
z-index: 1;
border-radius: calc(var(--s) * 9);
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Hand-Slot: Karte ist spielbereit (CD = 0) */ /* Hand-Slot: Karte ist spielbereit (CD = 0) */
.hand-slot.hand-slot-ready { .hand-slot.hand-slot-ready {
border-color: rgba(80, 220, 80, 0.9) !important; border-color: rgba(80, 220, 80, 0.9) !important;
@ -729,7 +761,11 @@ body {
top: calc(var(--s) * 4); top: calc(var(--s) * 4);
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background: linear-gradient(135deg, rgba(20,120,20,0.92), rgba(10,80,10,0.92)); background: linear-gradient(
135deg,
rgba(20, 120, 20, 0.92),
rgba(10, 80, 10, 0.92)
);
border: 1px solid #60d060; border: 1px solid #60d060;
border-radius: calc(var(--s) * 4); border-radius: calc(var(--s) * 4);
color: #a0ffa0; color: #a0ffa0;
@ -801,7 +837,9 @@ body {
stroke-linecap: round; stroke-linecap: round;
transform: rotate(-90deg); transform: rotate(-90deg);
transform-origin: center; transform-origin: center;
transition: stroke-dashoffset 0.9s linear, stroke 0.3s ease; transition:
stroke-dashoffset 0.9s linear,
stroke 0.3s ease;
} }
#ready-timer-number { #ready-timer-number {
position: absolute; position: absolute;
@ -871,7 +909,7 @@ body {
.board.my-side-left .card-row .card-slot:nth-last-child(-n + 3), .board.my-side-left .card-row .card-slot:nth-last-child(-n + 3),
.board.my-side-right .card-row .card-slot:nth-child(-n + 3) { .board.my-side-right .card-row .card-slot:nth-child(-n + 3) {
border-color: rgba(80, 130, 200, 0.45); border-color: rgba(80, 130, 200, 0.45);
background: rgba(40, 80, 160, 0.10); background: rgba(40, 80, 160, 0.1);
cursor: not-allowed; cursor: not-allowed;
opacity: 0.75; opacity: 0.75;
} }
@ -916,8 +954,13 @@ body {
} }
@keyframes pulse-zone { @keyframes pulse-zone {
0%, 100% { box-shadow: 0 0 8px rgba(240, 190, 60, 0.25); } 0%,
50% { box-shadow: 0 0 22px rgba(240, 190, 60, 0.55); } 100% {
box-shadow: 0 0 8px rgba(240, 190, 60, 0.25);
}
50% {
box-shadow: 0 0 22px rgba(240, 190, 60, 0.55);
}
} }
/* Hand-Slot nicht draggable (kein Cursor-Feedback) */ /* Hand-Slot nicht draggable (kein Cursor-Feedback) */