@import "https://fonts.googleapis.com/css2?family=Germania+One&family=Montserrat:wght@300;400;500;600;700&display=swap";
:root{--neutral-bg:#0c0a0f;--neutral-bg-light:#14111a;--neutral-bg-card:#1a1622;--neutral-text:#fafafa;--neutral-text-muted:#a8a3b3;--neutral-border:#ffffff1f;--neutral-accent:#a855f7;--neutral-accent-hover:#c084fc;--btn-primary-bg:#a855f7;--btn-primary-hover:#c084fc;--btn-primary-shadow:#7c3aed;--btn-secondary-bg:#1a1622;--btn-secondary-hover:#221d2b;--btn-secondary-shadow:#0c0a0f;--btn-disabled-bg:#2d2d4a;--btn-disabled-shadow:#1a1622;--font-display:"Germania One",cursive;--font-body:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif}.secret-hitler-screen{background:var(--neutral-bg);min-height:100vh;color:var(--neutral-text);font-family:var(--font-body);box-sizing:border-box;flex-direction:column;align-items:center;padding:20px;display:flex}.secret-hitler-screen h1{font-family:var(--font-display);color:var(--neutral-text);text-align:center;margin:.5em 0;font-size:calc(24px + 4vmin);font-weight:400}.secret-hitler-screen h2{font-family:var(--font-display);color:var(--neutral-text);margin:.5em 0;font-size:calc(16px + 2vmin);font-weight:400}.secret-hitler-screen p{font-family:var(--font-body);color:var(--neutral-text-muted);margin:.5em 0;font-size:calc(12px + .5vmin);line-height:1.6}.secret-hitler-screen .subtitle{color:var(--neutral-text-muted);margin-bottom:1.5em;font-size:calc(14px + 1vmin)}.secret-hitler-screen button,.secret-hitler-screen .btn{font-family:var(--font-display);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;outline:none;padding:12px 32px;font-size:calc(12px + 2vmin);transition:all .15s;position:relative}.secret-hitler-screen .btn-primary{background:var(--btn-primary-bg);box-shadow:0 4px 0 var(--btn-primary-shadow)}.secret-hitler-screen .btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 6px 0 var(--btn-primary-shadow);transform:translateY(-2px)}.secret-hitler-screen .btn-primary:active{box-shadow:0 2px 0 var(--btn-primary-shadow);transform:translateY(2px)}.secret-hitler-screen .btn-secondary{background:var(--btn-secondary-bg);box-shadow:0 4px 0 var(--btn-secondary-shadow)}.secret-hitler-screen .btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:0 6px 0 var(--btn-secondary-shadow);transform:translateY(-2px)}.secret-hitler-screen .btn-secondary:active{box-shadow:0 2px 0 var(--btn-secondary-shadow);transform:translateY(2px)}.secret-hitler-screen button:disabled,.secret-hitler-screen .btn:disabled{background:var(--btn-disabled-bg);box-shadow:0 4px 0 var(--btn-disabled-shadow);cursor:not-allowed;opacity:.7}.secret-hitler-screen .btn-back{font-family:var(--font-body);color:var(--neutral-text);box-shadow:none;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:calc(10px + 1vmin);position:absolute;top:20px;left:20px}.secret-hitler-screen .btn-back:hover{box-shadow:none;background:#fff3;transform:none}.secret-hitler-screen .button-group{flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:20px;display:flex}.secret-hitler-screen .button-group button{width:100%}.secret-hitler-screen input[type=text],.secret-hitler-screen input[type=password]{font-family:var(--font-body);border:2px solid var(--neutral-border);background:var(--neutral-bg-card);color:var(--neutral-text);box-sizing:border-box;border-radius:8px;outline:none;width:100%;max-width:300px;padding:12px 16px;font-size:calc(12px + 1vmin);transition:border-color .2s}.secret-hitler-screen input:focus{border-color:var(--neutral-accent)}.secret-hitler-screen input::placeholder{color:var(--neutral-text-muted)}.secret-hitler-screen .form-group{flex-direction:column;gap:8px;width:100%;max-width:300px;margin-bottom:16px;display:flex}.secret-hitler-screen .form-group label{font-family:var(--font-body);color:var(--neutral-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:calc(10px + .5vmin)}.secret-hitler-screen .card{background:var(--neutral-bg-card);box-sizing:border-box;border-radius:12px;width:100%;max-width:400px;padding:24px}.secret-hitler-screen .how-to-play{background:var(--neutral-bg-light);text-align:left;border-radius:12px;max-width:500px;margin:20px 0;padding:20px 24px}.secret-hitler-screen .how-to-play ul{margin:0;padding-left:20px}.secret-hitler-screen .how-to-play li{color:var(--neutral-text-muted);margin-bottom:8px;font-size:calc(11px + .5vmin);line-height:1.5}.secret-hitler-screen .credits{text-align:center;margin-top:auto;padding-top:30px}.secret-hitler-screen .credits p{color:var(--neutral-text-muted);opacity:.7;font-size:calc(10px + .3vmin)}.secret-hitler-screen .credits a{color:var(--neutral-accent);text-decoration:none}.secret-hitler-screen .credits a:hover{text-decoration:underline}.secret-hitler-screen .error-message{color:#ef4444;margin:8px 0;font-size:calc(10px + .5vmin)}.secret-hitler-screen .divider{background:linear-gradient(90deg,transparent,var(--neutral-border),transparent);width:80%;max-width:300px;height:1px;margin:24px 0}