:root{height:100%;width:100%}.cardBackground{height:90%;aspect-ratio:.5;background-color:#3a403c;border-radius:24px;box-shadow:0 4px 3px #0003;overflow:hidden;position:relative;padding:0;border:none;box-sizing:border-box}.cardBackgroundDeactivated{opacity:.5}.characterCanvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.statusText{font-size:17px;color:#fff;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:10}.subtitleText{font-size:16px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85);position:absolute;top:5%;bottom:30%;left:50%;transform:translate(-50%);z-index:10;width:95%;height:90%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;text-align:center;transition:opacity .6s ease;pointer-events:none;line-height:1.4}.subtitleText p{margin:0;width:100%;min-width:0}.subtitleVisible{opacity:1}.subtitleHidden{opacity:0}.loginWrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loginForm{display:flex;flex-direction:column;gap:12px;width:320px}.loginForm h2{margin:0 0 8px;font-size:20px}.loginForm input{padding:10px 12px;border-radius:6px;border:1px solid #444;background:#fff;color:#000;font-size:14px;outline:none}.loginForm input:focus{border-color:#6b3a52}.loginForm button{padding:10px;border-radius:6px;border:none;background:#6b3a52;color:#fff;font-size:14px;cursor:pointer;margin-top:4px}.loginForm button:hover:not(:disabled){background:#7a1532}.loginForm button:disabled{opacity:.6;cursor:not-allowed}.loginError{color:#f87171;font-size:13px}.contentWrapper{display:flex;flex:1;justify-content:center;align-items:center;height:100vh;width:100%}.languageToggle{position:fixed;top:16px;left:16px;font-size:28px;background:none;border:none;cursor:pointer;padding:4px;line-height:1;z-index:100}