Hamed/vending-machine-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add interactive picnic journey and synchronize gameplay stages

Browse Source
This commit is contained in:
Hamed
2026-10-20 12:26:14 +03:30
parent 430d7e1c11
commit 5857b11bd8
10 changed files with 258 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+21
View File
@@ -1379,3 +1379,24 @@ dialog p, dialog small {
height: 32px
}
}
/* Close camera adventure HUD and journey cinematics. */
#journey-panel {position:fixed;z-index:12;bottom:12%;left:50%;transform:translateX(-50%);width:min(560px,90vw);padding:24px 30px;background:linear-gradient(135deg,#10231ff2,#142c27db);border:1px solid #d8c48b66;border-radius:8px;box-shadow:0 16px 80px #0008;text-align:right;color:#f4e7cb;backdrop-filter:blur(14px)}
#journey-panel[hidden]{display:none}
#journey-panel small{font-size:11px;letter-spacing:2px;color:#d8bb7c}
#journey-panel h2{margin:12px 0;font-size:28px}
#journey-panel p{line-height:1.9}
#journey-panel button{background:#c9b27d;color:#15241e;border:0;border-radius:4px;padding:12px 24px;font-weight:700}
#camera-view{position:fixed;top:105px;left:5%;z-index:8;padding:9px 15px;border:1px solid #e7dbb84d;border-radius:4px;background:#142720c9;color:#eee4cf}
.intro{pointer-events:none;opacity:.65}
@media(max-width:650px){#camera-view{top:85px;font-size:11px}.intro{display:none}#journey-panel{bottom:22%;padding:16px}#journey-panel h2{font-size:23px}}
.on-journey .intro,.on-journey .mission,.on-journey #speech,.on-journey .touch,.on-journey #controls-guide,.on-journey #camera-view{display:none}
body.driving .touch{display:grid;z-index:16}
body.driving #journey-panel{bottom:auto;top:115px;padding:12px 20px;pointer-events:none;width:min(520px,85vw)}
body.driving #journey-panel h2{font-size:20px;margin:6px 0}
body.driving #journey-panel p{font-size:12px;margin:6px 0}
@media(max-width:650px){body.driving #journey-panel{top:90px}body.driving #journey-panel small{display:none}}
.intro{display:none}