/* la porta del gioco chiuso: stessi colori della landing nuova (fondo quasi nero, oro) */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: radial-gradient(ellipse at 50% 0%, #2a1c10 0%, #08060a 70%); color: #efe4cf; font: 17px/1.5 'Literata', Georgia, serif; display: grid; place-items: center; min-height: 100vh; padding: 24px; }
.porta { width: min(460px, 100%); text-align: center; }
.marchio { display: inline-flex; align-items: center; gap: 10px; color: #efe4cf; text-decoration: none; font: 700 26px/1 'Grenze', serif; letter-spacing: .02em; }
.marchio span { color: #e0b552; }
h1 { font: 600 30px/1.15 'Grenze', serif; margin: 28px 0 10px; color: #f5e6c4; }
p { margin: 0 0 18px; color: #cdbf9f; }
form { display: grid; gap: 10px; margin-top: 22px; text-align: left; }
label { font: 600 14px/1 'Signika', system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: #e0b552; }
input { font: 600 20px/1 'Signika', ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; padding: 14px 16px; border-radius: 10px; border: 1px solid #6b5432; background: #120d0a; color: #fff6e0; width: 100%; }
input:focus-visible { outline: 2px solid #e0b552; outline-offset: 2px; }
button { font: 700 18px/1 'Signika', system-ui, sans-serif; padding: 15px 18px; border-radius: 10px; border: 0; cursor: pointer; background: linear-gradient(#f0c564, #c48e2e); color: #1b1100; }
button[disabled] { opacity: .6; cursor: wait; }
#esito { min-height: 1.5em; margin: 4px 0 0; font: 500 15px/1.4 'Signika', system-ui, sans-serif; }
#esito.no { color: #ff9b84; }
#esito.si { color: #a9e39a; }
.nota { margin-top: 26px; font-size: 15px; }
.nota a { color: #cdbf9f; }