goyban/shelem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fully containerized

Browse Source
This commit is contained in:
goyban
2026-05-24 15:59:24 +00:00
parent a4fefd92f1
commit e0b9dde93e
8 changed files with 326 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+62 -1
View File
@@ -338,13 +338,17 @@ input:focus { border-color: var(--gold); }
gap: 8px;
flex: 1;
justify-content: center;
min-width: 0;
flex-wrap: wrap;
}
.team-score {
font-size: .78rem;
font-weight: 700;
padding: 2px 10px;
border-radius: 20px;
white-space: nowrap;
word-break: break-word;
text-align: center;
min-width: 0;
}
.team-score.team-a { background: rgba(79,195,247,.2); border: 1px solid rgba(79,195,247,.4); color: var(--team-a); }
.team-score.team-b { background: rgba(239,154,154,.2); border: 1px solid rgba(239,154,154,.4); color: var(--team-b); }
@@ -357,6 +361,9 @@ input:focus { border-color: var(--gold); }
background: rgba(245,197,24,.2);
border: 1px solid rgba(245,197,24,.4);
color: var(--gold);
white-space: pre;
text-align: center;
line-height: 1.2;
}
.bid-display {
font-size: .75rem;
@@ -610,6 +617,26 @@ input:focus { border-color: var(--gold); }
from { opacity: .7; }
to { opacity: 1; }
}
/* Escalating urgency — applied every 5 s while it's your turn */
.phase-msg.your-turn-lvl1 {
font-size: .96rem;
color: #ffc400;
animation: your-turn-flash .6s ease-in-out infinite alternate;
}
.phase-msg.your-turn-lvl2 {
font-size: 1.18rem;
color: #ffeb3b;
font-weight: 800;
text-shadow: 0 0 10px rgba(255, 220, 0, 0.6);
animation: your-turn-flash .4s ease-in-out infinite alternate;
}
.phase-msg.your-turn-lvl3 {
font-size: 1.4rem;
color: #fff;
font-weight: 800;
text-shadow: 0 0 22px rgba(255, 200, 0, 1), 0 0 6px rgba(255,255,255,.8);
animation: your-turn-flash .25s ease-in-out infinite alternate;
}
/* Drop-zone pulse when dragging */
#trick-area { position: relative; }
@@ -1026,6 +1053,40 @@ input:focus { border-color: var(--gold); }
flex-shrink: 0;
}
/* ── AFK banner ───────────────────────────────── */
.afk-banner {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 12px;
background: rgba(200, 100, 0, 0.28);
border-bottom: 1px solid rgba(200, 120, 0, 0.45);
font-size: .82rem;
flex-shrink: 0;
flex-wrap: wrap;
}
.afk-banner.hidden { display: none !important; }
/* ── AI control banner ────────────────────────── */
.ai-control-banner {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 12px;
background: rgba(80, 0, 180, 0.3);
border-bottom: 1px solid rgba(120, 60, 220, 0.5);
font-size: .8rem;
flex-shrink: 0;
color: #ce93d8;
}
.ai-control-banner.is-me {
background: rgba(180, 0, 100, 0.35);
border-bottom-color: rgba(220, 60, 140, 0.55);
color: #f48fb1;
font-weight: 700;
}
.ai-control-banner.hidden { display: none !important; }
/* ── Util ─────────────────────────────────────── */
.hidden { display: none !important; }