diff --git a/assets/styles/app.css b/assets/styles/app.css index dc43633..e870a69 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -486,3 +486,42 @@ body { background: #f0fdf4; color: #16a34a; } + +/* ── Game actions ── */ + +.game-actions { + display: flex; + justify-content: flex-end; + padding: 12px 40px 0; +} + +.btn-abandon { + padding: 7px 16px; + background: none; + color: var(--text-muted); + border: 1.5px solid var(--border); + border-radius: 100px; + font-family: 'Inter', sans-serif; + font-size: 13px; + font-weight: 600; + cursor: pointer; + transition: border-color 0.15s, color 0.15s, background 0.15s; +} + +.btn-abandon:hover { + border-color: #dc2626; + color: #dc2626; + background: #fef2f2; +} + +.game-start-container { + display: flex; + justify-content: center; + align-items: center; + min-height: calc(100vh - 64px - 80px); +} + +.btn-start { + padding: 14px 32px; + font-size: 16px; +} diff --git a/templates/homepage/index.html.twig b/templates/homepage/index.html.twig index c08eb49..6cb0df7 100644 --- a/templates/homepage/index.html.twig +++ b/templates/homepage/index.html.twig @@ -1,9 +1,25 @@ {% extends 'base.html.twig' %} {% block body %} -
+ {% if game %} +
+
+ + +
+
+ +
+ {% else %} +
+
+ + +
+
+ {% endif %} {% endblock %}