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;
}
@keyframes spin {
to { transform: rotate(360deg); }
to {
transform: rotate(360deg);
}
}
#connecting-overlay .spinner {
width: 40px;
@ -520,7 +522,9 @@ body {
font-size: 13px;
font-weight: 700;
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;
pointer-events: none;
z-index: 10;
@ -619,7 +623,9 @@ body {
transform-origin: center;
stroke-dasharray: 113.1; /* 2π×18 */
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 {
@ -633,8 +639,15 @@ body {
}
@keyframes tt-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.6; transform: scale(1.15); }
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.6;
transform: scale(1.15);
}
}
/* ── Karten-Stats Overlay – exakt wie Slotmaschine ── */
@ -706,6 +719,25 @@ body {
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.hand-slot-ready {
border-color: rgba(80, 220, 80, 0.9) !important;
@ -729,7 +761,11 @@ body {
top: calc(var(--s) * 4);
left: 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-radius: calc(var(--s) * 4);
color: #a0ffa0;
@ -801,7 +837,9 @@ body {
stroke-linecap: round;
transform: rotate(-90deg);
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 {
position: absolute;
@ -871,7 +909,7 @@ body {
.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) {
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;
opacity: 0.75;
}
@ -916,8 +954,13 @@ body {
}
@keyframes pulse-zone {
0%, 100% { box-shadow: 0 0 8px rgba(240, 190, 60, 0.25); }
50% { box-shadow: 0 0 22px rgba(240, 190, 60, 0.55); }
0%,
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) */